Skip to content

Size chart extension for Magento helps you create size charts for products on your website, helping customers to choose the right product. An essential tool for e-commerce websites

Notifications You must be signed in to change notification settings

magepow/magento-2-size-chart

Repository files navigation

Magento 2 Size Chart

Magento 2 Sizechart is a module allows admin to show their size chart diagram below product images on product page which helps customers choose the most suitable size for them.

Displaying exact product sizes on the website makes it easy for customers to choose the right product for their needs.

Product size will vary depending on the brand, each country. Therefore, adding a product-specific size chart on your e-commerce website is essential.

Benefits

  • Create size chart according to product characteristics: clothes, shoes, electronic devices, furniture, accessories...

  • Show size chart inline, custom tab, popup.

  • Add linked text, images or labels.

  • Save time for the project

  • Apply precedence rule to size chart

  • Manage size rules in the backend

  • Avoid customers returning products due to size problems

  • Works well on mobile devices

How does Site Chart work for Magento

Latest Stable Version Total Downloads Daily Downloads

Download Magento 2 Sizechart Extension

Install via composer (recommend)

Run the following commands in Magento 2 root folder:

composer require magepow/sizechart
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f

Step 2: How to use Magento 2 Sizechart?

1. General configuration

Login to magento admin, choose stores->configuration->magepow->Sizechart

Image of magento admin config

Select yes to enable the module

2. Details Configuration

In stores->configuration->magepow->sizechart we set:

  • Display text link : Show text link if user sets popup for displaying size chart.
  • Image icon : Select image icon (only using when user sets popup for displaying size chart) Image of magento backend

3. Add Sizechart

Choose Magepow->Size chart Management->Add New Size Chart Rule. Image of magento backend Image of magento backend Image of magento backend

  • Name: Name of your size chart management rule
  • Store View : Define which store view you wish to show
  • Description : Introduce about your size chart
  • Size chart Information : Details about your size chart : you can write your diagram, image as you want
  • Sort order : This part is used for the priority. If there is any rule have the same information. then the one which lower number will have the higher priority.
  • Type Display : You can choose 3 types of displaying included: Inline, Custom Tab, Popup.
  • Status: Select Enable/Disable for turning on/off the size chart rule.

4. Edit Sizechart

Image of magento backend

5. Delete Sizechart

Image of magento backend

6. Product Rule

Choose Magepow->Size chart Management->Add New Size Chart Rule and set number for sort order

This part is used for the priority of size chart. The rule on this part will be prioritized to show. This is for prevent the conflict when multiple rule are applied on one product or rally of products.

Run the following command:

php bin/magento cache:clean

3. Result

Image of magento store front

Donation

If this project help you reduce time to develop, you can give me a cup of coffee :)

paypal

Our Magento 2 Extensions

Our Magento 2 services

Our Magento 2 Themes

Our Shopify Themes

Our Shopify App

Our WordPress Theme