Swatch King styles the product options your Shopify products already have — turning your theme's dropdowns and radio buttons into swatches, buttons and styled selectors on your product pages and product grids.
Here is exactly what it does and does not do, so you can tell quickly whether it fits your store.
✅ What Swatch King can do
On your product pages
Replace your theme's variant picker with 23 style templates — swatches, buttons, dropdowns and radio buttons
Use a different style on desktop and mobile, set per option
Show a color, a custom image, or the variant's first, second or last image as the swatch
Require a deliberate choice before Add to Cart becomes available, so customers don't order the pre-selected variant by accident
Hide combinations that don't exist, so shoppers only ever see variants you actually sell
Product page styles
Swatch: Swatch in box · Swatch circle in square · Swatch in button · Small swatch in dropdown · Swatch in dropdown · Circular swatch · Polaroid swatch · Square swatch · Swatch in pill · Square swatch with icon · Circular swatch with icon
Button: Text only button · Button pill · Button · Button with price · Small button · Full width button · Connected button · Radio button (Stacked) · Radio button (Horizontal) · Radio labels
Dropdown: Dropdown · Dropdown with label
On collection pages and grids
Show options on collection pages, search results, home page sections and carousels
As a shopper selects a color on a product card, the card's image, price and theme badges update with it
Choose which options appear on grids and which stay on the product page only
12 style templates built for the smaller space on a product card
Collection page styles
Swatch: Swatch – Circle in square · Square swatch – Small · Circular swatch – Small · Circular swatch – Large · Square swatch – Large · Square swatch with icon – Small · Circular swatch with icon – Small
Button: Circular button · Text only button · Square button
Dropdown: Dropdown · Dropdown with label
Styling and customization
Start from any template and customize every part of it — selected and unselected states, hover behavior, borders, sizes, labels, tooltips and sliders
Rename and save your own styles to match your theme. Your store can hold up to 20 saved styles
Update in bulk — assign styles across many options at once from the dashboard, or by CSV
Upload swatch colors and images in bulk by CSV
Stock, badges and sizing
Sale badges on swatches, with your own text, and the option to show the amount or percentage saved automatically
Set a minimum discount before a Sale badge appears, so small markdowns don't trigger it
Sold out badges, with your own wording
Show out-of-stock variants greyed out, crossed out or struck through — or hide them entirely
Connect a supported third-party size chart app and position its link beside the option label you choose
Setup and safety
Adds no code to your theme. Swatch King installs as a Shopify app embed. It never edits your theme files, never adds product tags, and never changes your products' titles, descriptions, statuses or variants — so removing it cannot leave anything broken behind
Control where it runs — switch the app on or off per page type and per section, and a disabled page loads none of the app's files at all
Check your app embed across every theme on your store from one screen, including unpublished themes you are testing
Translate the text Swatch King adds to your storefront into any language on your store
Free for 30 days, with every feature available
🚫 What Swatch King cannot do
Most of these have an answer — it is just a different app.
If you want to… | Use |
Show only the selected variant's images in the product gallery | |
Split one product's variants into separate product listings | |
Show several separate products as one swatch row, each with its own URL | |
Add text fields, file uploads, checkboxes, add-ons or quantity breaks | A product options app — Swatch King works with Shopify's own variants only, and cannot create a new option |
Add an Add to Cart button to collection page cards | Not available. Swatch King can show and change options on cards, but not add a cart button |
One more thing worth being upfront about. Swatch King selects the variant through your theme's own variant picker. A small number of themes are built in a way that does not respond to this, and those need a one-off fix from our team rather than a settings change. If your swatches appear but the price or image does not update when you click one, send us your store URL through the chat — this is quick for us to identify and usually quick to fix.
Available to earlier stores only
Two features are still available to merchants who had them enabled before they changed, but are not part of Swatch King for new installs:
Product groups — showing several separate products as one swatch row. This moved to SA Variants: Combined Listings. If your Product groups page has disappeared, for example after reinstalling, contact us and we will look at your account.
Low stock alert — an urgency message when stock is running low.
Need help deciding? Hit the chat button. Tell us what you are trying to build and we will tell you honestly whether Swatch King does it.