> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weltpixel.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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**

![Screenshot_149.jpeg](https://storage.crisp.chat/users/helpdesk/website/-/d/a/e/c/daecd0fef9285800/5fa63a23-4546-4074-87e3-952a86_12a1f0t.jpg)

---

## Step 2 — Create the Size Chart Block
Go to: **Admin → Content → Blocks → Create New Block**  
Add your size chart content here and click **Save**.

![Screenshot_144.jpeg](https://storage.crisp.chat/users/helpdesk/website/-/9/f/5/7/9f578c0de43b3000/769b8d40-2b29-49a7-9d24-d10ff6_st8qne.jpg)

---

## 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.  

![Screenshot_145.jpeg](https://storage.crisp.chat/users/helpdesk/website/-/7/d/8/1/7d81831b83779400/a67b1f1a-110e-459f-ac3d-508695_h5bdr6.jpg)

---

## 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.  

![Screenshot_146.jpeg](https://storage.crisp.chat/users/helpdesk/website/-/a/b/a/3/aba39678e7619000/c54fe83c-d07d-4045-8b21-dfc5f2_iqrwv8.jpg)

---

## 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**.

![Screenshot_142.jpeg](https://storage.crisp.chat/users/helpdesk/website/-/a/8/7/4/a8743d36c6a4a800/603613b9-e44d-46ca-832c-0d6e29_16ate74.jpg)

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

---

## Reference & Resources
- Example block code: [smartproducttabs_sizechart_woman](http://www.weltpixel.com/resources/smartproducttabs_sizechart_woman.txt)  
- Extension page: [Smart Product Tabs for Magento 2](https://www.weltpixel.com/smart-magento-2-custom-product-tabs-extension.html)  
- User Guide: [WeltPixel Smart Product Tabs User Guide](https://weltpixel.com/resources/ModuleDoc/Magento2/SmartProductTabs/User-Guide-WeltPixel-Smart-Product-Tabs-Magento2.html)