About
Globo is the company specializing in website design and development in Vietnam.
45C, 210 Hoang Quoc Viet Street, HN
globosoftware
contact@globosoftware.net
Follow Us

Use product variant images as image swatches

You are here:
Estimated reading time: 1 min

This feature allows you to show variant images as swatch option.

Steps:

Upload variant images

  1. From Shopify admin page, go to Products
  2. From All Products > edit the product you want to upload variants’ image
  3. Upload variants’ image (see screenshot)
  4. Click Save

Note: After adding/updating your products variants in Shopify Products, please sync product data

Enable Automated variant image swatch

  1. From the app admin page, click Options
  2. On the Option column, find the option name you want to set up automated variant image swatch
  3. In Display style column of the option, select Automated variant image swatch
  4. Click Save

Here is the result in the front end:

Show variant image group

  1. From Shopify admin page, go to Products
  2. From All Products > edit the product you want to upload variants’ image
  3. Upload variants’ image in the order as the screenshot below (Order: Grey variant image –> the rest images of Grey group –> New Cream variant image –> the rest images of New cream group –> Pink variant image –> the rest images of Pink group)
  4. Click Save

Here is the result in the front end:

Video tutorial

This feature heavily depends on your theme functionality, so if it does not work as expected, don’t hesitate to email us at apps@globosoftware.net!

Was this article helpful?
Dislike 0
Views: 271