Skip to main content
All CollectionsCustomise Theme Block
Customise the look of your bundle form
Customise the look of your bundle form
Updated over a week ago

🌟 Getting Started Guide Step 3.1


1. Open your theme editor

We recommend creating a duplicate of your live theme and making changes on an unpublished version to ensure your site remains unaffected during updates.

Shopify Online Store page with customise button on the live theme highlighted


2. Navigate to your default product template

By clicking on home page in the top middle nav bar you can switch to previewing your default product page.

Shopify theme editor with template selection dropdown open for default product template


3. Open the Biscuits Bundle App Block

Click the Biscuits Bundle Builder block under your themes product information/details section to start configuring the look of your bundle form.

Shopify theme editor open on product template with Biscuits Bundle app block selected


4. Customise

Colours

  • Product card text color and background

  • Input text color and background

  • Selected state background and text color

  • UI divider and sale text color

shopify theme editor with biscuits bundle app block settings open on colour settings

Show/hide features

  • Box shadow

  • Selected count badge

  • Running totals

  • Product title links

Shopify theme editor open on checkbox settings for displaying running totals and count badges

Padding

  • Set the card padding

  • Set the space between each card in the grid/slider

  • Set the top and bottom padding of the block within the section

Shopify theme editor open in Biscuits Bundle app block settings for padding and margins

Borders

  • Set a border color and radius to match you theme

  • Set a border thickness to make your selected grid items stand out

Shopify theme editor open on Biscuits bundle app block for border colours

Input styles

  • Pill

  • Rectangle

  • Ball

Shopify theme editor open on Biscuits Bundle app block with settings for input styles

Highlight Styles

  • Fill

  • Outline

Shopify theme editor open on the Biscuits Bundle app block settings for highlight type outline


5. Custom CSS and Javascript

If your bundle form vision extends beyond the initial blocks settings, Biscuits Bundles also provides custom CSS and Javascript fields at the bottom of block settings.

Shopify theme editor open for Biscuits Bundle app block showing the custom css form field

UP NEXT: 🌟 Getting Started Guide Step 3.2

Did this answer your question?