Simplify the shopping experience by grouping similar products under a single product listing using the Product as Variant widget. This helps customers view and select different options like colors, sizes, or styles—all from one place.

The Product as Variant widget allows you to combine related products (e.g., different colors of the same t-shirt) under one product page. Each variation appears as a selectable option, improving navigation and making your catalog feel more streamlined.

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

STEP 2
Click on the Theme settings icon.

STEP 3
Open the 🎁Paid widgets tab and toggle the Product as Variant option.

STEP 1
Go to Sections and open the Debutify Widgets section.

STEP 2

Hover over the last section and click the plus icon.

STEP 3

Select Product as Variant.

STEP 3

Open the Product as Variant block and click on Product as Variant Group to open its settings.

STEP 4

Enter the Option name. For example, if each product is a different color, group them under “Colors.”

STEP 5

Go back and add a Variant block to the Product as Variant Group.

STEP 6

Click on the Variant block to open its settings. Assign the product you want linked to this group and enter the name you’d like it to display.

STEP 1
Open your Product page template and navigate to the Product Information section. Locate the Customizable Products block. If it's not visible, add it.

📌 Note: If you're using a different template, such as the homepage or collection page, this section will be called Featured Product instead of Product Information.

STEP 2
Hover over the block, then click and drag to reposition it above or below other elements as needed.

STEP 3
Once you've placed it in the desired position, click Save to apply the changes.

When using widgets and sections in the Debutify Theme, you are fully responsible for their configuration, content, and compliance with applicable laws and regulations. Debutify is not liable for any outcomes or consequences resulting from their use.

For the full disclaimer and additional details, please read the complete article here: Disclaimer for Using Debutify Theme Widgets and Sections.

Your commitment to transparency and ethical practices is crucial for building trust and maintaining a compliant online presence.