Launching soon · 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 Starter
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.

    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.

    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.

    Product groups

    Separate products, one swatch row.

    Plenty of stores list each color as its own product: Aria Tee, Clay; Aria Tee, Blush; Aria Tee, Lilac. Shoppers land on one and never find out the others exist. A group joins those products into one color row on every member’s page.

    • Name the row shoppers see, for example “Also in”. That caption sits above the chips on each member’s product page.
    • Add products, then drag. Search, tick, add. The member order is the swatch order shoppers see.
    • A product lives in one group. If it already belongs elsewhere, Varn shows a conflict and a Move here action, so nothing sits in two groups by mistake.
    • Find groups for me. Varn clusters titles that differ only by a color-like suffix, then you add, edit or dismiss each suggestion.
    • If colors are variants of one product, skip this. Groups are for the separate-products case. Ordinary swatches cover variants.

    Varn › Product groups › Aria Tee

    Preview on the product page

    Also in

    Members, in swatch order

    • Aria Tee, Clay This product
    • Aria Tee, Blush Opens that product
    • Aria Tee, Lilac Opens that product

    Three separate products. One row of chips. Tapping a chip goes to that product.

    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 Starter to 25,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 Starter: 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.

    7 day free trial on all paid plans

    Starter

    Free forever

    No time limit.

    Everything you need to launch swatches on your store.

    Join the waitlist

    • Products with variant images, up to 5
    • Product grouping, only 1 group
    • AI usage credits, 250 a month

    Grow

    $14.99 /month

    Billed monthly, cancel any time

    More products and groups as your catalog grows.

    Join the waitlist Includes 7 day trial

    • Products with variant images, up to 150
    • Product grouping, up to 5 groups
    • AI usage credits, 1,500 a month
    • 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.

    Join the waitlist Includes 7 day trial

    • Products with variant images, up to 1,500
    • Product grouping, up to 15 groups
    • AI usage credits, 10,000 a month
    • 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.

    Join the waitlist Includes 7 day trial

    • Products with variant images, unlimited
    • Product grouping, up to 50 groups
    • AI usage credits, 25,000 a month
    • Swatches on products you have not set up yet
    • Advanced styling options
    • Swatch and variant click analytics

    Every plan includes

    • Unlimited color swatches
    • Unlimited auto setup from color names
    • Multiple variant options
    • Agent readiness for all products
    • Swatches on collections, search and quick view

    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 setup stays saved on your Shopify products, so reinstalling brings it back, and Shopify cancels any paid plan the moment you uninstall.

    Does Varn change my products in Shopify?

    In one place, and only when you ask for it. When you save per-color photos, the first photo you picked for each color is set as that color’s variant image in Shopify, which is what makes the gallery follow the swatch in your theme. Varn only uses photos the product already has, and never uploads, edits or deletes a photo. Everything else Varn stores is kept separately rather than rewritten into 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. The setup guide on the home page checks your theme for you, and the product pages show only the options that are actually colors and fill in the colors they recognize. 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 on the Appearance page and it is treated the same way everywhere.

    What is the AI actually doing?

    Two separate things, and we would rather be specific than mysterious about them. Auto-detect matches your option value names against a color dictionary spanning ten languages, applies only the matches it is confident about, and is free and unlimited on every plan. Set up with AI is for photos: it sends each product photo to a vision model, files it under the color it can see, and puts every color’s photos in the same order so switching color does not jump the shopper to a different angle. Shots that belong to no single color, such as a size chart, are kept visible for every color. That one is metered in AI usage credits, one credit per photo. Anything either 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. Starter is free forever and 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, 10,000 or 25,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. Credits are only spent by Set up with AI, which sends a photo to the vision model to find out which color it shows. Auto-detect, which reads your option value names, is free and unlimited on every plan. Each plan includes a monthly allowance, from 250 on Starter to 25,000 on Premium, and the app shows the date yours resets. If you run out, Set up with AI stops until the reset, while auto-detect and assigning photos by hand carry on as normal.

    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. Each store gets one trial, so switching plans during it keeps the days you have left rather than starting again, and trials run on the Starter allowance of 250 AI usage credits a month. Starter 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

    Join waitlist