Skip to main content
All CollectionsWidgetsShopping Enhancers
How to Use the Product Swatches Widget in the Debutify Theme?
How to Use the Product Swatches Widget in the Debutify Theme?

A guide on how to use the Product Swatches widget in the Debutify Shopify theme.

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

What does the Product Swatches Widget do?

The Product Swatches widget is a powerful tool that allows you to split variants into unique products and group them as product swatches. This feature is useful for e-commerce websites that offer products with multiple color or size options.


How to Enable/Disable the Product Swatches 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 Manage the Settings for Product Swatches?

STEP 1

In Shopify Admin, select Online Store.

STEP 2

Select your Debutify Shopify theme, and click on Customize.

STEP 3

Click on the Product Swatches.

STEP 4

Tick the box if you want to show the Product Swatches in the product grid.

STEP 5

Click on the arrow next to Product Swatches to reveal the option to add Theme Blocks for product swatches as a Group or Product.

STEP 6

Click on Group to add product swatches to a group of products.

Click on Product to add swatches.

STEP 8

Go to the product page.

STEP 9

Under the Templates, go to the Product page section and look for the product swatches block.

Drag the product swatches block wherever you wish the product swatches to appear on the product page.

STEP 10

Click Save to apply the changes.

Did this answer your question?