Back to Top

User Guide For CS-Cart Size Chart

Updated 27 November 2025

CS-Cart Size Chart add-on helps customers quickly understand product sizing by showing clear measurements on the product page.

This reduces size confusion and helps move items from the wishlist to the cart.

The add-on allows admins to create detailed size charts with measurement values and images.

These visual guides improve customer confidence and reduce product returns caused by incorrect sizing.

Check a brief overview of the plugin –

Find the Best CS-Cart
Development Company
Find out More
-A2OdAYBIq8

Features and Benefits

  • Well integrated with CS-Cart & Multi-Vendor.
  • Functionality to set the size chart matrix for all the variants of the particular product at the backend.
  • Option to upload the size guide image to show along with the size chart.
  • Admin can select the desired option for creating a size matrix of the product.
  • Admin can create a global size chart using product options, and all products with those options will automatically use it.
  • Admin can upload a size chart image that applies to every product using those linked options.
  • Moreover, the admin can conveniently modify or update the size chart for any specific product whenever needed.
  • The customer can add the product to the cart by selecting the size option from the size chart pop-up.
  • Size Chart will work with the product having inventory or without inventory.

How To Upload And Install The Add-on

After downloading the CS-Cart Size Chart add-on, you’ll get the zip file, an install.txt file, and a relevant User Guide manual doc.

Read it carefully for proper configuration.

Go to Add-ons > Downloaded Add-ons, click the gear icon, and then select Manual Installation, as shown in the snapshot below.

manualinstallation

Click on “Local” to browse the zip file, and then click on “Upload & Install” as shown below in the snapshot.

uploadfile

The add-on will be installed successfully.

Add-on Configuration

After installing the add-on, click on it to open and configure the settings, as shown in the snapshot below.

addonlink

To create and configure a size chart, the admin can follow these steps:

  • Go to the Size Chart settings and start creating a new chart.

  • Select any pre-created product option from the dropdown to link it with the size chart.

  • Enter the measurement details needed for the chart.

  • Upload the size chart image to complete the setup.

Note:  No need to prepare a separate size chart for every product. Use product options to create a size chart, and once saved, it will automatically apply with the image to all products using that option.

sizechartsettting

How to Add a Product-Specific Size Chart in the Backend

To add a product-specific size chart in the backend, follow these simple steps:

  • Navigate to the Product Details page.

  • Click on the Options tab to view all available product options.

  • Select the relevant options that you want to link with the size chart.

  • Finally, click the Save button.

selectoptions
Next, click on the Size Chart tab and select the option for which you want to add the measurements.

sizechartoption

Add all desired measurements, upload the reference chart image for the Size Chart pop-up, and click Save.
sizechart

Frontend View

Size Chart option link will be available on the product details page, as shown below.

chartstoreHere’s the view of the size chart pop-up. Just select the desired variant and add it to the cart.

chartpopup

Support

If you have any questions, suggestions, or customization requests, feel free to contact us at [email protected] or submit a ticket at webkul.uvdesk.com.

Explore our premium-quality CS Cart Extensions to enhance your store functionality.

You can also explore our CS-Cart Development Services and Quality CS-Cart add-ons.

Current Product Version - 1.3

Supported Framework Version - 4.16.x to 4.19.x

Blog Version - 4.16.x to 4.19.x
  • Version 4.18
  • Version 4.16.x to 4.19.x
  • Version (4.13.x - 4.18.x)
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

User Guide For CS-Cart Size Chart