{"id":71510,"date":"2017-01-14T10:49:34","date_gmt":"2017-01-14T10:49:34","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=71510"},"modified":"2026-01-19T13:24:02","modified_gmt":"2026-01-19T13:24:02","slug":"size-chart-magento2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/size-chart-magento2\/","title":{"rendered":"User Guide for Magento 2 Size Chart Module"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/magento2-size-chart.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Size Cha<\/a><a href=\"https:\/\/store.webkul.com\/magento2-size-chart.html\">rt<\/a> module lets admins create reusable size chart templates and easily assign them to products for accurate sizing.<\/p>\n\n\n\n<p>The size chart will be displayed on the web-store product page. <br><br>Magento 2 Size Chart Module helps the buyer view the size chart.<br><br>Allowing customers to easily find the right size and increase customer satisfaction.<\/p>\n\n\n\n<p><strong>Note &#8211;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/store.webkul.com\/magento2-size-chart.html\">Magento 2 Size Chart<\/a> extension works with simple and configurable products.<\/li>\n<\/ul>\n\n\n\n<p>Check the plugin working in the video mentioned below &#8211;<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"CcPc6km0nfw\"><div class=\"components-placeholder__instructions\">CcPc6km0nfw<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Features<\/h3><\/div><div class=\"margin-bottom-50\">\n<ul class=\"wp-block-list\">\n<li>Enable\/disable the module.<\/li>\n\n\n\n<li>Create, delete, and edit the Size Units.<\/li>\n\n\n\n<li>Mass delete and change the status of Size Units.<\/li>\n\n\n\n<li>Create, delete, and edit the Body Measurements.<\/li>\n\n\n\n<li>Upload the image of Body Measurements.<\/li>\n\n\n\n<li>Mass delete and change the status of Body Measurements.<\/li>\n\n\n\n<li>Create, delete, and edit the Size Chart Template.<\/li>\n\n\n\n<li>Upload the specific images of the Measurements for the Custom Size Chart Form.<\/li>\n\n\n\n<li>Set the Size Chart Template to the specific product.<\/li>\n\n\n\n<li>Customers can check the size chart for the product.<\/li>\n\n\n\n<li>Customers can also give his\/her custom Measurements using the Custom Size Chart Form.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Installation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>Customers will get a <strong>zip folder<\/strong> and they have to extract the contents of this zip folder on their system. <br><br>The extracted folder has an&nbsp;<strong>src<\/strong> folder, inside the src folder you have the&nbsp;<strong>app&nbsp;<\/strong>folder.&nbsp;<br><br>You need to transfer this <strong>app<\/strong> folder&nbsp;into the Magento2 root directory on the server as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" alt=\"Installation\" title=\"Size Chart for Magento2\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>After the successful installation, you have to run these commands in the Magento2 root directory.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup: upgrade<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:di: compile<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:static-content: deploy<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento indexer:reindex<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento cache:flush<\/pre>\n\n\n\n<p>After running the commands, you have to flush the cache from Magento admin panel by navigating through-&gt;System-&gt;Cache management as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\" alt=\"Installation\" title=\"Size Chart for Magento2\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Language Translation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>If you need to do the module translation. <br><br>Navigate to the following path in your system <strong>app\/code\/Webkul\/SizeChart\/i18n<\/strong>.<br><br>Open the file named <strong>en_US.CSV <\/strong>for editing as shown in the below screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/22-3.png\" alt=\"Magento2 Change CSV language file\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once you have opened the file for editing. Replace the words after the<strong>\u2020comma(,)<\/strong>\u2020on the right with your translated words.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"823\" height=\"763\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/i18file_magento2_size_chart.png\" alt=\"i18file_magento2_size_chart\" class=\"wp-image-398028\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/i18file_magento2_size_chart.png 823w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/i18file_magento2_size_chart-300x278.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/i18file_magento2_size_chart-250x232.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/i18file_magento2_size_chart-768x712.png 768w\" sizes=\"(max-width: 823px) 100vw, 823px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After editing and translating the CSV file. <br><br>Save the translated file name according to your region language and country code such as &#8211;<strong> de_DE.CSV<\/strong>. <br><br>Then upload the translated file to the same folder from where you have obtained it. <br><br>Now your module translation is complete.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2016-05-02_16-25-34-3.png\" alt=\"Magento2 Change CSV Language file\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Initial Configuration Settings<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>After the successful installation of the Magento 2 Size Chart module. <br><br>Admin can go to<strong> Stores &gt; Configuration &gt; Webkul-&gt; Size Chart<\/strong>. <br><br>From here, the admin can make the initial configuration settings for the extension.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1081\" height=\"764\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-configuration.webp\" alt=\"magento2-size-chart-configuration\" class=\"wp-image-435978\" title=\"Configuration Setting\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-configuration.webp 1081w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-configuration-300x212.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-configuration-250x177.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-configuration-768x543.webp 768w\" sizes=\"(max-width: 1081px) 100vw, 1081px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the admin will be able to &#8211;&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable or disable the extension for use in the store. Apart from that, after enabling the extension the side panel option Size chart appears in the admin panel.<\/li>\n<\/ul>\n\n\n\n<p>For the customer size chart, the admin can configure the &#8211; <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Acknowledgment to the customers. <\/li>\n\n\n\n<li>Add the acknowledgment note for the customers visible in the size chart pop-up.<\/li>\n\n\n\n<li>Enter the footer note.<\/li>\n<\/ul>\n\n\n\n<p>Lastly, save the configuration settings. <\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Size Chart Options <\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation and configuration, the Size Chart menu option is visible to the admin. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"643\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart.webp\" alt=\"magento2-size-chart\" class=\"wp-image-435979\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-300x172.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-250x144.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-768x441.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the admin has three options to configure &#8211;  <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Size Units<\/li>\n\n\n\n<li>Measurements<\/li>\n\n\n\n<li>Size Chart Templates<\/li>\n<\/ul>\n\n\n\n<p>Let&#8217;s go through each of them. <\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Size Unit Creation<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under this section, the admin can create the size units for the size chart as required. If you have already created the size units then they will be listed under this section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"564\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units.webp\" alt=\"size-units\" class=\"wp-image-435981\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-300x151.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-250x126.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-768x387.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Apart from that, the admin can do bulk action that includes &#8211; deletion and updating of the size units status as enable or disable as per the snapshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"566\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-updation.webp\" alt=\"size-units-updation\" class=\"wp-image-435982\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-updation.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-updation-300x152.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-updation-250x126.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-updation-768x388.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To add a new size unit, tap the Add Unit button on the top right-hand corner, and that brings up the below section. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"531\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-unit-creation.webp\" alt=\"magneto2-size-unit-creation\" class=\"wp-image-435984\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-unit-creation.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-unit-creation-300x142.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-unit-creation-250x119.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-unit-creation-768x364.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, for the Size Unit Information enter the size unit that you want to create and set the status as enabled or disabled as required. <\/p>\n\n\n\n<p>Lastly, save the size unit by tapping the Save Unit button. A success message for the same is shown and the newly created size unit is listed under the section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"646\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-created-1.webp\" alt=\"magento2-size-unit-created\" class=\"wp-image-435985\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-created-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-created-1-300x173.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-created-1-250x144.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-units-created-1-768x443.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After creating the size units, the admin can edit them by tapping the edit link for the respective size unit.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Measurement Creation<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under this section, the admin can create the measurements for the size chart as required. If you have already created the measurements then they will be listed under this section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/one-5.webp\" alt=\"measurement\" class=\"wp-image-477430\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/one-5.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/one-5-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/one-5-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/one-5-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Apart from that, the admin can do bulk action that includes &#8211; deletion and updating of the measurement status as enabled or disabled as per the snapshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/two.webp\" alt=\"image\" class=\"wp-image-477444\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/two.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/two-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/two-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/two-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To add a new measurement, tap the Add Measurement button on the top right-hand corner, and that brings up the below section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/three-4.webp\" alt=\"measurement\" class=\"wp-image-477443\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/three-4.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/three-4-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/three-4-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/three-4-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, for the Measurement Information enter the Measurement that you want to create, set the status as enabled or disabled, and upload an image for the measurement.<\/p>\n\n\n\n<p>Lastly, save the measurement by tapping the Save Measurement button. A success message for the same is shown and the newly created measurement is listed under the section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/four-9.webp\" alt=\"SD\" class=\"wp-image-477437\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/four-9.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/four-9-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/four-9-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/12\/four-9-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After creating the measurements, the admin can edit them by tapping the edit link for the respective measurement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1079\" height=\"691\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-measurement.webp\" alt=\"magento2-size-chart-edit-measurement\" class=\"wp-image-435996\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-measurement.webp 1079w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-measurement-300x192.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-measurement-250x160.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-measurement-768x492.webp 768w\" sizes=\"(max-width: 1079px) 100vw, 1079px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Size Chart Template Creation<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under this section, the admin will find all of the created size chart templates as required and can delete or add more templates. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"520\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-templates-list-1.webp\" alt=\"size-chart-templates\" class=\"wp-image-436001\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-templates-list-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-templates-list-1-300x139.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-templates-list-1-250x116.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-templates-list-1-768x357.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Apart from that, the admin can do bulk action that includes &#8211; deletion and updating of the size chart template status as enabled or disabled as per the snapshot below.<\/p>\n\n\n\n<p>The admin can also edit and of the created size chart templates as required by tapping the edit link for the respective template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"504\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-template-updation.webp\" alt=\"magento2-size-chart-template\" class=\"wp-image-436002\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-template-updation.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-template-updation-300x135.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-template-updation-250x113.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/size-template-updation-768x346.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To add a new size chart template, the admin will tap the Add Template button, and that brings up the below section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-information.webp\" alt=\"magento2-edit-template-information\" class=\"wp-image-436004\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-information.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-information-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-information-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-information-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, for the size chart template &#8211; <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter the template name. <\/li>\n\n\n\n<li>Enter the template code.<\/li>\n\n\n\n<li>Set the status of the template as Enable d or Disabled. <\/li>\n\n\n\n<li>Choose the size units and the measurements. <\/li>\n<\/ul>\n\n\n\n<p>After the above settings tap the Generate Template button.<\/p>\n\n\n\n<p>Now, enter the values for the sizes(in range as well) available as required.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-information.webp\" alt=\"magento2-size-chart-create-template\" class=\"wp-image-436018\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-information.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-information-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-information-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-information-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then, upload the measurement images as required and save the template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1103\" height=\"704\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/upload-measurement-images.webp\" alt=\"upload-measurement-image\" class=\"wp-image-436021\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/upload-measurement-images.webp 1103w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/upload-measurement-images-300x191.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/upload-measurement-images-250x160.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/upload-measurement-images-768x490.webp 768w\" sizes=\"(max-width: 1103px) 100vw, 1103px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After saving the size chart template, the admin will be able to see a success message and the size chart will be listed under the section. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"624\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-created.webp\" alt=\"size-chart-template-created\" class=\"wp-image-436023\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-created.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-created-300x167.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-created-250x139.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/template-created-768x428.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After saving the template you can edit the template as well as per the snapshot below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2240\" height=\"1402\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template.webp\" alt=\"edit-template\" class=\"wp-image-436024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template.webp 2240w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-300x188.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-1200x751.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-250x156.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-768x481.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-1536x961.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/edit-template-2048x1282.webp 2048w\" sizes=\"(max-width: 2240px) 100vw, 2240px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin can also edit the uploaded measurement images for the size template. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2240\" height=\"1760\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-edit-template-1.webp\" alt=\"edit-template\" class=\"wp-image-436343\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-edit-template-1.webp 2240w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-edit-template-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-edit-template-1-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-edit-template-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-edit-template-1-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-edit-template-1-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento2-size-chart-edit-template-1-2048x1609.webp 2048w\" sizes=\"(max-width: 2240px) 100vw, 2240px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"> Add Size Chart Template to Product<\/h3>\n<\/div><\/div>\n\n\n\n<p>To assign a template to the product, navigate through <strong>Catalog<\/strong>-&gt;<strong>Products<\/strong> and edit a product. <\/p>\n\n\n\n<p>Navigate to the Size Chat Section and from the drop-down option select a template to apply to the product as required.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1105\" height=\"501\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento-size-chart-with-product.webp\" alt=\"add-size-chart-template-to-product\" class=\"wp-image-436027\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento-size-chart-with-product.webp 1105w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento-size-chart-with-product-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento-size-chart-with-product-250x113.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/magento-size-chart-with-product-768x348.webp 768w\" sizes=\"(max-width: 1105px) 100vw, 1105px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, save the product. <\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Size Chart Option On Product Page<\/h3>\n<\/div><\/div>\n\n\n\n<p>Now, the size chart option for the product will be visible on the product page as per the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"614\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot.png\" alt=\"192.168.15.157_CEP2_pub_tshirt.htmlscreenshot\" class=\"wp-image-398065\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-300x164.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-250x137.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-768x421.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Tapping the Size Chart button brings up the pop-up as shown below with the details to refer to the available sizes for the product. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-2.png\" alt=\"192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-2\" class=\"wp-image-398072\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>One chart is the default size chart for the product and the other allows the customers to enter their custom size values for the respective product. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-4.png\" alt=\"192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-4\" class=\"wp-image-398074\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-4.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-4-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-4-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-4-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The customer will enter the values for the required sections of the product. <br><br>And choose their body type as plump, normal, or Sportive. <br><br>After that, check the acknowledgment and tap the save measurement button.<\/p>\n\n\n\n<p>Now, the custom-size data is visible on the product page to the customers. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"606\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-5.png\" alt=\"192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-5\" class=\"wp-image-398075\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-5.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-5-300x162.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-5-250x135.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-5-768x416.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Thereafter, the customer can add the product to the cart and proceed further. Within the cart, the customers can see their selected size as required.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"536\" height=\"663\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-6.png\" alt=\"192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-6\" class=\"wp-image-398076\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-6.png 536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-6-243x300.png 243w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_tshirt.htmlscreenshot-6-201x249.png 201w\" sizes=\"(max-width: 536px) 100vw, 536px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The entered size values are visible on the shipping method section page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot.png\" alt=\"192.168.15.157_CEP2_pub_checkout_screenshot\" class=\"wp-image-398077\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The entered size values are visible on the place order page under the order summary as well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot-1.png\" alt=\"192.168.15.157_CEP2_pub_checkout_screenshot-1\" class=\"wp-image-398079\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_checkout_screenshot-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After placing the order, the selected size details are visible in the respective order history. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_sales_order_view_order_id_13_screenshot.png\" alt=\"192.168.15.157_CEP2_pub_sales_order_view_order_id_13_screenshot\" class=\"wp-image-398081\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_sales_order_view_order_id_13_screenshot.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_sales_order_view_order_id_13_screenshot-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_sales_order_view_order_id_13_screenshot-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/192.168.15.157_CEP2_pub_sales_order_view_order_id_13_screenshot-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The same details are visible in the order confirmation mail as well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/mail.google.com_mail_u_1__ogblscreenshot.png\" alt=\"mail.google.com_mail_u_1__ogblscreenshot\" class=\"wp-image-398082\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/mail.google.com_mail_u_1__ogblscreenshot.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/mail.google.com_mail_u_1__ogblscreenshot-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/mail.google.com_mail_u_1__ogblscreenshot-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/mail.google.com_mail_u_1__ogblscreenshot-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<p>The store admin can also see the customer entered custom values for the product size as per the snapshot below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/order-with-size-details-1.webp\" alt=\"order-with-chart-size-description\" class=\"wp-image-436075\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/order-with-size-details-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/order-with-size-details-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/order-with-size-details-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/order-with-size-details-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>That is all about the&nbsp;<strong>Magento 2 Size Chart Module<\/strong>.&nbsp;If you have any queries regarding the plugin, please contact us at&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">Webkul Support System<\/a><strong>.<\/strong><\/p>\n\n\n\n<p>If you&#8217;re looking to create a custom e-commerce website, it&#8217;s a great idea to <a href=\"https:\/\/webkul.com\/hire-magento-developers\/\" target=\"_blank\" rel=\"noreferrer noopener\">hire Magento developers<\/a> who can help you build a powerful and scalable online store.<\/p>\n\n\n\n<p>You can also check our complete&nbsp;<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 extensions<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Size Chart module lets admins create reusable size chart templates and easily assign them to products for accurate sizing. The size chart will be displayed on the web-store product page. Magento 2 Size Chart Module helps the buyer view the size chart. Allowing customers to easily find the right size and increase customer <a href=\"https:\/\/webkul.com\/blog\/size-chart-magento2\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":112,"featured_media":71511,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[13780,13779,4347,4346],"class_list":["post-71510","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","tag-magento-2-size-chart","tag-magento-2-size-chart-module","tag-size-chart","tag-size-chart-for-magento2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide for Magento 2 Size Chart Module<\/title>\n<meta name=\"description\" content=\"Magento 2 Size Chart Module allows you to create size charts for products on your website, to help buyers select the right item.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/size-chart-magento2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide for Magento 2 Size Chart Module\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Size Chart Module allows you to create size charts for products on your website, to help buyers select the right item.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/size-chart-magento2\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-14T10:49:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-19T13:24:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Preeti Sagar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Preeti Sagar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/\"},\"author\":{\"name\":\"Preeti Sagar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2adf14aa22a7f6b7d97f0e46cf43a77e\"},\"headline\":\"User Guide for Magento 2 Size Chart Module\",\"datePublished\":\"2017-01-14T10:49:34+00:00\",\"dateModified\":\"2026-01-19T13:24:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/\"},\"wordCount\":1421,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png\",\"keywords\":[\"Magento 2 Size Chart\",\"Magento 2 Size Chart Module\",\"Size Chart\",\"Size Chart for Magento2\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/size-chart-magento2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/\",\"url\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/\",\"name\":\"User Guide for Magento 2 Size Chart Module\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png\",\"datePublished\":\"2017-01-14T10:49:34+00:00\",\"dateModified\":\"2026-01-19T13:24:02+00:00\",\"description\":\"Magento 2 Size Chart Module allows you to create size charts for products on your website, to help buyers select the right item.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/size-chart-magento2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/size-chart-magento2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide for Magento 2 Size Chart Module\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2adf14aa22a7f6b7d97f0e46cf43a77e\",\"name\":\"Preeti Sagar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6adfe341e84fe93411a7bb9b3857c64d8709455ce6c93811805bd5ed5cc18abe?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6adfe341e84fe93411a7bb9b3857c64d8709455ce6c93811805bd5ed5cc18abe?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Preeti Sagar\"},\"sameAs\":[\"http:\/\/webkul.com\/blog\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/preeti-sagar613\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide for Magento 2 Size Chart Module","description":"Magento 2 Size Chart Module allows you to create size charts for products on your website, to help buyers select the right item.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/size-chart-magento2\/","og_locale":"en_US","og_type":"article","og_title":"User Guide for Magento 2 Size Chart Module","og_description":"Magento 2 Size Chart Module allows you to create size charts for products on your website, to help buyers select the right item.","og_url":"https:\/\/webkul.com\/blog\/size-chart-magento2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-01-14T10:49:34+00:00","article_modified_time":"2026-01-19T13:24:02+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png","type":"image\/png"}],"author":"Preeti Sagar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Preeti Sagar","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/"},"author":{"name":"Preeti Sagar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2adf14aa22a7f6b7d97f0e46cf43a77e"},"headline":"User Guide for Magento 2 Size Chart Module","datePublished":"2017-01-14T10:49:34+00:00","dateModified":"2026-01-19T13:24:02+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/"},"wordCount":1421,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png","keywords":["Magento 2 Size Chart","Magento 2 Size Chart Module","Size Chart","Size Chart for Magento2"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/size-chart-magento2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/","url":"https:\/\/webkul.com\/blog\/size-chart-magento2\/","name":"User Guide for Magento 2 Size Chart Module","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png","datePublished":"2017-01-14T10:49:34+00:00","dateModified":"2026-01-19T13:24:02+00:00","description":"Magento 2 Size Chart Module allows you to create size charts for products on your website, to help buyers select the right item.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/size-chart-magento2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/download-14.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/size-chart-magento2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide for Magento 2 Size Chart Module"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2adf14aa22a7f6b7d97f0e46cf43a77e","name":"Preeti Sagar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6adfe341e84fe93411a7bb9b3857c64d8709455ce6c93811805bd5ed5cc18abe?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6adfe341e84fe93411a7bb9b3857c64d8709455ce6c93811805bd5ed5cc18abe?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Preeti Sagar"},"sameAs":["http:\/\/webkul.com\/blog"],"url":"https:\/\/webkul.com\/blog\/author\/preeti-sagar613\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/71510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/112"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=71510"}],"version-history":[{"count":75,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/71510\/revisions"}],"predecessor-version":[{"id":522700,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/71510\/revisions\/522700"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/71511"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=71510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=71510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=71510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}