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.

Micah Quinto avatar
Written by Micah Quinto
Updated over a week ago

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?

The enablement or disablement of widgets depends on the version of your Debutify Theme. Please follow the correct guide based on your theme version:

How to Enable or Disable the Debutify Theme Widgets on versions 7.1 and above?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Click on the Theme settings icon.

Click on the Theme settings icon.

STEP 3

Scroll down and locate the Debutify Widgets tabs. You’ll find the following categories:

  • Debutify Free Widgets

  • Debutify Paid Widgets

Expand the relevant widget category by clicking on the arrow next to the tab name.

STEP 4

To enable a widget, check the box next to the widget name. To disable it, simply uncheck the box.

How to Enable or Disable the Debutify Theme Widgets between versions 6.0 and 7.0.2?

STEP 1

Sign in to your Debutify Theme Login Portal at platform.debutify.com, and navigate to the Widgets section.

STEP 2

Choose your widget from the Widgets menu, either by searching or filtering by category.

STEP 3

To enable or disable your chosen widget, click on the toggle switch.

STEP 4

  • To enable the widget, confirm by clicking Enable in the confirmation message that appears.

  • To disable the widget, confirm by clicking Disable in the confirmation message that appears.

Note: Enabling or disabling widgets on Debutify Login Portal is available only in Debutify Theme versions 6.0 to 7.0.2. Please make sure your theme is within this version range to access this feature.


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?