Show a variant selector

A quote button on a collection page has a problem: the customer can add the product, but can’t say which version of it they want. Show variant selector adds that choice next to the button.

Turn it on

1. Open the button settings

   In the app, go to Quote settings and click Customize, then open the Button & widget tab.

2. Find the Add to quote section

   Scroll down the Button & widget tab to the Add to quote section — the same group of checkboxes that holds Allow customers to edit quote item prices and Require login before adding to quote — and tick Show variant selector.

   The label is singular, Show variant selector, so searching the page for “variants” will not find it.

   

3. Save

   Click Save to update the changes.

4. Check the result on the front store

   Open a collection on your storefront. The variant selector shows up on each product on the product list, beside the quote button, so a shopper can pick the version they want without opening the product.

   

   Shoppers pick the variant without opening the product.

Note

On a product page customers already have your theme’s own variant picker, so this setting earns its keep mainly on collection pages — see Quote button on collection pages.

Caution

See nothing at all on the collection page? On some modern themes the quote button attaches to the theme’s own quick-add control, which stays invisible until the shopper hovers a product card. Hover a card first — if the quote button itself is not on screen, the selector beside it will not be either. Quote button on collection pages covers this.

Why it’s worth turning on

Without it, a request from a collection page tells you the product but not the size or finish, and you have to email back and ask. On a catalogue with variants, that is a wasted round trip on almost every quote.

Seeing the choice on the quote

To show the chosen variant in the customer’s quote cart, include the Option column under Product list columns on the Quote cart page tab — “The product details shown as columns in the customer’s quote cart.”

Next steps

• Quote button on collection pages — the position this setting supports
• Let customers propose a price — other columns in the customer’s quote cart
• Set the after-click behavior — what happens once they add a product
• Contact support — if the selector does not appear on your theme’s product cards, send us a collection URL and we will look