{"id":198454,"date":"2019-09-20T08:22:30","date_gmt":"2019-09-20T08:22:30","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=198454"},"modified":"2026-02-04T11:42:35","modified_gmt":"2026-02-04T11:42:35","slug":"prestashop-product-size-chart","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/","title":{"rendered":"Prestashop Product Size Chart {User-Guide}"},"content":{"rendered":"\n<p>Small, medium, large; these are just relative terms when it comes to the size of a product. And, all these sizes can vary greatly in measurements across different brands. <\/p>\n\n\n\n<p>Hence, it is useful to provide sufficient information about the variation in measurements through a size chart. To help you with such problem, we are here with <a href=\"https:\/\/store.webkul.com\/Prestashop-Product-Size-Chart.html\">PrestaShop product size chart<\/a> module.<\/p>\n\n\n\n<p>The module helps you to create size charts with multiple attribute values for different types of products. <\/p>\n\n\n\n<p>Add guiding images with the size chart to clearly explain the meaning of different attribute values.<\/p>\n\n\n\n<p>As the trial of apparels is not feasible when your customer base is not trustworthy, hence giving measurements about different sizes through size charts can really help. <\/p>\n\n\n\n<p>Generally, the average apparel retailer handles a return rate of 28% &amp; 80% of these are mostly due to fit issues. <\/p>\n\n\n\n<p>Hence, it not only guides your customer about the size of the product but also helps to reduce returns.<\/p>\n\n\n\n<p>Size charts can also prove to be beneficial for products of the following segments.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ornaments like rings, bracelets, bangles etc.<\/li>\n\n\n\n<li>Accessories like blankets, quilts, curtains etc.<\/li>\n\n\n\n<li>Products like table, sofa, wardrobes etc.<\/li>\n\n\n\n<li>Electronic appliances like refrigerator, Television, washing machine, Air conditioners etc.<\/li>\n<\/ol>\n\n\n\n<p>All of the products listed above will need size chart in one way or the other. After all, products like these have certain dimension &amp; not every variant of these products cater to everyone\u2019s needs.<\/p>\n\n\n\n<p><strong>Note:<\/strong> <strong><strong>PrestaShop Product Size Chart&nbsp;module is compatible with the catalog\u2019s&nbsp;new product page<\/strong>.<\/strong><\/p>\n\n\n\n<p>Check the video mentioned below for an overview of the workflow of this extension:<\/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=\"q6IgHB2ZUF4\"><div class=\"components-placeholder__instructions\">q6IgHB2ZUF4<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features of PrestaShop Product Size Chart<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create size chart of the product.<\/li>\n\n\n\n<li>Add image to show along with the size chart.<\/li>\n\n\n\n<li>Admin can duplicate the size chart.<\/li>\n\n\n\n<li>Show size chart in product tab, additional information section, product page footer, or above quantity box.<\/li>\n\n\n\n<li>Display size chart in a popup view on the product page.<\/li>\n\n\n\n<li>Display size chart image on top, bottom, left, and right position in size chart.<\/li>\n\n\n\n<li>Configuration to display size chart in open state by default or not.<\/li>\n\n\n\n<li>Create a size chart with PrestaShop inbuilt attributes or with custom attributes.<\/li>\n\n\n\n<li>Create bulk action to apply a size chart on multiple products.<\/li>\n\n\n\n<li>Add a bulk action by sorting products on the basis of product name pattern, category, brand &amp; supplier.<\/li>\n\n\n\n<li>Choose to display attribute values in rows or column of the table.<\/li>\n\n\n\n<li>Add multiple unit for size chart.<\/li>\n\n\n\n<li>Configure the look and feel of size chart.<\/li>\n\n\n\n<li>Create and Assign size chart from Add\/Edit product page in the back office.<\/li>\n\n\n\n<li>Add new attribute values while creating\/adding the size chart.<\/li>\n\n\n\n<li>Show attribute group name in size chart.<\/li>\n\n\n\n<li>Display size chart title on the product page.<\/li>\n\n\n\n<li>The module is multi shop compatible.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to Install Prestashop Product Size Chart<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, go to the module manager in the back office and click on \u2018upload a module\u2019.<\/li>\n\n\n\n<li>After that, drag and drop the module file or select the file from the system.<\/li>\n\n\n\n<li>In this way, the module installation will be successful.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"414\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\" alt=\"image-38\" class=\"wp-image-399503\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38-300x104.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38-250x86.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38-768x265.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"552\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39.png\" alt=\"image-39\" class=\"wp-image-399504\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39-300x138.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39-768x353.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"544\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40.png\" alt=\"image-40\" class=\"wp-image-399505\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40-300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40-768x348.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">PrestaShop Product Size Chart Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737034664.png\" alt=\"configuration settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Display position<\/strong><\/p>\n\n\n\n<p>The option allows you to select the position where you want to display size chart. You can choose to show size chart in the following positions on the product details page.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Above quantity box<\/li>\n\n\n\n<li>In product tab<\/li>\n\n\n\n<li>Additional information section<\/li>\n\n\n\n<li>Product page footer<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737035743.png\" alt=\"configuration settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Size chart display type<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737367516.png\" alt=\"configuration settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>There are three ways in which you can display the size chart on the product page.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Display size chart as popup<\/strong>: It lets you display size chart in popup view on the product page itself.<\/li>\n\n\n\n<li><strong>Display size chart by default<\/strong>: It lets you display size chart in open state by default on the product page itself.<\/li>\n\n\n\n<li><strong>Display size chart as slide show\/hide:&nbsp;<\/strong>This option lets customers to view the size chart by clicking on the arrow. Customers can view or close the size chart by clicking on an arrow.<\/li>\n<\/ul>\n\n\n\n<p><strong>Image Display Position<\/strong><\/p>\n\n\n\n<p>The option lets admin to select the position where he wants to display the image with reference to chart.<\/p>\n\n\n\n<p>The admin can choose to display on top, bottom, left, and rights positions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737468379.png\" alt=\"configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Size chart template view<\/strong><\/p>\n\n\n\n<p>The two options under this helps to interchange the position of attribute &amp; attribute values in the table. It either lets you set the position of the attribute value in rows or in columns.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Create New Size Chart<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the module, a new tab &#8220;Product Size Chart&#8221; gets available under Catalog in the back office. From here, you can add and manage size chart.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1286\" height=\"575\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/09\/5-8.png\" alt=\"new tab is added in catalog section\" class=\"wp-image-198751\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/09\/5-8.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/09\/5-8.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/09\/5-8.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/09\/5-8.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/09\/5-8.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/09\/5-8.png 604w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737368660.png\" alt=\"size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on \u2018Add new size chart\u2019 button to create a new size chart.<\/p>\n\n\n\n<p>A new page to fill details of size chart opens on clicking the \u2018Add new size chart\u2019 button.<\/p>\n\n\n\n<p>There are two options to select attributes of size chart viz.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Predefined<\/li>\n\n\n\n<li>Custom<\/li>\n<\/ul>\n\n\n\n<p>Details of both of these options are described hereunder;<\/p>\n\n\n\n<p><strong>Predefined:<\/strong>&nbsp;This option lets you create a size chart from already added attributes of your PrestaShop.<\/p>\n\n\n\n<p><strong>Custom:<\/strong>&nbsp;This option allows you to create a size chart from new attributes. To add new attributes, just enter the name of attributes separated by a comma.<\/p>\n\n\n\n<p>View sample form for creating a new size chart for shirts in the picture below.<br><br>Size chart created using&nbsp;<strong>Predefined<\/strong>&nbsp;<strong>option<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737371118.png\" alt=\"add size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Similarly, you can create a size chart using the&nbsp;<strong>Custom<\/strong>&nbsp;<strong>option<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737372508.png\" alt=\"add size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Specify the custom attributes and click on &#8216;Continue&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737372836.png\" alt=\"add size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note:<\/strong>&nbsp;You can not add more than one image with the size chart.<\/p>\n\n\n\n<p>Once added, the admin can view the list under size chart tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737956550.png\" alt=\"size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin can also duplicate the size chart by clicking on &#8216;Duplicate&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737956736.png\" alt=\"duplicate size chart\" 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 to Products<\/h3>\n<\/div><\/div>\n\n\n\n<p>To add a size chart to the product, go to Catalog -&gt; Products -&gt; Edit Product -&gt; Modules.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737373406.png\" alt=\"configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Let\u2019s see the process of assigning the size chart to the product.<\/p>\n\n\n\n<p>Select Yes under \u201cAssign size chart on product\u201d option to assign size chart to the product and further choose the size chart that you want to associate with the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737449727.png\" alt=\"size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>You can also create a new size chart by clicking on &#8216;Create new size chart&#8217; button given on the bottom on the page.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Front End Flow<\/h3>\n<\/div><\/div>\n\n\n\n<p>Customers can view the size chart link on the position selected by admin under configuration settings on the product page.<\/p>\n\n\n\n<p><strong>Size chart above quantity box<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737451064.png\" alt=\"size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Size chart in product tab<\/strong><\/p>\n\n\n\n<p>If selected product tab, then a new tab &#8220;Size chart&#8221; gets available alongside description and product details tab where customers can view size chart link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737451426.png\" alt=\"size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Size chart in product additional information section<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737451732.png\" alt=\"size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>On product page footer<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737458064.png\" alt=\"size chart on footer\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Size Chart Display Type<\/h4>\n\n\n\n<p><strong>Display size chart by default<\/strong><\/p>\n\n\n\n<p>If the admin has selected &#8220;Display size chart by default&#8221; in the size chart display type field then size chart will display in the expanded form when the user visits the product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737460759.png\" alt=\"default display\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>If enabled by admin under configuration settings, the size chart title will display on the product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737983052.png\" alt=\"configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737982373.png\" alt=\"size chart title\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Display size chart<\/strong> <strong>as a pop up<\/strong><\/p>\n\n\n\n<p>If selected the display as a pop up, the size chart will appear in a pop up on clicking the size chart link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737462288.png\" alt=\"size chart popup\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Customers can preview size chart by clicking on the size chart image. On clicking the image, a popup appears on the image displaying the size chart.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737462489.png\" alt=\"size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Display size chart as slide show\/hide<\/strong><\/p>\n\n\n\n<p>If \u201cDisplay size chart as slide show\/hide\u201d is selected, then the user can view or close the size chart by clicking on an arrown as show below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737462928.png\" alt=\"size chart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Image Display Position<\/h4>\n\n\n\n<p><strong>Default<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737468958.png\" alt=\"display position\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Top Position<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737469208.png\" alt=\"display position\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Bottom Position<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737957170.png\" alt=\"image position\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Left Position<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737957464.png\" alt=\"image position\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Right Position<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737957711.png\" alt=\"image position\" 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 Bulk Action<\/h3>\n<\/div><\/div>\n\n\n\n<p>Size Chart Bulk Action feature allows the admin to apply a size chart to multiple products at once.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737463774.png\" alt=\"size chart bulk action\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on \u2018Add new filter\u2019 to create new bulk action.<\/p>\n\n\n\n<p>On clicking \u201cAdd New Filter\u201d you can apply Size chart on multiple products from the list. The list can be sorted on the basis of name pattern, categories, brands, and suppliers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737465311.png\" alt=\"size chart bulk action\" 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 Unit<\/h3>\n<\/div><\/div>\n\n\n\n<p>In this section, you can create units for your size chart.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737465577.png\" alt=\"add new unit\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on \u201cAdd New Unit\u201d to add units.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737465816.png\" alt=\"add unit\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Enter the unit you want to create.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737466008.png\" alt=\"size chart unit\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once added, the admin can select unit of measurement while adding option values for a size chart.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737980728.png\" alt=\"unit of measurement\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once selected, it will be visible in size chart on the product page as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1737982089.png\" alt=\"measurement unit\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This was all about PrestaShop Product Size Chart module. I hope this document will help you in checking the functionality of the module in a better way.<\/p>\n\n\n\n<p>Also, do let us know about your views in the comments.<\/p>\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>For any kind of technical assistance or query, please&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">raise a ticket<\/a>&nbsp;or send us a mail at&nbsp;<strong>support@webkul.com<\/strong><\/p>\n\n\n\n<p>Also, please explore our&nbsp;<a href=\"https:\/\/webkul.com\/prestashop-development\/\">PrestaShop development services<\/a>&nbsp;and a vast range of quality&nbsp;<a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">PrestaShop addons<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Small, medium, large; these are just relative terms when it comes to the size of a product. And, all these sizes can vary greatly in measurements across different brands. Hence, it is useful to provide sufficient information about the variation in measurements through a size chart. To help you with such problem, we are here <a href=\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":244,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[9919,9918,1934,9914,9915,4347,9917,6740,9916],"class_list":["post-198454","post","type-post","status-publish","format-standard","hentry","category-prestashop","tag-add-image-to-size-chart","tag-add-multiple-attribute-values-in-size-chart","tag-chart","tag-prestashop-product-size-chart","tag-size","tag-size-chart","tag-size-chart-popup","tag-size-guide","tag-size-measurement-guide"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prestashop Product Size Chart<\/title>\n<meta name=\"description\" content=\"Prestashop product size chart helps to add size measurement guide on different type of products. Create size charts with multiple attribute values.\" \/>\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\/prestashop-product-size-chart\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prestashop Product Size Chart\" \/>\n<meta property=\"og:description\" content=\"Prestashop product size chart helps to add size measurement guide on different type of products. Create size charts with multiple attribute values.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/\" \/>\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=\"2019-09-20T08:22:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-04T11:42:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\" \/>\n<meta name=\"author\" content=\"Piyush Singh\" \/>\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=\"Piyush Singh\" \/>\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\/prestashop-product-size-chart\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/\"},\"author\":{\"name\":\"Piyush Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/618dbdc16a52c2733cec1644cc079a2c\"},\"headline\":\"Prestashop Product Size Chart {User-Guide}\",\"datePublished\":\"2019-09-20T08:22:30+00:00\",\"dateModified\":\"2026-02-04T11:42:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/\"},\"wordCount\":1478,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"keywords\":[\"add image to size chart\",\"add multiple attribute values in size chart\",\"Chart\",\"Prestashop product size chart\",\"size\",\"Size Chart\",\"size chart popup\",\"Size Guide\",\"size measurement guide\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/\",\"url\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/\",\"name\":\"Prestashop Product Size Chart\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"datePublished\":\"2019-09-20T08:22:30+00:00\",\"dateModified\":\"2026-02-04T11:42:35+00:00\",\"description\":\"Prestashop product size chart helps to add size measurement guide on different type of products. Create size charts with multiple attribute values.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"width\":1200,\"height\":414,\"caption\":\"image-38\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prestashop Product Size Chart {User-Guide}\"}]},{\"@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\/618dbdc16a52c2733cec1644cc079a2c\",\"name\":\"Piyush Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Piyush Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/piyushsingh-bd058\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prestashop Product Size Chart","description":"Prestashop product size chart helps to add size measurement guide on different type of products. Create size charts with multiple attribute values.","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\/prestashop-product-size-chart\/","og_locale":"en_US","og_type":"article","og_title":"Prestashop Product Size Chart","og_description":"Prestashop product size chart helps to add size measurement guide on different type of products. Create size charts with multiple attribute values.","og_url":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2019-09-20T08:22:30+00:00","article_modified_time":"2026-02-04T11:42:35+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","type":"","width":"","height":""}],"author":"Piyush Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Piyush Singh","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/"},"author":{"name":"Piyush Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/618dbdc16a52c2733cec1644cc079a2c"},"headline":"Prestashop Product Size Chart {User-Guide}","datePublished":"2019-09-20T08:22:30+00:00","dateModified":"2026-02-04T11:42:35+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/"},"wordCount":1478,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","keywords":["add image to size chart","add multiple attribute values in size chart","Chart","Prestashop product size chart","size","Size Chart","size chart popup","Size Guide","size measurement guide"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/","url":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/","name":"Prestashop Product Size Chart","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","datePublished":"2019-09-20T08:22:30+00:00","dateModified":"2026-02-04T11:42:35+00:00","description":"Prestashop product size chart helps to add size measurement guide on different type of products. Create size charts with multiple attribute values.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","width":1200,"height":414,"caption":"image-38"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/prestashop-product-size-chart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Prestashop Product Size Chart {User-Guide}"}]},{"@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\/618dbdc16a52c2733cec1644cc079a2c","name":"Piyush Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Piyush Singh"},"url":"https:\/\/webkul.com\/blog\/author\/piyushsingh-bd058\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/198454","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\/244"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=198454"}],"version-history":[{"count":101,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/198454\/revisions"}],"predecessor-version":[{"id":524914,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/198454\/revisions\/524914"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=198454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=198454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=198454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}