Skip to main content
All CollectionsInstallation & uninstallationInstallation
App Embed - Quick Add & Quick View Settings
App Embed - Quick Add & Quick View Settings
Updated over a month ago

This feature is highly dependant on your theme and how it was built.
โ€‹
We recommend testing it in an unpublished theme to ensure your theme works as expected before publishing the theme.

Please 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:

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.

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.


Disable - The app will look for all Biscuits Bundle products and disable their quick add to cart buttons.

Dawn Theme collection page - A Biscuits Bundle product still has its "add to cart" button but it is disabled and a customer can not click it.


Hide - The app will look for all Biscuits Bundle products and hide their quick add to cart buttons.

Dawn Theme collection page - A Biscuits Bundle product quick add button is no longer visible to the customer.


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.

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.


Disable - The app will look for all Biscuits Bundle products and disable their quick view buttons.

Pursuit Theme collection page - A Biscuits Bundle product still has its "quick view" button but it is disabled and a customer can not click it.


Hide - The app will look for all Biscuits Bundle products and hide their quick view buttons.

Pursuit Theme collection page - A Biscuits Bundle product quick view button is no longer visible to the customer.


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.

Did this answer your question?