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