Shopify App

AFN Variant Linker

Link Products as Variants.
Keep Everything Separate.

Group standalone products into connected variant experiences with color swatches or image cards. Each product keeps its own URL, SEO, inventory, and analytics.

AFN Variant Linker - Color swatches on a Shopify product page
Online Store 2.0
No Code Required
Theme Editor Ready
Click Analytics

Features

Everything You Need to Connect Products

A complete toolkit for creating variant-like experiences across standalone products.

Color Swatches & Image Cards

Display linked products as clickable color swatches or visual image cards directly on the product page.

Keep Products Separate

Each linked product keeps its own URL, SEO, inventory, and analytics. Nothing gets merged.

No Code Required

Add directly through the Theme Editor as an app block. Works with any Online Store 2.0 theme.

Built-in Analytics

Track clicks with device breakdown and see which linked products get the most engagement.

AFN Variant Linker - Visual grid display on product page

Display Options

Swatches or Image Cards. Your Choice.

Show linked products as compact color swatches for quick selection, or as a visual image grid so shoppers can see every option at a glance. Both styles are designed to feel native to your theme.

Image-first variant display
Highlights the active product
Mobile-friendly out of the box
AFN Variant Linker - Create link groups in seconds

Simple Setup

Create Link Groups in Seconds

Group related products together, assign swatch colors to each one, and go live. Drag-and-drop reordering, per-product color pickers, and zero theme edits required.

Drag-and-drop product list
Per-product swatch colors
Works with any OS 2.0 theme
AFN Variant Linker - Analytics dashboard with click tracking and device breakdown

Analytics

Know What's Working

Built-in click analytics show you which linked products get the most attention. See total clicks, views, click rate, and revenue impact alongside a device breakdown and top-performing products.

Click and view tracking
Desktop vs. mobile breakdown
Top-performing product insights

How It Works

Up and Running in Three Steps

01

Install the App

Add AFN Variant Linker to your Shopify store from the App Store. Setup takes under a minute.

02

Create Link Groups

Group related products together and assign swatch colors or images to each one. Drag and drop to reorder.

03

Add to Your Theme

Drop the app block into any product page through the Theme Editor. No code or Liquid edits needed.

Theme Editor App Block

Works with Any Online Store 2.0 Theme

AFN Variant Linker integrates through the Shopify Theme Editor as a native app block. No Liquid edits, no code injections, no theme conflicts. Just add the block to your product page and configure it visually.

DawnSenseCraftRefreshSpotlightAny OS 2.0 Theme

FAQ

Common Questions

Make sure you've added the AFN Variant Linker app block to your product page template in the Theme Editor. The block only appears on products that belong to a link group.

Display settings are stored as shop metafields. Changes apply immediately but may require a hard refresh on the storefront (Ctrl+Shift+R) to clear the browser cache.

No. A product should only belong to one link group. Each product stores a single group reference (group_ref metafield), so adding it to another group overwrites the previous one. Only the last assigned group will display on the storefront.

Go to Settings > Subscription. You can upgrade to Pro or downgrade to Free at any time. Changes take effect immediately.

The analytics dashboard is on the home page. The Free plan shows 7-day basic stats. The Pro plan unlocks 30-day advanced analytics with device breakdown, top products, and CRO insights.

Certain themes, including Dawn, render the media gallery with a higher z-index than the product info column, which can cause tooltips to appear behind it. To resolve this, open your theme code editor, locate .product__info-wrapper (or your theme's equivalent product info container) and add a higher z-index value (e.g. z-index: 2). This ensures the info column, including the variant linker widget, stacks above the gallery.

Ready to Link
Your Products?

Install AFN Variant Linker and start connecting products in minutes. No code, no risk, no disruption to your store.

Install on Shopify