Skip to main content

Option Values

Option values are the choices within selection-type options. Each value can have its own price, image, and linked product. Setting up values correctly ensures customers see the right choices and pri...

Option values are the choices within selection-type options. Each value can have its own price, image, and linked product. Setting up values correctly ensures customers see the right choices and pricing.

Adding Option Values

For dropdown, radio button, checkbox, and swatch options:

  1. Create or edit an option

  2. In the Option Values section, click Add value

  3. Enter the value name (what customers see)

  4. Repeat for all choices

Values appear in the order you add them. Drag to reorder if needed.

Setting Prices

Every value has a Price field that is always editable. To charge extra for a value, simply type the amount:

  1. In the Pricing Settings section, find the value

  2. Type the add-on amount in the Price field (for example, 5.00)

  3. Click Save

The app handles the rest automatically:

  • Add-on variant created for you - The app creates a purchasable variant on a hidden, app-managed product called “Add-ons” and assigns it to the value. The variant is titled after your value (for example, “Gift Wrap (+$5.00)”) and uses the value’s image, so customers see a presentable line in cart, checkout, and on their order — never an internal product name.

  • Edits update in place - Change the price later and the app updates that same variant’s price and title. No duplicate variants accumulate over time.

  • Type 0 to remove a price - Entering 0 clears the price and detaches the assigned variant from the value.

After saving, you stay on the option form and a confirmation toast appears. The price displays next to the value name on the storefront, and when a customer selects the value, the add-on is charged automatically at checkout.

Note: Pricing features require the Growth plan or higher.

Using Your Own Products

Instead of typing a price, you can link a value to a product or variant that already exists in your catalog:

  1. Click Select price for the value

  2. Use the product picker to find and select a product

  3. Choose the specific variant if applicable

  4. The product’s price and image are linked to the value

This is useful when the add-on is a real product you also sell on its own, or when you want the value’s price to stay in sync with your catalog.

Editing the price of a linked product: If you type a new amount in the Price field of a value that uses one of your own variants, the app updates that variant’s price in your Shopify catalog — the change applies everywhere that variant is sold. Before applying it, an inline warning shows how many other option values share the same variant. Click Update to confirm the change, or Cancel to keep the current price.

Value Images

Any value can carry an image, not just swatches. Click the dashed image square on the value and pick a file from your computer. Square images work best; the storefront crops to a square and shows them at 75 pixels by default.

Where the image appears depends on the option:

  • Swatches and colour or image dropdowns - the image is the choice, shown in the picker itself

  • Checkbox and radio lists - one image per row, at the right-hand edge of the option

  • Buttons - no image; a button is already the thing being chosen, so a picture on it turns a row of buttons into something else

  • Everything else - a single image in a column beside the option, which swaps as the customer changes their selection

In every case the image sits on the same line down the page, so a product page with several options reads as one column of choices and one column of pictures rather than pictures scattered at different widths.

Showing Value Images on the Storefront

Show the value’s image in the What customers see section controls whether those images reach the storefront. It is on by default — most stores that upload an image want it seen — and the row only appears once at least one value on the option has an image, since there is nothing to decide before that.

Turn it off when the image is for your reference rather than the customer’s, or when the picker already shows it and a second copy beside the option is redundant. An option whose selected value has no image shows nothing and gives the space back to the field, so leaving it on costs nothing.

On a File Upload option this setting is worded differently — Show the image you added — because it governs the picture you attached to the value, not the customer’s file. Their upload always previews, whatever this is set to.

Default Value Selection

Pre-select a value for customers:

  1. Scroll to Default Selection in the option form

  2. Choose which value should be pre-selected

  3. Customers can still change their selection

Leave empty to require customers to make an active choice.

Prices That Follow a Measurement

If a value charges through one of your own products, and that product is priced per unit in Shopify, the option says so too. A value linked to acrylic sold at $27 per square metre shows +$27.00/m² on the storefront rather than a bare +$27.00 — in the option, in the cart and everywhere else the price appears.

Nothing to set up here: it comes from the unit price fields on the variant, so it is yours to change in Shopify and it disappears from the option if you turn it off there. This is the same information EU, UK and German price-indication rules require you to show on goods sold by weight, volume, length or area.

Hiding Prices

If you don’t want customers to see additional charges:

  1. In Pricing Settings, enable Hide Prices from Customers

  2. Prices still apply at checkout, but aren’t displayed on product pages

This is useful for psychological pricing or when price differences might discourage selection.

Did this answer your question?