Finding the perfect fit is important when shopping for clothes online. Our size chart takes the guesswork out of selecting your size. It provides a comprehensive guide matching standard body measurements to each available size for our products. Whether you prefer a relaxed or tailored silhouette, our size chart will help you order with confidence knowing you’re getting the right fit every time.

Enable Size Chart Plugin

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

    enter image description here

  2. Enable the toggle and click on the settings icon.

    enter image description here

  3. Add a descriptive subtext for the size chart header.

  4. Choose between metric or imperial for the measurement system.

    enter image description here

  5. Enable the option to display both systems. Note: Other measurement system buttons appear only when enabled.

  6. Enter the size chart label and view.

    enter image description here

  7. Modify styles like font color, pop-up overlay color, font family, font style, and font size.

    enter image description here

  8. Make changes accordingly and click Save.

    enter image description here

Note: For Pop up and Inline view only styles and settings section will be visible.

The storefront template adapts in response to modifications made on the admin side.

Adding Size Chart

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

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

    enter image description here

  3. Under Actions, you can Edit or Delete templates and use the search or filter functions.

    enter image description here

  4. Click on the + Add Size Chart button and choose between custom or default templates.

    enter image description here

    enter image description here

  5. Enter details like Size Chart Name, Description, upload Template Image, and input Measurement Details.

  6. Use the icons to add columns and rows and view measurements in inches.

    enter image description here

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

  8. After selection, click Save to implement the changes.

    enter image description here

Conditions to Verify:

Custom Template Condition:

  • Ensure that when creating or updating a size chart with a custom template, the values from the latest custom template are correctly displayed in the General tab.

Add/Edit Size Chart Conditions:

  • When a size chart applies to a product for both charts:

Verify that customers can view the correct size chart associated with a product in the storefront, even after updates or changes.

  • When a size chart applies to a category for both charts:

When a size chart is assigned to a product, it takes precedence over the category’s size chart. This ensures that the size chart specified for the product is displayed accurately, prioritizing its relevance over the category size chart.

  • When a size chart applies to a brand for both charts:

When a size chart is assigned to a product, it takes precedence over the brand’s size chart. This ensures that the size chart specified for the product is displayed accurately, prioritizing its relevance over the brand size chart.