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:
Create or edit an option
In the Option Values section, click Add value
Enter the value name (what customers see)
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:
In the Pricing Settings section, find the value
Type the add-on amount in the Price field (for example, 5.00)
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:
Click Select price for the value
Use the product picker to find and select a product
Choose the specific variant if applicable
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:
Scroll to Default Selection in the option form
Choose which value should be pre-selected
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:
In Pricing Settings, enable Hide Prices from Customers
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.
