Skip to content

Show quick buy on product tiles ​

This guide describes how to enable the Quick buy option to display an Add to cart button on product tiles. The button allows a store visitor to add items to their cart quickly.

The previous video demonstrates adding the Quick buy options to a section.

Enable quick buy ​

You can enable the quick buy option for the following sections:

  • Featured collection
  • Featured product variants
  • Mixed shape product grid
  • Article recipe page
  • Collection list
  • Product grid (collection)
  • Related products

To enable quick buy:

  1. Go to Customize theme.

    In Theme editor, at the top of the page, use the dropdown to select a template with a section that includes the quick buy option. For example, select Home page.

  2. From the side menu, select the section. For example, on the home page, select Featured collection.

    A Featured collection section in Theme editor.

  3. In the section menu, select the checkbox option to Enable quick buy.

    The Enable quick buy checkbox in Theme editor.

Variant picker buttons and dropdowns ​

For displaying a product with two variants, by default, Shapes theme displays the variant picker as a button.

For example, in the following image, a button is displayed for each of the two product variants: Single and Pack of 8.

Example of product with two variants

If there are more than two variants, by default, the variant picker displays as a dropdown.

For example, in the following image, a dropdown is displayed for selecting the product's Color variants. This product has more than two color variants.

Example of product with more than two variants

If you prefer to set a specific style for the variant picker's option selector, the Variant picker block includes an Options style setting. Use the setting to specify a button or dropdown style for the variant picker's option selector.

Example of Options style setting in Theme editor