Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    magento-marketplace-mod

    Size Chart for Magento2

    Size Chart for Magento2 allows 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.  This module helps the buyer to view the size chart and hence allow customers to easily find the right size and increases the customer satisfaction.

    Note –

    • Size Chart for Magento2 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 reflecting until the admin can resave the assigned template product again.

    Features – Size Chart for Magento2

    • Admin can add size chart templates.
    • Two types of templates can be created – Normal & 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 Magento2 is working with Simple, Virtual, and Configurable product types.

    Installation & Configuration Of Size Chart Module For Magento2

    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.

    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

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

    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.

    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.

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

    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.

    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).

    Admin Management For Size Chart for Magento2

    After the successful installation of the Magento2 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.

    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.

    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.

    After selecting the attribute, custom options of that attribute will be automatically displayed. 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.

    Simple Product –

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

    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.

    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 assosiated 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 prize along with the product variant will be applied and displayed on the product as shown in the image below.

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

    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.

    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 –

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

    If the configurable product has two or more then two attributes then the customer needs to select those attributes the add to cart option is not 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 Size Chart for Magento2 module if you have any issue feel free to add a ticket and let us know your views to make the module better at webkul.uvdesk.com

    Current Product Version - 3.0.0

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

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index