All Collections
Widgets
Shopping Enhancers
How to Use the Synced Variant Image Widget in the Debutify Theme?
How to Use the Synced Variant Image Widget in the Debutify Theme?

A guide on how to use the Synced Variant Image widget in the Debutify Shopify theme.

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated this week

What is a Synced Variant Image Widget?

The Synced Variant Image widget is a useful tool for displaying product variants on your online store. This widget automatically selects the product variant when a customer selects the associated image from the thumbnails. This allows customers to see what each variant of a product looks like, and then decide which to add to their shopping cart.

How does the Synced Variant Image Widget work?

To use the Synced Variant Image widget, you must first add variants to your product. Variants are different versions of the same product, such as different sizes or colors. This widget is only compatible with products that come in more than one option.

The Synced Variant Image widget will automatically select the corresponding variant when a customer clicks on the associated image from the thumbnails. This makes it easier for customers to see what each variant looks like and choose the one they want to purchase.


How to Enable/Disable the Synced Variant Image Widget?

STEP 1

Sign in to your Debutify Theme log-in portal at debutify.com/login, and navigate to the add-ons section.

STEP 2

Choose your widget from the Add-ons menu, either by searching or filtering by category. Toggle the switch to enable or disable it.

STEP 3

When prompted to enable/disable a widget, click 'Enable' or 'Disable' to confirm your choice.

If the selected widget is not available in your current plan, you'll be prompted to upgrade. Click 'Upgrade' to proceed or 'Cancel' to continue without upgrading.


How to Add Product Variants?

STEP 1

In Shopify Admin, click on Products.

STEP 2

To add variants to existing products, click on the product name.

STEP 3

Scroll to the variants section of the product details page. Click add options like size or color to add one.

STEP 4

Add an option name and add option values. Choose whether the variant is for size, color, material or type. Click done to save the options.

STEP 5

To add more variants to a product, click Add variant from the product details page.

STEP 6

Assign images to the variant, otherwise, the add-on will not work.

STEP 7

Click Save.

Did this answer your question?