Reading list Switch to dark mode

    Prestashop Product Size Chart {User-Guide}

    Updated 29 February 2024

    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 with PrestaShop product size chart module.

    The module helps you to create size charts with multiple attribute values for different types of products. Add guiding images with the size chart to clearly explain the meaning of different attribute values.

    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. Generally, the average apparel retailer handles a return rate of 28% & 80% of these are mostly due to fit issues. Hence, it not only guides your customer about the size of the product but also helps to reduce returns.

    Size charts can also prove to be beneficial for products of the following segments.

    1. Ornaments like rings, bracelets, bangles etc.
    2. Accessories like blankets, quilts, curtains etc.
    3. Products like table, sofa, wardrobes etc.
    4. Electronic appliances like refrigerator, Television, washing machine, Air conditioners etc.

    All of the products listed above will need size chart in one way or the other. After all, products like these have certain dimension & not every variant of these products cater to everyone’s needs.

    Searching for an experienced
    Prestashop Company ?
    Find out More

    Note:

    • PrestaShop Product Size Chart module is compatible with PrestaShop framework version 8.x.x.
    • PrestaShop Product Size Chart module is compatible with the catalog’s new product page.

    For the overview of the plugin check the video mentioned-below –

    Features of Product Size Chart

    • Create size chart of the product.
    • Add image to show along with the size chart.
    • Display size chart in a popup view on the product page.
    • Configuration to display size chart in open state by default or not.
    • Create a size chart with PrestaShop inbuilt attributes or with custom attributes.
    • Create bulk action to apply a size chart on multiple products.
    • Add a bulk action by sorting products on the basis of product name pattern, category, brand & supplier.
    • Choose to display attribute values in rows or column of the table.
    • Add multiple unit for size chart.
    • Configure the look and feel of size chart.
    • Create and Assign size chart from Add/Edit product page in the back office.
    • Add new attribute values while creating/adding the size chart.
    • Show attribute group name in size chart.
    • The module is multi shop compatible.

    How to Install the PrestaShop Product Size Chart Module

    1. Go to Module Manager in Back office and click on ‘upload a module’.
    2. Now, Drag and drop the module file or select the file from the system.
    3. In this way, the module installation will be successful.
    Click on 'upload a module' to upload module
    drop files of module
    module is installed

    How to Configure Product Size Chart Module

    1-26

    Size chart display type

    2-24

    There are three ways in which you can display the size chart on the product page.

    • Display size chart as popup: It lets you display size chart in popup view on the product page itself.
    • Display size chart by default: It lets you display size chart in open state by default on the product page itself.
    • Display size chart as slide show/hide: 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.

    Size chart template view: The two options under this helps to interchange the position of attribute & attribute values in the table.

    It either lets you set the position of the attribute value in rows or in columns.

    Create New Size Chart

    A new option to add size chart is added after the successful installation of the module.

    new tab is added in catalog section

    Click on ‘Add new size chart’ to create a new size chart for different types of products.

    2-3

    A new page to fill details of size chart opens on clicking the ‘Add new size chart’ button.

    There are two options to select attributes of size chart viz.

    • Predefined
    • Custom

    Details of both of these options are described hereunder;

    Predefined: This option lets you create a size chart from already added attributes of your PrestaShop.

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

    View sample form for creating a new size chart for shirts in the picture below.

    Size chart created using Predefined option:

    4-3

    Similarly, you can create a size chart using the Custom option.

    5-2

    Note: You can not add more than one image with the size chart.

    Add Size Chart to Products

    To add a size chart to the product, go to product edit page & then to ‘Modules’ tab.

    Click on ‘Configure’ to proceed to add size chart on the product.

    Configure

    Let’s see the process of assigning the size chart to the product.

    Select Yes under “Assign size chart on product” to assign size chart to the product and further choose the size chart that you want to associate with the product.

    2-7

    On products on which the size chart is not associated, on that products you will find an option to Create New Size Chart.

    6

    In the front end, you will see a Size Chart link to view the size chart of the product on the product page.

    7

    If the “display of size chart by default” is selected, then size chart will show in the expanded form when the user will open the product page.

    3-20

    Also, you will see that the attributes S, M, L, and XL is shown in Row because the configuration “Size Chart Template View” is set to “Display attribute value row wise”.

    If the configuration “Size Chart Template View” is set to “Display attribute value column wise” then the attributes will display in the column as show below.

    9

    When the display of size chart in popup is selected, the size chart will open in the pop up.

    8-1
    9-1

    If “Display size chart as slide show/hide” is selected, then the user can view or close the size chart by clicking on an arrown as show below.

    4-15

    Size Chart Bulk Action

    Size chart bulk action tab allows us to apply a size chart on multiple products.

    Click on ‘Add new filter’ to create new bulk action.

    11-1

    On clicking “Add New Filter” you can apply Size chart on multiple products from the list. The list can be sorted on the basis of name pattern, category, brand & suppliers.

    6-1

    Size Chart Unit

    In this section, you can create units for your size chart.

    Click on “Add New Unit” to create/add units.

    13

    Enter the unit you want to create.

    7-1

    The created unit added in the list.

    15

    Size chart unit can not be deleted if it is associated with any of the size chart.

    So, this was all about PrestaShop product size chart and the process to create & add new size chart.

    Support

    For any kind of technical assistance or query, please raise a ticket or send us a mail at [email protected]

    Also, please explore our PrestaShop development services and a vast range of quality PrestaShop addons.

    Current Product Version - 5.1.1

    Supported Framework Version - 8.x.x, 1.7.x.x

    Blog Version - 8.x.x, 1.7.x.x
    • Version 8.x.x, 1.7.x.x
    • Version 1.7.x.x
    . . .

    Leave a Comment

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


    Be the first to comment.

    Back to Top

    Message Sent!

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

    Back to Home

    Table of Content