Variants & Swatches for Shopify

Nobody buys a color they can’t see.

Varn turns your variant dropdown into color and image swatches that drive your theme’s own picker. It edits no theme files, and the setup wizard walks you through every step.

Free plan forever. Every paid plan is free for 7 days.

yourstore.com/products/atelier-knit-tee
Atelier Knit Tee in Lilac

Gallery filtered to this color

Atelier Knit Tee

$68.00 $84.00

A real swatch picker, running in this page. Click a color.

Works with
OS 2.0 themes
Theme files edited
None
Storefront languages
18
Products on Free
Unlimited

Works with the theme you already have

    Varn is a theme app extension, so it works on any Online Store 2.0 theme. Instead of building its own picker, it drives the one your theme already ships, and steps aside entirely when your theme has native swatches for that option.

    Setup

    Five steps, and the app does four of them.

    The setup wizard checks your theme for you, finds your color options for you, and names your colors for you. You confirm, and you are live.

    1. Turn it on

      One button opens your theme editor with the Varn app embed already selected. Toggle it on, hit save, done. Varn then verifies it is live by reading your theme’s own settings, so the checkmark is a fact, not a guess.

      Once per theme

    2. Pick a product

      Search your catalog, filter to products that actually have a color option, and pick one. Or skip ahead and hit Auto-configure all products to do the whole catalog in one pass.

      Free on every plan

    3. Confirm the options

      Only color options are offered, so Size and Material are never turned into swatches by accident. Varn recognizes Color, Colour, Couleur, Farbe, Colore, Kleur and Farve out of the box, and you can teach it your own name.

    4. Let AI setup fill in the colors

      One click reads your option names and fills in the colors it is confident about, in ten languages. When a name is not a color, a vision model looks at the product photo instead. Everything stays editable, and a live preview shows the result as you work.

      On every plan, including Free

    5. Go live

      Save, and the swatches are on your storefront. Nothing was written into your theme, and nothing is left behind if you ever uninstall.

    Capabilities

    Everything a swatch should do.

    Free

    Solid, two-tone, gradient or a real photo

    “Navy / Cream” renders as navy and cream, split down the middle. Photo swatches upload at full resolution through Shopify’s Files API, so there is no quality cap and no blurry thumbnails. Values with no color and no photo fall back to readable text pills rather than a row of identical grey circles.

    Free

    Sold out, marked honestly

    A sold-out color stays visible with a strike through it, styled as a strike, a fade, or left plain. Varn refuses to select a value your theme has disabled, so it can never sneak into a cart. Never color alone, so screen readers hear “Sage, sold out” too.

    Free to start

    The gallery follows the color

    Pick Lilac and the gallery shows only the lilac photos, in the order you dragged them, with your chosen cover first. It re-applies itself even after your theme re-renders the section. Free on your first 5 products; plans raise the limit to 150, 1,500 or unlimited.

    Free to start

    Separate products, one swatch row

    If your reds and blues live as different products, group them and they appear as one color row on every page. Drag to set the order, and a product can never sit in two groups by mistake. Your first group is free; plans raise it to 5, 15 or 50.

    Advance

    Find out which colors actually sell

    Anonymous click and add-to-cart tracking per color, plus sold-out demand: how many shoppers clicked a color that was not available. Then plain-language advice on what to restock, feature, investigate or retire.

    Free

    Swatches everywhere shoppers browse

    Collection pages, search results, quick-view pop-ups and featured rows. Hovering a chip swaps the card photo, and clicking it can switch the card in place instead of navigating away.

    Agent readiness

    Your next shopper might be an AI agent.

    When someone asks an AI shopping assistant for “a sage green linen shirt in a medium”, it does not look at your photography. It reads structured data: category, color, size, target gender, image alt text. Miss those and you are invisible to that shopper.

    Varn scores every product out of 100 on exactly those signals, shows you the literal record an agent receives, and fixes the gaps in one click, on every plan including Free. It also publishes proper ProductGroup structured data for you, rendered server-side, at zero JavaScript cost.

    See what’s included

    Agent readiness

    85/100

    Example score

    A

    Product category 30 / 30
    Color option 25 / 25
    Size option 15 / 15
    Target gender 15 / 15
    Image alt text — missing 0 / 15

    One click writes descriptive alt text for every product image and sets the standard target-gender attribute. Ambiguous products are skipped rather than guessed.

    Variants · Free to start

    Every color gets its own gallery.

    In the Variants wizard you map photos to each color and drag them into order, exactly like arranging product media in Shopify. On your product page, picking Clay then shows only the clay photos, in exactly that order, with your chosen cover first.

    • The gallery follows the color. It filters to the selection and re-applies itself even after your theme re-renders the page.
    • You choose the cover. Drop any photo into the first slot and it becomes the main image for that color.
    • Upload from inside the app. New photos go through Shopify’s Files API at full quality and attach straight to the product.
    • Free on your first 5 products. Paid plans raise the limit to 150, 1,500 or unlimited.

    Varn › Variants › Photos for each color

    • Cover
    • 2
    • 3

    Lilac owns 3 photos. Shoppers who pick Lilac see these, cover first.

    Style studio

    Make it look like your store.

    Shape, size, spacing, borders, labels, hover effects, sold-out treatment. Change it here and watch the swatches update, exactly the way the real style studio works inside the app.

    Shape

    Reach

    A shopper shouldn’t have to open a product to see the colors.

    Knit Tee
    Cardigan
    Trouser

    Collection pages

    Every color on the card, hover to change the photo.

    Result 1
    Result 2
    Result 3

    Search results

    The same chips on anything your search app returns.

    Quick view
    Card
    Card

    Quick view

    Chips inside the pop-up, without doubling up your theme’s own.

    Featured
    Related
    Home

    Everywhere else

    Home page rows, featured collections, related products.

    AI setup

    A catalog of colors, named in one pass.

    AI setup fills your color values in for you. It reads your option names in ten languages, and when a name is not a color it sends the product photo to a vision model and asks which color it is looking at.

    • It only fills in what it is sure about. Anything ambiguous is left for you, never guessed.
    • Names are free, photos are metered. Matching color names is unlimited on every plan. Reading a photo spends one AI usage credit, and every plan includes a monthly allowance, from 250 on Free to 50,000 on Premium.
    • It never overwrites your work. Values you set by hand are left exactly as you left them.
    • Photos too. AI photo match pairs the right existing photo with the right color, so you are not uploading anything twice.

    One-click AI setup

    Bleu NuitNot set
    TerracottaNot set
    SalbeigrünNot set
    Rosa CipriaNot set
    Atelier SpecialNot set

    5 values waiting.

    Swatch analytics · Advance

    Every click is a merchandising signal.

    Varn counts swatch clicks and add-to-carts per color, anonymously: no shopper data, no cookies. It also reports sold-out demand, meaning how many shoppers clicked a color that was not available to buy.

    • Top colors by clicks and add-to-carts, over the last 7, 30 or 90 days.
    • Sold-out demand. Clicks on unavailable colors are the sales you are currently losing, counted.
    • Plain-language advice: what to restock, feature, investigate or retire, only once there is enough data to mean it.
    • Self-optimizing order. Swatches can re-rank themselves by demand, never under a shopper’s finger.

    How Varn behaves in your store

    Exactly what it touches, and what it leaves alone.

    Four design decisions that shape how Varn runs on your storefront.

    It loads deferred, and only what you use

    The storefront script is deferred and split by feature, so a page downloads only the part your settings actually need, and the build enforces a size budget on it. Swatch data is read by your theme at render time, so Varn adds no request for it and no layout shift.

    deferred, split by feature

    Your theme still owns the cart

    Varn does not build its own variant picker. Clicking a swatch selects the option in your theme’s own control, so add to cart is still pure Shopify and the wrong variant cannot reach a checkout. If our script never loads, the shopper still gets your theme’s working dropdown.

    progressive enhancement, by design

    Uninstalling removes it completely

    Varn is a theme app extension, not a script tag, so there is nothing to inject and nothing to clean up. Uninstall it and your theme is exactly as you found it. It never edits a theme file, and it only ever reads your theme to check whether it is switched on.

    read-only theme access

    No code and no theme editing

    No code, no theme editing, no Liquid. The setup wizard verifies each step for you and blocks the ones you are not ready for, with the reason written on the button. Every screen has a live preview, and every style change can be rolled back from a saved backup.

    support@enstacked.com, all plans

    Pricing

    Start free. Upgrade when you outgrow it.

    Every swatch feature is on the free plan: product pages, collection pages, search and quick view included. Paid plans raise the product, group and AI credit limits, then add analytics and advanced styling on top.

    Free

    Free forever

    No time limit.

    Everything you need to launch swatches on your store.

    Start free

    • Products with variant images, up to 5
    • Unlimited color swatches
    • Unlimited AI setup from color names
    • Multiple variant options
    • Product grouping, only 1 group
    • AI usage credits, 250 a month
    • Swatches on collections, search and quick view
    • Agent readiness for all products

    Grow

    $14.99 /month

    Billed monthly, cancel any time

    More products and groups as your catalog grows.

    Start with Grow Includes 7 day trial

    • Products with variant images, up to 150
    • Unlimited color swatches
    • Unlimited AI setup from color names
    • Multiple variant options
    • Product grouping, up to 5 groups
    • AI usage credits, 1,500 a month
    • Swatches on collections, search and quick view
    • Agent readiness for all products
    • Swatches on products you have not set up yet

    Advance

    Most popular

    $39.99 /month

    Billed monthly, cancel any time

    Adds advanced styling and swatch click analytics.

    Start with Advance Includes 7 day trial

    • Products with variant images, up to 1,500
    • Unlimited color swatches
    • Unlimited AI setup from color names
    • Multiple variant options
    • Product grouping, up to 15 groups
    • AI usage credits, 15,000 a month
    • Swatches on collections, search and quick view
    • Agent readiness for all products
    • Swatches on products you have not set up yet
    • Advanced styling options
    • Swatch and variant click analytics

    Premium

    $69.99 /month

    Billed monthly, cancel any time

    For large catalogs that need the highest limits.

    Start with Premium Includes 7 day trial

    • Products with variant images, unlimited
    • Unlimited color swatches
    • Unlimited AI setup from color names
    • Multiple variant options
    • Product grouping, up to 50 groups
    • AI usage credits, 50,000 a month
    • Swatches on collections, search and quick view
    • Agent readiness for all products
    • Swatches on products you have not set up yet
    • Advanced styling options
    • Swatch and variant click analytics

    One AI usage credit is one product photo the AI looks at, and the count resets at the start of every month. Every paid plan is free for 7 days. Billing runs through Shopify’s own confirmation screen and lands on your regular Shopify bill. Change or cancel at any time from inside the app.

    Enstacked
    Technologies

    Commerce engineering studio

    Powered by Enstacked Technologies

    Built by people who work on commerce every day.

    Varn is made by Enstacked Technologies, a commerce engineering studio that builds Shopify themes, apps and storefronts. We wrote Varn the way we write client work: on the current Shopify platform, with a hard performance budget, an accessibility standard, and a test suite that has to stay green before anything ships.

    That is why the storefront engine has a size limit its own build enforces, why the app drives your theme’s picker instead of replacing it, and why every screen has an empty state, a loading state and an error state. It is also why support goes to the people who wrote the code.

    Test suite
    Green to ship
    Storefront locales shipped
    18
    Accessibility target
    WCAG AA
    Support
    Direct

    Talk to the team Visit Enstacked Technologies

    Questions

    The things merchants ask first.

    Will it work with my theme?

    Varn works on any Online Store 2.0 theme, including Dawn and Horizon, because it is a theme app extension that drives your theme’s existing variant control rather than replacing it. It has specific handling for the way Dawn and Horizon re-render their pickers, and it detects your theme’s own native swatches and steps aside rather than rendering a second row.

    Will it slow my store down?

    The storefront script is deferred and split by feature, so a page downloads only the parts your settings actually use, and our build holds every one of them to a size budget. Swatch data arrives inside the page your theme already renders, so Varn adds no network request for it and shifts nothing on the page.

    What happens to my theme if I uninstall?

    Nothing is left behind. Varn never writes into a theme file and never injects a script tag, so removing the app removes the storefront code with it and your theme returns to its own dropdowns. Your product data is untouched, because Varn stores its settings separately rather than rewriting your products.

    Can the wrong variant end up in a cart?

    No. Clicking a swatch selects the value in your theme’s own option control and fires its native change event. Your theme’s form is still what submits to Shopify, so there is no parallel cart path that could disagree with the picker. Varn also refuses to select a value your theme has disabled.

    Do I need to know any code?

    No. Setup is a five-step wizard that verifies your theme for you, shows only the options that are actually colors, and fills in the colors it recognizes. If you do want to go further, the Advance plan adds a custom CSS field, but nothing on any plan requires it.

    My color option isn’t called “Color”. Does that matter?

    Varn recognizes Color, Colour, Couleur, Farbe, Colore, Kleur and Farve automatically. If yours is called Shade, Finish or anything else, add the name once in the style studio and it is treated the same way everywhere.

    What is AI setup actually doing?

    Two passes, and we would rather be specific than mysterious about it. The first matches your option value names against a color dictionary spanning ten languages, applies only the matches it is confident about, runs inside the app and costs nothing. The second is for the values a name cannot answer: Varn sends the product photo to a vision model, which reports the color it can see, so your existing photos get paired with the right variant. That pass is metered in AI usage credits, one credit per photo. Anything either pass is unsure about is left for you to set.

    Does it work in other languages?

    The storefront text is translated into 18 languages and follows whichever locale your shopper is browsing in. Assignments are translation-aware, so a color keeps its swatch across every translated version of the option. The admin interface itself is English.

    What do the paid plans actually add?

    Room, mostly. Free gives you unlimited color swatches on product pages, collections, search and quick view plus 250 AI usage credits a month, so plenty of stores never need to leave it. Paid plans raise three limits: how many products can have per-color photo galleries (5, 150, 1,500 or unlimited), how many AI usage credits you get each month (250, 1,500, 15,000 or 50,000) and how many product groups you can build (1, 5, 15 or 50). Grow and up also show swatches on products you have not set up yet, and Advance and Premium add swatch analytics and the advanced styling tools.

    What is an AI usage credit?

    One credit is one product photo the AI looks at. Matching your option value names against the color dictionary is unlimited on every plan and spends nothing. Credits are only spent when Varn sends a photo to the vision model to find out which color it shows. Every plan includes a monthly allowance, from 250 on Free to 50,000 on Premium, and it resets at the start of each month. Run out and AI setup keeps working from names and color detection until the reset.

    How does the free trial work?

    Every paid plan is free for 7 days. Pick a plan, approve it on Shopify’s own confirmation screen, and the first 7 days cost nothing. Cancel inside those 7 days and you are never billed. The Free plan needs no trial at all, so you can equally start there and upgrade the day you outgrow it.

    Nobody buys a color they can’t see.

    Free plan forever Paid plans free for 7 days

    Add Varn