X hide

Magento 2 Size Chart v2.x Configuration

From Plumrocket Documentation

You are viewing:  Size-chart-wiki-icon-32.png  Size Chart


Contents

Configuring Magento 2 Size Chart Extension

Follow these steps and you will learn how to configure Magento 2 Size Chart v2.x Extension. Please, check the instructions below.


Information Sign sm.png Step-by-Step action:
  1. Go to the “Plumrocket” tab in the main menu.
  2. Navigate to the “Size Chart” module section.
  3. Press the “Configuration” button.
  4. To enable or disable this extension select "Yes" or "No" accordingly in the "Enable Extension" section.
  5. Here, please enter the unique Serial Key received after the purchase of this extension. Note: In most cases Serial Key will be filled in automatically and green check mark will be displayed. If there is no key entered, please, read an article Serial Key Activation to get more information on how to insert the key manually.
  6. Once all the changes have been performed, please, press "Save Config" button.


1 size chart magento2 extension v1.jpg


Information Sign sm.png Step-by-Step action:
  1. Option "Label": allows to specify the text that will be displayed on the size chart button.
  2. Option "Border Color": allows to set the color of the button border.
  3. Option "Background Color": allows to set the color of the button background.
  4. Option "Text Color": allows to set the color of the text on the button.
  5. Option "Icon": allows to upload the icon of size chart button.


1a magento 2 size chart config 2.2.0.jpg


Managing Size Charts

In this section you will be able to view, edit or add new Size Charts. Please, check the following steps.


Information Sign sm.png Step-by-Step action:
  1. Go to “Plumrocket” tab > Size Chart > Manage Size Charts.
  2. Select the size chart to be edited from the list given. Note: there are two size charts set up by default (Women's Tops and Men's Shoes). You can use them to add your changes or to copy the content, and create your own custom size chart.
  3. Press "Add New Size Chart" button to create your new and unique size charts.


2 size chart magento2 extension v1.jpg


Once you have clicked on the "Add New Size Chart" button, you will be navigated to the new size chart management page. Please, refer to the step-by-step guide below for further instrutions.


Information Sign sm.png Step-by-Step action:
  1. Select "General" tab.
  2. Name: indicate the name of your new size chart.
  3. Status: set the status to "Enabled" or "Disabled" according to your requirements.
  4. Store View: select the specific store view you need to assign the size chart to.
  5. Display: select the way the charts should be displayed: "In Popup" or "On Page".
  6. Content: use the extended WYSIWYG editor to enter your custom content (e.g. tables, texts, images).


3 size chart magento2 extension v2.1.2.jpg


In the following configuration section you can define the special rules (conditions) for size chart display. This is not a required section, therefore, if you don't want to set up the display rules - feel free to skip it. Otherwise, if you need to configure your own special size chart show conditions - please follow the steps below:


Information Sign sm.png Step-by-Step action:
  1. Select "Display Rules" tab.
  2. Size chart can be displayed based on the conditions you specify in these fields.
  3. "Override Catalog and Product Settings": if this option is enabled, display rules will replace all other size charts inherited or defined on catalog or product level.
  4. "Rules Priority": specify rules priority in this field. When two or more size charts are linked to the same product, only the size chart with higher priority will be displayed. The higher is the number - the higher is priority.
  5. Press "Save" button to save the changes once you have completed all the fields.


3a size chart magento2 extension ver 2.1.jpg


Attention green.png Important Information:

After all the changes have been done and saved, you have to clear Magento 2 Cache


Assigning Size Chart to products

Follow the instructions below to learn how to assign the chart to a product.


Information Sign sm.png Step-by-Step action:
  1. Go to "Products" tab > "Catalog" section > Navigate to the needed product.
  2. Find the "Size Chart" option and open the drop-down menu. Choose the size chart to be assigned to your product. Note: you can assign the size chart you've created, or select "Use size chart from parent category" option.
  3. Press "Save" button to save the changes once you have configured the size chart for the product.


Magento 2 size chart configuration product.jpg


Information Sign sm.png Step-by-Step action:
  1. The "Size Chart" button will be shown as a pop up on your frontend, if you have previously selected "In Popup" display option on the "Size Chart edit" page.


6 size chart magento2 extension v1.jpg


Information Sign sm.png Step-by-Step action:
  1. Once you click the "Size Chart" button, the size table assigned to this product will appear as a pop up on the product page.


5 size chart magento2 extension v1.jpg



Information Sign sm.png Step-by-Step action:
  1. If you have selected "On Page" display option (on the "Size Chart edit" page), the size chart will be displayed directly on the product page.


7 size chart magento2 extension v1.jpg


Assigning Size Chart to Product Categories

Information Sign sm.png Step-by-Step action:
  1. Go to "Products" tab > "Categories" section.
  2. Choose an appropriate category you need to configure size chart extension for.
  3. Find the "Size Chart" option, and from the drop-down menu select the specific size chart required for this category. Note: you can assign your custom size chart for a particular category, or check "Use Size Chart From Parent Category" option (on the screenshot below you can see the "Women" category is a parent category of our "Tops" category).
  4. Once you have done all changes, press "Save" button to finish with your configurations.


Magento 2 size chart configuration category.jpg


Information Sign sm.png Step-by-Step action:
  1. "Size Chart" button assigned to the category will be displayed on the product page.


9 size chart magento2 extension v1.jpg


Information Sign sm.png Step-by-Step action:
  1. After you press the "Size Chart" button - an appropriate size chart of parent category will appear on your product page. As well as a size chart assigned to a product, the size chart assigned to a category can be displayed in two ways: "On Page" or "In Popup".


10 size chart magento2 extension v1.jpg

Size Chart Extension for Magento 2 Size Chart Extension for Magento 2

Buy Magento 2 Size Chart Extension on Plumrocket Store
Click below to check key features of this extension, view live demo and screenshots:
Navigation