Product Size Chart

Finding the perfect fit is important when shopping for clothes online. With the Size Chart module, you can simplify the sizing process for your customers. This module allows you to provide a detailed guide that matches standard body measurements to each available size for your products. Whether your customers prefer a relaxed or tailored fit, the size chart ensures they can confidently select the right size, reducing returns and improving satisfaction.

Activating Size Chart Plugin

  1. Go to the Plugins menu and search for the Product Size Chart plugin.

  2. Click on the Buy Now button to purchase the plugin.

    enter image description here

  3. Select the plan and click the Purchase Now button

  4. View the plugin plan details and click on the Pay Now button.

    enter image description here

  5. Choose a Payment Option, enter your UPI ID, and click Continue.

  6. Upon successful payment, the plugin will be purchased and activated.

    enter image description here

  7. To upgrade the plan, click on the Change Plan button.

    enter image description here

  8. Once the Product Size Chart plugin is activated, click on the Set Up icon to configure the plugin and its website features.

  9. In the Configuration Details, set up the display settings, icon settings, and style settings.

  10. In the Display Settings section, enter the size chart label and select the size chart view from the dropdown.

  11. In the Icon Settings section, choose the size chart icon.

  12. In the Style Settings section, select the font color, link popup overlay color, and font family. Choose the font style from the available options and adjust the font size.

    enter image description here

  13. Go to the Website Features section and enable/disable the Easy to Customize Size Chart Display toggle.

    Note: Enabling this feature allows you to customize size charts with flexible design and measurement options. It also lets you assign unique charts to specific products, categories, or brands for better customer clarity.

  14. After making the necessary changes, click Save.

  15. The storefront template will automatically adapt to the changes made on the admin side.

    enter image description here

Adding Size Chart

  1. Go to the Products menu and select the Size Chart sub-menu .

  2. The template section will display Template Image, Size Chart Name, Applies to, Created Date, Count, Availability and Actions.

    enter image description here

  3. Under Actions column, you can Edit or Delete templates.

  4. Use the Search or Filter functions to find specific templates.

    enter image description here

  5. To add a new size chart, click on the + Add Size Chart button.

    enter image description here

  6. Enter General details like Size Chart Name, Size Chart Subtext, Description and upload a Template Image

  7. Next, set up the sizing measurements and units by following the steps.

  8. Click on the Add Chart Item button to create a new chart item table.

  9. The table will display fields such as Chart Item Name, Auto Convert, Accept Range, and Actions.

  10. Use the drag-and-drop icon to adjust the alignment of the chart items as needed.

  11. Enter the Chart Item Name in the provided field.

  12. Enable the Auto Convert toggle to enable unit conversions for item values.

  13. Select the Accept Range checkbox if you want to enter values in a range format.

  14. To remove a table, click on the Delete icon.

  15. Select the desired Table Unit Conversion option from the dropdown menu.

  16. Click the Add Item Value button to input values for the chart item. Repeat this step if additional values need to be added.

    enter image description here

  17. Proceed to the next tab to select the Product/Category or Brand to apply the size chart.

  18. Choose Size Chart Applies To from the dropdown options:

    • Product

    • Category

    • Brand

  19. Select the product from the list or use the search bar to find it.

  20. Click Save to map the size chart to the selected product, category, or brand.

    enter image description here

Conditions to follow while adding/editing size chart:

  1. When a size chart is applied to a product: Check whether the product is already mapped to another size chart. If you map the same product to another size chart, the newly created or updated size chart will be visible on the storefront.

  2. When a size chart is applied to a category: Check whether the category is already mapped to another size chart. If you map the same category to another size chart, the newly created or updated size chart will be visible on the storefront.

  3. When a size chart is applied to a brand: Check whether the brand is already mapped to another size chart. If you map the same brand to another size chart, the newly created or updated size chart will be visible on the storefront.

  4. When both the product and its category have size charts: A product can have its own specific size chart. Simultaneously, the category that the product belongs to can also have a size chart. In such a case, the product’s specific size chart will be displayed on the storefront. The category’s size chart will not be shown for that product.

    Note: To apply size charts to a category or brand, ensure your plan is upgraded to include this feature.