# Size Chart for WooCommerce **Contributors:** jthemesstudio, spiderwares **Requires at least:** 5.2 **Tested up to:** 6.8 **Requires PHP:** 7.4 **Version:** 2.0.1 **Stable tag:** 2.0.1 **License:** GPLv2 or later **License URI:** [https://www.gnu.org/licenses/gpl-2.0.html](https://www.gnu.org/licenses/gpl-2.0.html) **Tags:** woocommerce, size chart, product size chart, size guide, size table Add responsive size charts to WooCommerce products with popups, tabs, and rules. Help customers choose the right size and reduce returns. ## Description Size Chart for WooCommerce helps your store minimize returns and increase buyer trust by providing clear, responsive size guides on your product pages. Whether you're selling clothes, shoes, or accessories, customers can easily view accurate sizing information before checkout. Easily create unlimited size charts with flexible layouts, add top and bottom descriptions, and style them to match your store’s branding. Display charts in popups (Featherlight or Magnific), product tabs, or custom locations using shortcodes. Target size charts to specific products, categories, tags, or shipping classes using powerful display rules. Show different charts for different product types like Simple or Variable. you can now create multiple charts per product (e.g., inches and centimeters) and let users switch between them for better clarity. ## Presentation [**Premium**](https://codecanyon.net/item/woocommerce-product-size-chart-wordpress-plugin/58515654) | [**Demo**](https://plugins.jthemesstudio.com/size-chart-for-woocommerce/product/gray-shoes/) | [**Documentation**](https://plugins.jthemesstudio.com/docs/size-chart-for-woocommerce/) ## 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 ⭐ Support for multiple size chart tables — add different charts for various units (e.g., inches, centimeters) or product types for ultimate flexibility ⭐ 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 ## Installation 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. ## 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. ## Frequently Asked Questions ### Can I insert a size chart using a shortcode? Yes! Use `[scwc_size_chart id="123"]` to place the chart anywhere on your site. ### Does this support popup display? Absolutely. You can use Featherlight or Magnific popups with animation effects. ### Can I assign charts to specific products or categories? Yes. Assign based on product type, categories, tags, shipping class, and more. ### Is the table responsive? Yes, the plugin is fully responsive and works great on mobile and desktop devices. ## Screenshots 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 ## Changelog ### 2.0.0 - Added support for multiple size guide tables. - now we can add multiple tables (e.g., one in inches, one in centimeters) for better flexibility. ### 1.0.1 - Update readme ### 1.0.0 - Initial release of Size Chart for WooCommerce ## Upgrade Notice ### 1.0.0 First official release. Upgrade to Pro for combined condition logic and extended display control. ## Support Need help or have suggestions? 📧 Email us at [info@jthemes.com](mailto:info@jthemes.com) 🌐 Visit our website: [https://jthemes.com/](https://jthemes.com) ## License This plugin is licensed under the [GNU General Public License v2.0 or later](https://www.gnu.org/licenses/gpl-2.0.html). You are free to modify and distribute it under the same license terms.