# Add the Addons block to your product page

> Offer extra products with a switch, checkbox or radio. Selected add-ons go in the cart with the main product at one unit each.

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](https://section-store.orka.help/a/addons-block-not-adding-to-cart)
- [Can Addons block products be selected by default?](https://section-store.orka.help/a/can-addons-block-products-be-selected-by-default)
- [Give a discount on Upsell block and Addons block products](https://section-store.orka.help/a/give-a-discount-on-upsell-block-and-addons-block-products)
- [Upsell or Addons block not showing](https://section-store.orka.help/a/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