What Is the Product Tabs Widget?
The Product Tabs Widget is a useful feature for stores using the Debutify theme. It enables you to display additional product information in a tabbed format on your product pages. This organized layout makes it easier for customers to find relevant details, improving their browsing experience and helping them make informed purchasing decisions.
How to Enable the Product Tabs Widget?
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 Tabs option.
How to Set Up the Product Tabs?
STEP 1
Go to Sections, open the Debutify Widgets section, and locate the Product Tabs block.
STEP 2
Hover over to the Product Tabs section, click the arrow icon to expand it, and add a block. You’ll see options to add different types of tabs to your product page. The available options are:
Description
Reviews
Text/Image/HTML
You can add one or multiple blocks, depending on the information you'd like to display.
How to Set a Description Tab
STEP 1
Click Add block, then select Description.
STEP 2
This tab will automatically pull in the product’s main description as entered in the Shopify Admin under the product’s settings.
STEP 3
You can further customize the tab by:
Renaming the tab title
Changing the tab icon
Selecting whether the tab should be open by default
Adjusting the text alignment (Note: alignment settings may not work as expected depending on how the product description was originally formatted in Shopify)
💡Tip: This is a great way to keep your product information organized without cluttering the main product view.
How to Set a Reviews Tab
STEP 1
Click Add block, then select Reviews.
STEP 2
This tab will display customer reviews if you have a compatible reviews app enabled in your theme settings. To check this, go to: Theme Settings > Integrations > Reviews.
STEP 3
You can customize the Reviews tab to better fit your store’s branding by:
Renaming the tab title
Changing the tab icon
Choosing whether the tab should be open by default
Note: Each review app may have slightly different setup instructions. Be sure to refer to their specific documentation for best results.
How to Set a Text/Image/HTML Tab
STEP 1
Click Add block, then select Text/Image/HTML.
STEP 2
You’ll have a content field where you can add your custom text, upload images, or insert HTML for more advanced customization.
STEP 3
Use this tab for things like size guides, shipping info, FAQs, or promotional content.
💡Pro tip: This tab gives you the most flexibility if you want to personalize your product pages with rich content.
How to Target Any Product Tab to Specific Products
STEP 1:
While editing any tab (e.g., Description, Reviews, or Text/Image/HTML), scroll down to the bottom of the tab settings panel.
STEP 2:
Find the section labeled Visibility Settings. This allows you to control where the tab will appear across your store.
STEP 3:
Select one of the available visibility options:
All – The tab will appear on every product page.
Product-Based – Show the tab only on specific products by entering the exact product names.
Tag-Based – Display the tab on products that have specific Shopify tags.
Collection-Based – Apply the tab to all products within a selected Shopify collection.
Type-Based – Target products by their assigned product type in Shopify.
STEP 4:
Once you've selected a targeting method, a field will appear for you to input the relevant information:
For Product-Based, enter product names.
For Tag-Based, enter one or more tags.
For Collection-Based, enter the name of the collection.
For Type-Based, enter the product type.
How to Change the Display Type of Product Tabs
STEP 1
Go to Sections, open the Debutify Widgets section, and locate the Product Tabs block.
STEP 2
Click directly on it to open the General Product Tab Settings.
STEP 3
Under Display Type, toggle between:
Vertical – Tabs stack vertically
Horizontal – Tabs appear in a row across the page. Only works when shown as a separate section.
Examples
Vertical Layout:
Horizontal Layout:
How to Reposition the Product Tabs on Your Product Page
STEP 1
Before repositioning, decide whether the Product Tabs are displayed as:
A separate section, or
Embedded inside the Product Information section
STEP 2
Go to Sections in your theme editor, open the Debutify Widgets section, and click on the Product Tabs block to open the General Settings.
STEP 3
Toggle the “Show as separate section” option on or off depending on whether you want the tabs as a standalone section or embedded within the product information.
If Displayed as a Separate Section
STEP 1
Navigate to your product page template.
STEP 2
Go to the Template Group and find the Product Tabs section under the Template group (add the section if it’s not already there).
STEP 3
Hover over the block, then click and drag to reposition it above or below other elements as needed.
If Embedded in the Product Information Section
STEP 1
In your product page template, open the Product Information section.
📌 Note: If you’re using a different template, such as the homepage or collection page, this section will be called Featured Product.
STEP 2
Locate the Product Tabs block within the section. If it's not there, click Add Block and select Product Tabs.
STEP 4
Hover over the block, then click and drag to reposition it above or below other elements as needed.
STEP 5
Once you've placed it in the desired position, click Save to apply the changes.
Disclaimer for Using Debutify Theme Widgets
When using widgets 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.
Your commitment to transparency and ethical practices is crucial for building trust and maintaining a compliant online presence.