Variant Images

Variant Images allows you to show only the specific images related to each variant when customers select it, giving a clearer and more focused shopping experience. 

By displaying relevant images for options in a product, you can make it easier for customers to see exactly what they’re choosing.

In this guide, you will learn how Variant Images enhance your product display. Let’s get started!

How To Set Up Variant Images For Your Products? 

1. From the dashboard, navigate to Variant Images section > click on Theme setting to check if your current theme supports this feature:

2. Switch the button from Unadd > Added to activate Variant Images feature

Note: Unsupported themes display “Please contact our support for assistance”. In this case, please contact the support team to have personalized help.

3. Click on + Add Product to navigate to the Product List:

4. In the Add Product Pop-up window, tick on the product wanted to display selected images (Only 1 product can be selected each time) 

Note: You can search for the product name from the List of Products field to find products from your store 

5. After hitting on Confirm button, you will be redirected to the respective Product Variant Setting section including the following fields:

• Variants list: Displays all the variants of the selected option shown as “Group by: ”
• Number of variant images: Total number of images assigned to that variant
• Edited Date: The latest date of editing variant images 
• Action: Open variants image list

6. Beside a variant, choose the Pencil button to edit the variant related images list:

• Bulk Edit: Assign images for both chosen single variants and their combined variants

• Single Edit: Select specific images for each combined variant

7. Inside the Edit box, tick all images you want to display for that variant > click the Save button

The notification for successfully adding will be displayed in the bottom right corner.

Note: Simply click on Update variants list button for the app to sync all the changes you made for your options/variants inside Shopify Admin during your use.

How To Edit Assigned Variant Images? 

1. To view assigned variant images, simply click on the product name or choose the Three dots icon beside this product > select View variants

2. In the Product Variant Settings page, make the changes you want and Save the process

Note: Click on Update variants list and assign images for your variants in case you add more images for your products.

How To Delete Assigned Variant Images? 

1. To delete assigned variant images, click on the Three dots icon beside this product > select Delete > choose Confirm to complete 

Need any help?

If you need any assistance with NS Product Variants, feel free to contact us via live chat in-app or email [email protected]. Our support team is happy to help