Lantern lets you show a quantity selector beside the Add to Cart button on the quiz results page. This allows customers to choose how many units of a recommended product they want to add to their cart.
How to enable the quantity selector
Open your quiz in the Quiz Builder.
Go to the Results Page.
Open the Add to Cart button settings.
Enable Show Quantity Selector.
Republish the quiz.
Once enabled, the quantity selector will appear to the left of the Add to Cart button on the results page.
How it works
Customers can use the plus and minus buttons to increase or decrease the quantity before adding a product to their cart.
For products with more than 20 variants, the quantity selector will not appear. Instead, the product will show a Choose options button.
If your results page uses an Add All to Cart button, Lantern will use the selected quantity for each product that has a quantity selector. If the customer does not change the quantity, each product will default to a quantity of 1.
Note: Products with a Choose options button can still be included when using Add All to Cart. In that case, Lantern will add the product’s first or default variant from the Shopify product listing.
Theme behavior
The quantity selector automatically follows the style of the selected quiz theme. It works across Lantern themes and adjusts to match the overall look of the Add to Cart button.
If you want to further customize the style of the quantity selector, you can use custom CSS. For more details, see How to add custom CSS to your quiz.