Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • SupportExpand
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Account
Get Kadence
Kadence Shop Kit
  • Features
  • Pricing
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Shop Kit

Shop Kit Setup

  • Kadence Shop Kit – Product Badges
  • Kadence Shop Kit: Variation Swatches
  • Kadence Shop Kit: Product Galleries
  • Kadence Shop Kit – Advanced Reviews
  • Kadence Shop Kit – Product Brand Configuration
  • Kadence Shop Kit – Open Affiliate/External Products In A New Tab
  • Enable Custom Add to Cart Text
  • How to Set Variation Options
  • Shop Kit 2.0 – Building a Product Template
  • Kadence Shop Kit: Size Charts
  • Enable and Add Global Tabs
  • Snackbar Style Notices
  • Kadence Shop Kit Conditional Cart Banners
  • Checkout Coupon Modal
  • Kadence Shop Kit – Customize Checkout
  • Extra Category Description
  • How to Install & Activate Kadence Shop Kit
  • How to Add Gutenberg Editor to WooCommerce

Woo Template Blocks

  • Woo Template Block – Product: Upsell
  • Woo Template Block – Product: Custom Actions
  • Woo Template Block – Product: Add to Cart
  • Woo Template Block – Product: Title
  • Woo Template Block – Product: Price
  • Woo Template Block – Product: Gallery
  • Woo Template Block – Product: Image
  • Woo Template Block – Product: Short Description
  • Woo Template Block – Product: Description
  • Woo Template Block – Product: Meta
  • Woo Template Block – Product: Tabs
  • Woo Template Block – Product: Rating
  • Woo Template Block – Product: Related
  • Woo Template Block – Product: Upsell
  • Woo Template Block Product: Additional Information
  • Woo Template Block – Product: Reviews Block
  • Woo Template Block – Breadcrumbs
  • Woo Template Block – Product: Notice
  • Woo Template Block – Product: Brand
  • Woo Template Block – Archive: Main Query
  • How to Enable Woo Template Blocks
  • Select a Product for Preview in Woo Template

Kadence Shop Kit

  • Woo Template Block – Product: Custom Actions
  • Home
  • Knowledge Base
  • Kadence Shop Kit
  • Kadence Shop Kit
  • Shop Kit Setup

Kadence Shop Kit: Size Charts

With the Kadence Shop Kit plugin as part of the Kadence Bundles, you can add size charts to any product or select a whole category of products to add to. You can enable this via a button that opens a modal or as a WooCommerce tab.

Getting Installed

First, install the Kadence Shop Kit plugin and go into the “Shop Kit” menu in the bottom left corner of your screen.

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


Creating a Size Chart

Next, you can click on the “Size Chart” and then “add new”.

The title will be your size chart title, so you can add something like “t-shirt size chart.” You can add an image or a size chart table in your size chart content. Or both. For a table, use the table block.


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.

Size Chart Modal Button
Size Chart Modal

The last option in placement is to place it as a tab on your product page.

Size Chart in Tab

Size Chart Options

Size Chart Settings

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). Other valuable options allow you to change the colors in the size chart modal. You can also change settings for the modal button, including the button text. You can also assign your size charts to categories, so they only show where you want them to display.


Assigning to a Product

Near the bottom, you have an option to assign this size chart to show a whole category of products on your site. But if you want to assign to one or a few, you can leave that blank, and each product individually assigns a size chart.

Assign Chart to Categories:

Sizing Chart Categories

Set chart in product settings:

Assign Size Chart in Product
Shop Kit 2.0 – Building a Product TemplateEnable and Add Global Tabs
  • Pricing
  • Products
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • Support
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Login
  • Features
  • Pricing
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog