Sticky add to cart

Choose color scheme to apply color for sticky add to cart background color, text color, and button color from the list with color schemes.

*You can edit colors in this block, but it will impact the other sections and blocks in which the same color scheme is used.  

Read 'Color scheme' article to learn more about color schemes.

Selected Option

• Only one variant option will be visible in the sticky “Add to Cart” section.
• The visible option depends on the Variant Picker Label and Variant Option entered below.

All Options

• All variant options created on the product page will be visible in the sticky “Add to Cart” section.

• Available only when Variant Picker Layout → Selected Option is chosen.
• Type the label for the variant option (e.g., “Size”).
• This label will appear above the list of values in the sticky “Add to Cart” section.
• If no Variant Picker Label is entered, the default variant option name created on the product page will be displayed.

• Available only when Variant Picker Layout → Selected Option is chosen.
• Type the variant option name created on the product page (e.g., “Shoe Size”).
• The list of values for this option (e.g., Small, Medium, Large) will appear under the Variant Picker Label in the sticky “Add to Cart” section.

Choose the button’s appearance:

• Primary: The main button style. It uses the primary color from your color scheme. You can choose to fill it with the background color or display it as an outline if the background is set to transparent.
• Secondary: A secondary action style, using the secondary color from your color scheme. Like the primary button, it can be filled or outlined depending on the background settings.

This setting lets you add a small visual indicator to your button.

• None: The button displays only the text, with no icon.
• Dot: A small dot appears before the button label.