This feature is in beta / experimental - we recommend testing it in an unpublished theme to ensure your theme works as expected before publishing the theme.
Reach out to us if you have any issues at all.
Where to find the App Embed
Biscuits Bundles has an app embed that can be found in your Theme editor, inside the App Embeds tab.
The Biscuits App embed helps detect products cards (also known as grid items), on collection pages and sections that belong to Biscuits Bundles products.
Biscuits can then adjust the functionality of the 'Add to Cart' button on product cards to direct the user to the main product page instead.
Expanding the setting will show you the options for adjusting Quick add to cart and Quick view buttons for Biscuits bundles products.
How to configure the settings
TLDR: If you want a quick approach to the Biscuits Bundles App Embed complete the following:
Set Quick add to replace
Set Quick view to hide
and check your themes compatibility in our App Embed - Themes Guide
For a more detailed explanation of the settings provided in the Biscuits Bundles App embed continue reading:
Quick Add
Setting | Effect | Description |
Off
| Nothing will change | Not recommended - Shopify native bundles is a new feature to Shopify and still has some quirks. Currently when bundles are added to cart without selections this will cause a failed add to cart. |
Disable | The quick add button is no longer clickable | Maintains the visual consistency of all grid items while preventing the customer from adding an invalid bundle to cart. |
Hide | The quick add button is no longer visible | Visually hides the quick add button so customers can not accidentally add an invalid bundle to cart. |
Replace | The quick add button is replaced with a link to the product page | Recommended - replace helps keep your grid items looking consistent and directs customers to the best visual experience for selecting their custom bundle elements. |
Off - The app wont load any logic to adjust quick add buttons on your theme.
Off - The app wont load any logic to adjust quick add buttons on your theme.
Dawn Theme collection page - A Biscuits Bundle product still shows "add to cart" button
Not recommended - Shopify native bundles is a new feature to Shopify and still has some quirks. Currently when bundles are added to cart without selections this can cause corrupted carts, blocking customers from being able to add a valid bundle to cart afterwards.
Replace - The app will look for all Biscuits Bundle products and replace their quick add to cart buttons with a "view bundle" link instead.
Replace - The app will look for all Biscuits Bundle products and replace their quick add to cart buttons with a "view bundle" link instead.
Dawn Theme collection page - A Biscuits Bundle product quick add button is replaced with "view bundle" link that takes you to the product page.
Recommended - replace helps keep your grid items looking consistent and directs customers to the best visual experience for selecting their custom bundle elements.
Replacement button classes
This field is included to help you add classes to the new replacement button. Normally it wont be required but if your button is missing some classes specific to styles (and not adding to cart) you can re-add them here.
For example the Palo Alto theme needs the button class btn--quick
added to its replacement button classes to ensure the hover styles are added.
You can see a full list of theme compatibility in App Embed - Themes Guide
Replacement button text
The replacement button text value can be changed from within the Biscuits Bundle app. Scroll to the bottom of the app embed and click manage app to be taken directly to the Biscuits app.
From here click settings in the app sidebar, from here scroll to the bottom of the settings page where you will find View product text field under App embed.
Quick View
Setting | Effect | Description |
Off | Nothing will change | Not recommended - Shopify native bundles is a new feature to Shopify and still have some quirks. Currently when bundles are added to cart without selections this can cause corrupted carts, blocking customers from being able to add a valid bundle to cart afterwards. |
Disable | Button is no longer clickable | Maintains the visual consistency of all grid items while preventing the customer from opening a modal for quick add and adding an invalid bundle to cart. |
Hide | Button is no longer visible | Recommended - Visually hides the quick view button so customers are prevented from accidentally opening a quick view modal. |
Off - The app wont load any logic to adjust quick view buttons on your theme.
Off - The app wont load any logic to adjust quick view buttons on your theme.
Pursuit Theme collection page - A Biscuits Bundle product still shows quick view button.
Not recommended - Shopify native bundles is a new feature to Shopify and still has some quirks. Currently when bundles are added to cart without selections this can cause corrupted carts, blocking customers from being able to add a valid bundle to cart afterwards.
Advanced Configuration
This section is for troubleshooting themes with inconsistent selectors. It includes:
Quick add button css selector
Quick view button css selector
Grid item css selector
Product page form css selector
We recommend only using these advanced fields if the App embed isn't working out of the box and you are familiar with code and css selectors. If the app embed doesn't appear to be finding your themes quick add or quick view buttons, first check our themes guide: App Embed - Themes Guide, for detailed configuration for outlier themes. Or contact Biscuits support.
For example Avante theme requires a quick add and quick view button selector. And an extra line of css to make the cart icon white in the replacement button.