Link Variant Images to Swatches

This feature allows you to automatically change to the corresponding swatch (product options) by clicking on the variant images


First, ensure that you have the Product Image Gallery switch toggled to the on position as shown in the screenshot below. You can find this switch by navigating to our app's home page and then clicking on the Preferences tab.

Then, you can link your variant images to swatches (product options) by choosing between the On an individual product basis or the Globally on all products methods as discussed below.

On an individual product basis

This can either be done through Shopify Admin or through the App.

Shopify Admin

On the product page, scroll down until you see Tags on the right hand-side. Then, simply add vw-variant-vi-link as a tag


Navigate to our app's all products page, and select the product you want to link

Click the More button (three dots) followed by the Link variant image to product option (swatch) menu item.

Globally on all products

On the app’s home page, simply click on the tab Preferences, found at top right corner. Then, on the tab Product Image Gallery, enable Link variant image to product option (swatch) by ticking the checkbox. Then, hit Save on the top right.

How to assign multiple variant images to each variant while using this feature

First assign all the images you want to link to the corresponding variants within the variant rows. Once completed, click on the 3 dots button located at the top right corner of the page and then turn the Variant Images toggle to the off position, as shown in the screenshot below.

The app will then revert the product to using the standard product image gallery layout (where all images are shown), and clicking each image will change to the correct corresponding product option (swatch).

Last updated