Introduction Last updated: May 9, 2025

Description

Size Chart for WooCommerce helps customers make confident purchasing decisions by displaying detailed size information directly on product pages. Whether you sell apparel, footwear, accessories, or custom items, this feature allows you to add customizable size charts tailored to each product or category. The size chart appears in a responsive popup or tab, providing clear measurements, conversion guides, and visual references without cluttering the product page. Designed for flexibility and ease of use, Size Chart for WooCommerce improves customer satisfaction, reduces return rates, and enhances the overall shopping experience.

Prerequisites:

To use the Size Chart For WooCommerce, you need to have the WooCommerce plugin installed and activated on your WordPress site. The plugin is designed to work seamlessly with any WooCommerce-compatible theme.

Installation

To install the Size Chart For WooCommerce plugin, you can easily upload it directly through your WordPress admin dashboard. This method is quick and user-friendly, allowing you to install and activate the plugin without needing FTP access. Follow the steps below to get started.

Upload Via WordPress Admin

  1. Log in to your WordPress admin dashboard. In the menu bar on the left, hover over the Plugins option. From the dropdown menu, click on Add New.
  2. In the search bar on the Add Plugins page, type Size Chart For WooCommerce. Once you see the plugin in the search results, click the Install Now button.
  3. After the installation is complete, click the Activate button to enable the plugin.

Upload via FTP

  1. Download the Plugin: Start by downloading the Size Chart For WooCommerce plugin as a .zip file from the plugin's download link.
  2. Extract the Plugin: Extract the downloaded .zip file on your computer. This will create a folder containing the plugin files.
  3. Connect to Your Website via FTP: Open your preferred FTP client and connect to your website's server using your FTP credentials.
  4. Upload the Plugin: Drag and drop the extracted plugin folder from your computer into the /wp-content/plugins/ directory in the FTP client. Wait for the upload to complete.
  5. Activate the Plugin: Log in to your WordPress admin dashboard. Go to Plugins > Installed Plugins and click Activate to enable the plugin.

General

The Size Chart for WooCommerce plugin allows you to display customizable size charts on your product pages to help customers make informed purchase decisions.

You can choose between different popup libraries, animation effects, and display positions, and fully customize the link label to match your store’s design.

The plugin is lightweight, flexible, and works seamlessly with most WooCommerce-compatible themes.

General Features


  • Popup Library: Choose between Featherlight and Magnific to display the size chart popup.
  • Effect: Select from multiple animation effects like Zoom In, Fade, Slide Bottom, 3D Unfold, and more for the popup display.
  • Position: Define where the size chart link appears on the product page, such as after the product title, price, or before/after the Add to Cart button. Shortcode [wpcsc_link] is also available for manual placement.
  • Label: Customize the label text for the size chart link (default: "Size Chart").

Size Chart Content


  • Top Content: Add custom content such as headings, text, or media above the size chart table to guide or inform your customers.
  • Size Chart Table: Create a detailed and responsive table with measurements and sizing information to help customers choose the correct size.
  • Bottom Description: Include additional notes, care instructions, or disclaimers below the size chart for extra clarity.

Display Rules & Style Settings


  • Conditional Display: Display the size chart based on flexible conditions such as:
    • Selected product types (e.g., simple, variable, etc.).
    • Specific product categories for targeted visibility.
    • Individual products for granular control.
    • Product visibility settings (e.g., visible, hidden, featured).

Table Style Settings

  • Header Colors: Customize the text and background color of the table header.
  • Odd Row Colors: Set custom text and background colors for odd-numbered table rows.
  • Even Row Colors: Set custom text and background colors for even-numbered table rows.

Guideline Video

Watch the complete guideline video to learn how to set up and use the Size Chart for WooCommerce plugin. This video covers all the plugin features, settings, and how to display the product comparison table on your website.

Changelog

You can view the Size Chart For WooCommerce plugin changelog and version history in the plugin's official documentation or on its WordPress plugin page. This includes detailed information about updates, new features, bug fixes, and version releases.

	-----------------------------------------------------------------------------------------
	Version 1.0.0 
	-----------------------------------------------------------------------------------------

	- Initial Release