Configure the tabbed size chart in WooCommerce

The plugin allows size charts to appear in multiple formats. One of the most useful formats is the Tabbed Size Chart, where the chart is displayed as a new tab in the WooCommerce product page layout.

This layout looks professional, keeps the page clean, and makes the size chart easily accessible without interrupting product content.

Use this style when:

• You want a clean and organized layout
• The size chart contains multiple rows of large data
• You want to avoid clutter near the Add to Cart button

Open or Create a Size Chart

1. Go to Product Size Chart → Size Charts
2. Click an existing chart OR
3. Click Add New Size Chart to create a new one
4. Add chart title, description, and table values as needed

Locate the “Size Chart Style” Setting

Inside the size chart editor:

1. Scroll down to the section labeled Size Chart Style
2. This section controls how the chart will be displayed on the front end

You will see options such as:

• Popup
• Inline
• Tabbed Chart (this is the one we configure)

Assign the Tabbed Chart to Products or Categories

Now you need to assign this chart so it shows up on product pages.

Option A — Assign to Specific Products

1. Edit a product
2. Scroll to the Size Chart section
3. Select this size chart
4. Update the product

Option B — Assign to Categories

1. Open the size chart
2. On the right sidebar, locate Assign Category
3. Select one or more categories
4. Save

All products in those categories will display this chart as a tab.

Preview the Tabbed Display on Product Page

Visit any product that has the tabbed chart assigned.

You will see:

• A new tab next to Product Description
• Clicking the tab will show the full-size chart
• The chart will appear cleanly formatted inside the tab container

Conclusion

The Tabbed Size Chart layout is one of the cleanest and most user-friendly ways to display measurement information.

By configuring your size chart with the Tabbed Chart style, you provide customers with a professional and organized shopping experience.

This layout is ideal for large or detailed charts and keeps your product page neat and visually appealing.

FAQs

1. Why is the size chart tab not appearing on my product page?

Check:

• The size chart is assigned to the product
• You selected “Tabbed Chart” under Size Chart Style
• Your theme supports WooCommerce tabs layout

2. Can I rename the tab?

Yes, you can set a custom tab label in the chart settings.

3. Can I use tabs for multiple size charts?

Yes — each chart will appear as a separate tab.

4. Does the tab work with variable products?

Yes, both simple and variable products support tabbed charts.

5. Will the tab show if the user selects a different country?

It depends on your country-based display settings.