Size Charts – Kadence WooCommerce Shop Kit
With Kadence WooCommerce Shop Kit that is available in the Kadence Full or Lifetime Bundles, you can add size charts to any product an entire category of products. You can enable this either as a button in your content that opens a modal or as a tab that you can add into your WooCommerce tabs.
Getting Installed
First, install and activate the Kadence Shop Kit plugin, and go into the “Shop Kit” menu in the bottom left corner of your screen.
There you can click on “Size chart” and enable them for your site. Once enabled reload the page and you will see a new menu in your admin menu for “size charts”.
[columns] [span6] 
[/span6][span6] 
[/span6][/columns]
[hr style=”line” size=”1px”]
Creating a Size Chart
Next you can click on the “Size Chart” then “add new”.
The title will be your size chart title so you can add something like “t-shirt size chart”. In your size chart content, you can add an image or a size chart table. Or both. For a table simply click “virtue shortcodes” and in the popup click on the table option.
[hr style=”line” size=”1px”]
Size Chart Placement
Below the content area, you have settings for enabling the size chart. Your first setting is placement and you can set how you want the size chart to appear on the product page. The first five options would let you choose to place a button that would appear on the product page. That button would lead to a modal holding your size chart content.
[columns] [span6] 
[/span6][span6] 
[/span6][/columns]
The last option in placement is to place as a tab on your product page.
[hr style=”line” size=”1px”]
Size Chart Options
Below your placement options, you can set the colors for the modal and modal buttons (if using). You can also set the tab priority (if using).
[hr style=”line” size=”1px”]
Assigning to a Product
Near the bottom, you have an option to assign this size chart to show for a whole category of products on your site. But if you want to just assign to one or few you can leave that blank and in each product individually assign a size chart.
[columns] [span6]
[/span6][span6] 
[/span6][/columns]
