Varn documentation
Everything about Varn, the Shopify app that turns variant dropdowns into color and image swatches shoppers can actually see.
Varn, Variants & Swatches
Ship swatches in two minutes, not two weeks.
Varn turns your Shopify variant dropdown into color and image swatches that drive your theme's own picker. No theme files edited, under 10 KB of storefront JavaScript, and a free plan that stays free.
Start here#
IntroductionWhat Varn does, who it is for, and what it deliberately does not do.Quick startActivate, pick a product, run AI setup, go live.Install and activateTurn the app embed on, including unpublished themes.Your first swatchesWalk through the Swatches editor value by value.
Popular guides#
AI setupLet Varn name your colors from option values and photos.Per-color photo galleriesShow only the photos that belong to the chosen color.Swatches on collection pagesReach shoppers before they open a product.Style studioShape, size, labels, borders and effects, with a live preview.Swatch analyticsSee which colors get clicked and which sell out.Product groupingShow separate products as one swatch row.
When something looks wrong#
Most reports fall into one of five buckets. Each page below starts with the single most common cause, so you can usually stop reading after the first paragraph.
Swatches are not showingAlmost always the app embed on the live theme.Double or duplicate swatchesYour theme is drawing its own picker too.Galleries and card chipsPhotos not filtering, or gray chips on collection cards.Analytics shows zeroTracking needs Advance or Premium and a live storefront visit.Frequently asked questionsThe things merchants ask first.
Reference#
For developers, agencies and anyone auditing the app before installing it.
Feature matrixEvery feature mapped to Free, Grow, Advance and Premium.MetafieldsExactly what Varn stores on your shop and products.Storefront referenceCSS classes, data attributes and rendering rules.PerformanceThe byte budget, Core Web Vitals and why it is safe.Permissions and privacyScopes we request, and the data we never collect.