Reading list Switch to dark mode

    User Guide for Magento 2 Size Chart

    Magento 2 Size Chart Module allows the admin to add a size chart for products. Admin can create size chart templates and can use those templates while adding the size chart on any product. The size chart will be displayed on the web-store product page. Magento 2 Size Chart Module helps the buyer to view the size chart and hence allows customers to easily find the right size and increases customer satisfaction.

    Note –

    • Magento 2 Size Chart extension only works with Simple, Virtual, and Configurable products.
    • If an admin can make any changes in the size chart templates, after assigning it to any other product then the changes done in the templates are not reflected until the admin can resave the assigned template product again.

    Check the plugin working in the video mentioned below –


    Features of Magento 2 Size Chart Module

    • Admin can add size chart templates.
    • Two types of templates can be created – Normal and Configurable Product Template.
    • Admin can add a size chart image.
    • Size Chart Module supports jpg, .png, .jpeg as image formats.
    • The customer will see the size chart on the product page.
    • This module increases the customer satisfaction.
    • Size Chart Module for Magento 2 is working with Simple, Virtual, and Configurable product types.

    Installation & Configuration Of Magento 2 Size Chart Module

    Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.


    Searching for an experienced
    Magento 2 Company ?
    Read More

    After the successful installation, you have to run these commands in the Magento2 root directory.

    First command- php bin/magento setup:upgrade


    Second Command – php bin/magento setup:di:compile
    2 command

    Third Command – php bin/magento setup:static-content:deploy
    3 command

    After running the commands, you have to flush the cache from Magento admin panel by navigating through->System->Cache management as shown below.


    Multi-Lingual Configuration

    For Multilingual support, please navigate to Store>Configuration>General >Locale Options. And select your desired language from the Locale option.change language-magento 2 locale

    Language Translation

    If you need to do the module translation, please navigate to the following path in your system app/code/Webkul/SizeChart/i18n.
    Open the file named en_US.CSV for editing as shown in the below screenshot.

    Magento2 Change CSV language file

    Once you have opened the file for editing. Replace the words after the†comma(,)†on the right with your translated words.

    Magento2 Change Language

    After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV. Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.

    Magento2 Change CSV Language file

    Configuration For Multi-Lingual Support For Size Chart for Magento2

    For the multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which admin want to translate his store content).

    Configuration For Multilingual Support

    Admin Management For Magento 2 Size Chart Extension

    After the successful installation of the Magento 2 Size Chart module, admin can go to Stores > Configuration > Webkul Size Chart. From here admin can select the attributes that he wants to make available while creating configurable size chart template.

    Size Chart for Magento2

    For creating Size Chart templates, admin has to go to Webkul Size Chart > View Templates. From here admin can add, edit or delete templates. Admin can create 2 types of templates. One is for Normal Products template which can be used for simple and virtual products. Another type of template is Configurable Product template which can only be used for configurable products.

    Size Chart for Magento2

    Add Normal Product Template

    For normal product template, admin has to provide the template name, unique template code and template image. Admin has to enter the custom options separated by a coma (,) in the text field and then has to click on “Continue” button.


    After clicking on Continue button, admin can add rows and can then fill the rows accordingly.

    The admin can also enable the custom price according to the product variant by clicking on the checkbox button near to the Add Custom Price. A row with the name of Price will be added where the admin can enter the price according to the product variant as shown in the image below –


    Now, finally after all the settings click on “Save” button for saving the template.

    Add Configurable Product Template –

    For Configurable Product Template, admin has to provide the template name, unique template code and template image. Then admin has to select the attribute.

    Size Chart for Magento 2 configurable-template

    After selecting the attribute, custom options of that attribute will be displaying automatically. Admin can then add new rows and can add data in it. Then finally after all the settings click on “Save” button for saving the template.

    Size Chart for Magento 2 set-attributes

    Simple Product –

    For simple product, the admin can select the normal product size chart template as shown in the image below –

    add size chart to product

    After clicking on the save button, custom option of the size chart will also be created automatically.

    Configurable Product –

    For configurable product, admin can select the configurable product size chart template. Admin can then add the associate products but the associate products should contain the same attribute as that of selected size chart template.

    size chart for configurable product

    On the front-end, if there is only single option available with the configurable product, then the customer can add the product to the cart using the size chart directly.

    And if there are two or more than two options are associated with the configurable product then, customers will not be able to add the product to the cart directly using the size chart. For this, the customer can select the options available with the configured product and then complete the checkout.

    Customer Management

    Customer will see the “View Size Chart” option on the product page of all the product to which admin has added the size chart.

    Simple Product –

    The customer can select the product and then add the product to the cart. Custom price along with the product variant will be applied and displayed on the product as shown in the image below.

    front-end view

    On clicking “View Size Chart” customer can see the size chart as shown in the image below –

    size chart front-end

    Configurable Product –

    On configurable product page, customer will see the custom options for the associated products and can select the custom option and then proceed to checkout.

    add to cart product page

    By clicking “View Size Chart” customer can see the size chart and can directly add the associate product to their cart by clicking on “Add To Cart” option given next to custom option on the size chart as shown in the image below –

    configurable product with single option

    If the configurable product has two or more than two attributes –

    If the configurable product has two or more than two attributes then the customer needs to select those attributes and the add to cart option will not be visible on the size chart.

    Here in the below image, customers can see the size chart by clicking on the size chart link. The add to cart option is not present in the size chart.


    Customers need to select attributes according to there need after checking the size chart to add the product in the cart.
    That’s all for Magento 2 Size Chart Module module if you have any issues feel free to add a ticket and let us know your views to make the module better at

    Current Product Version - 4.0.0

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    . . .
    Add a comment

    Leave a Comment

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

    Be the first to comment.

    Back to Top
    It works now, very happy, Webkul is always willing to help wherever they need to, their customer service is out of this world.
    Alain Stout
    Talk to Sales


    Live Chat

    Message Sent!

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

    Back to Home

    Table of Content