🌟 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.
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.
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.
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
Show/hide features
Box shadow
Selected count badge
Running totals
Product title links
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
Borders
Set a border color and radius to match you theme
Set a border thickness to make your selected grid items stand out
Input styles
Pill
Rectangle
Ball
Highlight Styles
Fill
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.
Recommendations and Best Practices
Don't edit your live theme: Always work on a duplicated unpublished theme until you're happy with your changes.
Testing changes: Always preview modifications in your store to ensure they align with expectations.
Reach out or use a developer: Reach out to us for minor changes, or consult a developer for complex changes or custom logic.
UP NEXT: 🌟 Getting Started Guide Step 3.2
