Magento 1 Size Chart v1.x Configuration

Configuring Size Chart Extension

Here you will learn how to correctly configure Plumrocket Magento Size Attribute extension. To do this, follow the instructions below.

Step-by-Step action:

  1. Press the “Plumrocket” tab in the menu.
  2. Select the “Size Chart” module.
  3. Press the “Configuration” button.
1-Configuring-size-chart v1.0.1.png

Step-by-Step action:

  1. Enable Extension: Select “Yes”, to enable the Size Chart module or “No” to disable it.
  2. Option “Serial Key”: enter unique serial key provided after the purchase for legitimate and proper functioning of your extension. Note: In most cases this field will be pre-filled with serial key automatically and the green check mark will be displayed. Otherwise please read article Serial Key Activation in order to find and paste your serial key manually.
  3. Press “Save Config” to save the changes.
1 magento size chart 1.2.0.jpg

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 size chart button settings.jpg

Managing Size Charts

This tab allows you to preview and edit Size Charts. In order to access this management page, follow the steps as described below.

Step-by-Step action:

  1. Press the “Plumrocket” tab in the menu.
  2. Select “Size Chart”.
  3. Select “Manage Size Charts”.
Magento size chart extension by plumrocket.jpg

Step-by-Step action:

  1. Select the size chart you want to edit from the list. Note: by default this extension has 2 Size Charts (Men’s Shoes, Women’s Dresses) already setup. You can use them to copy content into your own new size chart or just change the content there as you need.
  2. In order to create a new size chart press the “Add Size Chart” button.
4-Configuring-size-chart v1.0.1.png

After you have chosen “Add Size Chart” action from the screenshot above you will see the size chart management page. The fields to be configured are given below.

Step-by-Step action:

  1. Name : indicate the name for your custom size chart.
  2. Status : allows to select if size chart state will be enabled or disabled.
  3. Store View: select the specific store view you need to assign the size chart to.
  4. Display : allows to indicate the appearance of size chart on product page. It can be “In Popup” or “On Page”.
  5. Content : lets you input your own content into that area (text, tables, images, etc) using the editor.
5-Configuring-size-chart v1.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:

Step-by-Step action:

  1. Select “Display Rules” tab.
  2. Size chart will 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. Once you’re done with creating your own size chart – don’t forget to save it by pressing the “Save” button.
5-aConfiguring-size-chart v1.1.0.jpg

Important Information:

After you make changes to size chart configuration – be sure to clear Magento cache.

Assigning Size Chart to products

In order to assign the size chart to specific product – please follow the steps below.

Step-by-Step action:

  1. Select the “Catalog” tab in the menu.
  2. Select “Manage Products” section and go to the needed product.
  3. Press tab “General” on the left.
  4. Locate the option “Size chart” and select the required size Chart. Note: You can select to use parent category size chart (more information on how to set size chat for specific category can be found below) or use personal size chart for this product.
  5. After you finish assigning size chart to the product – don’t forget to save your settings by pressing the “Save” button.
6-Configuring-size-chart v1.0.1.png

Step-by-Step action:

  1. The size chart button will appear on your front end (if for “Display option” of this size chart you’ve selected “In Popup”).
10-Configuring-size-chart v1.0.1.png

Step-by-Step action:

  1. After you click the size chart button – the assigned size chart will appear on your front end.
7-Configuring-size-chart v1.0.1.png

Step-by-Step action:

  1. Or, if you used option “On Page” in “Display” size chart setting of backend – it will appear straight on the page (without size chart button).
17-Configuring-size-chart v1.0.3.png

Assigning Size Chart to product categories

In order to assign the size chart to specific product categories – please follow the steps below.

Step-by-Step action:

  1. Select the “Catalog” tab in the menu.
  2. Select “Manage Categories” section.
  3. Click on the needed category.
  4. Locate the option “Size chart” and select the required size Chart. Note: You can select to use personal size chart or use parent category size chart (in this example “Apparel” is a parent category of “Pants”).
  5. After you finish assigning size chart to the category – don’t forget to save your settings by pressing the “Save Category” button.
8-Configuring-size-chart v1.0.1.png

Step-by-Step action:

  1. The size chart button will appear for the product on your front end.
11-Configuring-size-chart v1.0.1.png

Step-by-Step action:

  1. Once you click on the size chart button – the according size chart of parent category will appear for the product on your front end. Otherwise (same as for size chart assigned to the product), if you used option “On Page” in “Display” size chart setting of backend – it will appear straight on the page.
9-1-Configuring-size-chart v1.0.1.png
Was this article helpful?