Size Chart for WooCommerce

Size Chart for WooCommerce is the ultimate plugin to help your customers choose the right size before checkout. Add clean, responsive size charts to your product pages with popups, tabs, or shortcodes. Whether you’re selling apparel, footwear, or accessories, this plugin reduces returns and boosts buyer confidence. Customize chart content, placement, and styles with ease. Assign charts to specific products, categories, tags, or shipping classes — all without writing code. Fully compatible with any theme and optimized for mobile devices.

Presentation

Premium | Demo | Documentation

Key Features

⭐ Display interactive size charts in a popup using Featherlight or Magnific for smooth user experience
⭐ Choose from multiple animation effects (Zoom In, Fade, Slide, 3D Unfold, etc.) to match your brand style
⭐ Control where the size chart link appears — near the title, price, or Add to Cart button
⭐ Use shortcodes to place size charts anywhere: product page sections, tabs, or custom layouts
⭐ Customize the size chart link text to match your store’s tone and branding
⭐ Add top content to size charts — including headings, instructions, or images
⭐ Create detailed, easy-to-read sizing tables with rows and measurements
⭐ Add a bottom description for extra notes, care instructions, or disclaimers
⭐ Show size charts only on selected product types like Simple or Variable products
⭐ Target specific categories or individual products for chart display
⭐ Display charts based on visibility (featured, hidden) to control what customers see
⭐ Target products by shipping class or product tags for flexible display logic
⭐ Style the table with custom header and row colors
⭐ Fully responsive design — charts look great on all devices

Pro Features

⭐ Display size charts using advanced combined logic — show charts based on multiple criteria at once (product category, tags, shipping class) for precise targeting
⭐ Unlock detailed display rules to control chart visibility by:
⭐ Product Type (Simple, Variable, Grouped, External)
⭐ Product Visibility (Visible, Hidden, Featured)
⭐ Product Tags (e.g., New, Sale, Limited Edition)
⭐ Shipping Class (e.g., Flat Rate, Free Shipping)
⭐ Lightweight and performance-optimized to keep your store fast and responsive
⭐ Fully responsive design ensuring perfect display on any device or screen size
⭐ Highly customizable appearance and behavior to seamlessly match your store’s branding
⭐ Developer-friendly with template override support and clean code for easy integration and customization
⭐ Priority 24×7 premium support for quick issue resolution and expert assistance
⭐ Regular updates with new features and improvements to keep your store ahead
⭐ Easy-to-use admin panel with intuitive controls for effortless management of size charts

Watch in Action

External Services

This plugin includes the following open-source libraries:

1. Featherlight – Lightweight jQuery lightbox
   Source: https://github.com/noelboss/featherlight
   License: MIT

2. Magnific Popup – Responsive jQuery lightbox plugin
   Source: https://github.com/dimsemenov/Magnific-Popup
   License: MIT

The minified versions are included for performance. You may refer to the GitHub repositories above for full source code and documentation.

Support

Need help or have suggestions?
📧 Email us at [email protected]
🌐 Visit our website: https://jthemes.com/

License

This plugin is licensed under the GNU General Public License v2.0 or later.
You are free to modify and distribute it under the same license terms.

1. Upload the plugin to the /wp-content/plugins/size-chart-for-woocommerce/ directory or install via WordPress admin.
2. Activate the plugin through the Plugins menu.
3. Navigate to JThemes > Size Chart to configure and create your size charts.

1. 

   Size chart popup on the product page – Fully responsive and styled popup layout

2. 

   Size chart in the new product tab – Embed chart inside a dedicated product tab

3. 

   General settings screen – Control global settings for behavior and appearance

4. 

   Size chart content editor – Create tables and add header/body/footer content

5. 

   Display conditions and styling options – Define rules and customize design

1.0.1

• Update readme

1.0.0

• Initial release of Size Chart for WooCommerce