Add the Addons block to your product page

The Addons block lists extra products with a switch, checkbox or radio. When the shopper clicks your theme's Add to cart button, the selected add-ons go in the cart too, at one unit each. The block gives no discount and has no promo text.

This block is not the Product addons section from our catalog. It has no Addons Position or Form Class setting, and it needs no Custom Liquid code. You drag it into place, and it finds your product form by itself.

Before you start

You need Section Store Plus or its free trial.

Add the block

1. In Shopify admin, open Apps → Section Store → Conversion Blocks.
2. On the Addons card, click Edit In Theme.
3. Pick your theme. Your live theme has a green dot.
4. The theme editor opens on your product template with the block added.
5. Drag the block above your Add to cart button.
6. Next to Products, click Select and pick the add-ons.
7. Click Save.

The block now shows on every product that uses the template.

Settings

• Products: the add-ons. You can connect this to a product list metafield.
• Style: Stack or Carousel.
• Variant: None, Default, Simple or Image. The picker shows only on products with more than one variant.
• Compare price: shows the compare-at price.
• Use discount tag: shows "Save X%" from the compare-at price. Color sets the tag's color.

Selection controls

• Style: Switch, Checkbox or Radio.
• Size and Color.
• Position: First or Last puts the control before or after the product.
• The second Position: Top, Center or Bottom.

Text, Image, Appearance, Padding

• Font size, Font weight, Title and Price colors.
• Image Size.
• Border, Width, Roundness, Background and Background gradient.
• Vertical and Horizontal padding.
• Custom CSS.

How it behaves

• Every add-on starts unselected. No setting changes that.
• Each add-on goes in at one unit, whatever quantity the shopper picks for the main product.
• Add-ons ride along with Add to cart only. Shopify's Buy it now button skips them.
• Radio is a look. Shoppers can still select several add-ons.
• Sold-out products show Sold out and can't be selected.
• Use discount tag is a label. The price stays the same.
• Atc button styling adds selected add-ons to the price on the button.
• Sticky add to cart works too. Its button clicks your real Add to cart button.

Addons or Upsell?

Upsell adds a product at once with its own button. Addons waits for Add to cart.

Related

• Addons block not adding to cart
• Can Addons block products be selected by default?
• Give a discount on Upsell block and Addons block products
• Upsell or Addons block not showing

Also searched as: addons, add-ons, addon block, add on products, product add-ons, gift wrap, warranty, checkbox add-on, toggle add-on, complementary products, extra products, add-on switch