How to create a Size Chart on product page using Smart Product Tabs

You can use Smart Product Tabs to display different Size Charts for men’s and women’s clothing directly on the product page.

Here’s how to set it up:

Step 1 — Enable Smart Product Tabs

Go to: Admin → WeltPixel → Smart Product Tab Settings → General settings for Smart Product Tabs Grid: Enable

Step 2 — Create the Size Chart Block

Go to: Admin → Content → Blocks → Create New Block

Add your size chart content here and click Save.

Step 3 — Add a New Smart Tab

Go to: Admin → WeltPixel → Smart Product Tabs Grid → Add New Smart Product Tab

• Name: Enter a name for this tab.
• Title: Enter the tab title (this is shown on the frontend).
• Status: Set to Active.
• Store View: Select the store views where the tab should appear.
• Customer Group: Select which customer groups should see the tab.

Step 4 — Add Content to the Tab

1. In the tab configuration, go to Content → Edit With Page Builder.
2. Add an HTML Code row.
3. Click the HTML Settings icon.
4. Insert a Widget → Widget Type: CMS Static Block.
5. Select the Size Chart block you created in Step 2.
6. Save.
7. Under Conditions, select where the tab should appear (for example, on a specific category).
8. Save the tab.

Step 5 — Clear Cache

Go to: Admin → System → Cache Management

Flush all available caches.

Step 6 — Verify on Frontend

Refresh the frontend product page. You should now see the Size Chart tab.

Woohoo! 🎉 The Smart Tab is active and ready to use.

Reference & Resources

• Example block code: smartproducttabs_sizechart_woman
• Extension page: Smart Product Tabs for Magento 2
• User Guide: WeltPixel Smart Product Tabs User Guide

Updated on: 16/09/2025