• Topic 主题 トピック Topic Topic
  • Sign in

Guide for Size Chart


The Size Chart app in the SHOPLINE App Store can help you manage and display product size information, and help customers select the size they want. Clear size information can help reduce the customer’s purchase cost, and further improve your product’s purchase rate. For size information on your product, you can improve the customer experience by configuring the Size Chart.


In This Article



Core Features

From your SHOPLINE admin panel, click Apps, search Size Chart in the App Store, and install the app with the following core features:

  • Rich product detail page: The product detail page that the Size Chart uses is more appealing, and can display more complete information. The Size Chart can be configured with one click.
  • Higher product management efficiency: Size Chart facilitates clothing merchants’ batch management of product sizes, with size covering multiple products at one time.
  • Custom display position: The size chart supports diversified display positions: displayed at product specification or product description.
  • Quick import and copy: It supports importing the size chart from the sheet or copying the size chart information to the configuration sheet for quick paste.
  • Configuration of different country size information: By creating the country column of the size chart, each country/region can have a specific size display for better localization.



Creating Size Chart

After installing the App, you can efficiently create your size chart by following the steps below:

  1. In the Size chart management page, click on the Create button.
  2. In the Size chart templates pop-up window, select from available templates (such as rompers, dresses, and shoes) based on actual needs or create a blank size chart to edit it more flexibly.
  3. After selecting a template, you can name the current size chart for better management later.
  4. (optional) If you use a blank size chart, you can create the content for size specification in the Edit the size chart section by clicking Add a module, and deciding the type of your size chart (available options: Sheet, Crosstab, Description, and Image).
Note: SHOPLINE currently supports the addition of the sheet, crosstab, rich text, and image to a single-size chart. You can use them as needed.



Editing Size Chart

For the size chart created, you can enter or edit the product size information by following the steps below:

  1. Set the corresponding size of your product:
  • Manual: Enter the data one by one.
  • Paste: By copying the relevant size chart in the external form, right-click on the rest of the size chart to paste it.
  • Import: Click the Import icon in the upper right corner of the size chart to enter the size chart information according to the template.
  • The import table supports 50 rows and 50 columns.
  • A single form supports up to 19 characters.
  • The first column and the first row of the cross-size chart correspond to the first column and the first row of the import form, respectively.


  1. Unit setting:
    Move to the size chart area and click Unit setting to set the unit information of the current size chart. The unit type supported includes length, weight, and volume. You can set the default unit and convert units to facilitate customers to automatically convert different unit types:
  • If the unit type is length and FT or IN units exist in the default or convert unit, you can check Automatically display size format in FT or IN.
  • If the unit type is length and FT units exist in the default or convert unit, you can check Automatically convert size format from FT to FT+IN.
Note: To use the Automatically convert size format from FT to FT+IN, you need to check the Automatically display size format in FT or IN.



Editing Style and Position

For the size chart created, you can edit the style of the size chart or set the display position in the Display settings section. Here are the steps:

  1. Style:
  • Copy: Customize copy content of the size chart, supporting up to 20 characters.
  • Font size: Supports customizing the font size of the chart entry text.
  • Style: Supports bold, italic, and underlining.
  • Font: Supports Follow theme and Customize.
  • Icon: Supports configuring the icon displayed in the online store or customization based on your needs.
  • Dimension: Supports setting icon dimension.
  • Color: Supports Follow theme and Customize.
Note: You can view the entry style and the display effect of the size chart based on the configuration. The actual effect is subject to the product detail page. Given possible style compatibility problems between the size chart and some themes of SHOPLINE,  go to the product detail page to check if the style is as expected after configuration.


  1. Position settings:
  • Multiple variants product: Set the size chart to be displayed on the right side or below the product options or displayed in the product description.
  • No variant product: Set the size chart to be displayed on the right side of the product options below the quantity selector, or displayed in the product description.



Associated Products or Classification

After configuring a size chart, you can associate it with specific products or categories, or specifications of the current products:

  1. Associated specification:
  • The size chart will be displayed to the corresponding specification of selected products. If you select no variant product, the chart will be displayed in the description.
  • Go to Applicable products variant options > Select option, and the Select specification pop-up window will display all existing specifications of the product in the current store. You can search specifications by name.
  • If you select No variant product, you can associate the size chart with the no variant product and set the display position of its size chart in Display settings.
  1. Applicable products:
  • Check All products to associate all products.
  • Check Select a product to associate the product selected. 
  • Check Select a collection to associate the collection selected.



Setting Size Recommendation

You can set size recommendations to quickly recommend sizes for customers when they enter height, weight, and other information:

  1. In the Size recommendation section, click Set it up now to configure the size recommendation information.
  2. On the Size recommendation page:
  • Size recommendation name: Edit the recommended size chart name, for example, configure it as size assistant.
  • Description: Guide copy that guides customers to enter information about height, weight, etc.
  • Button text: Support setting button text.
  1. After configuration, you can view the actual effect through the Size recommendation preview on the right.
Note: To use the size recommendation, you must add a new Crosstab to the current size chart. After adding successfully, you can select the corresponding Crosstab to set the size recommendation.


  1. Change source chart.
  • In the Size recommendation configuration page, you can adjust the quoted source chart by clicking the Change source chart button.
  • If the current size chart has only one cross-size chart, you can’t make any adjustments. If it has two or more cross-size charts, you can adjust the quoted cross-size chart.



Switching Column - Configuring Size for Different Countries

You can configure the Switching Column for customers to switch information of different countries, to accommodate different sizing habits:

  1. Right-click on the Size column and select Add Switching Column.
  2. Enter country information and sizes to switch display, and right-click to select Add column to the left or Add column to the right.
  3. The information entered in the current chart header will be automatically displayed in the Default display country switcher for browsing.
  4. Check the Switch column configuration to override product size specifications. T will override the value of the corresponding product specification, and the corresponding size of the country you set will be displayed instead.



Setting Size Chart

You can click on the Settings button on the Size Chart admin panel to set the specific display page and dynamic identification display of the size chart:


  • Dynamic size charts:
    • By setting dynamic size charts, the Size Chart will automatically identify and show length, width, and height information corresponding to the current size when a customer chooses to see the corresponding size specification.
    • By setting dynamic size charts, you can determine whether to display the dynamic size chart on Mobile and desktop.
  • Size chart settings:
    • If you are managing multiple stores, or want to share your size information with a partner engaged in e-commerce, you can use Password.
    • The password must contain at least 8 characters, including English and digits.
    • The original store domain is the one that is currently visible in your SHOPLINE browser, generally https://{store-name}.myshopline.com.
  • Display page settings:
    • Under Display page settings, you can set whether to display the size chart on the page of the online store, including product-related pages, other store pages, and the Add to Cart Button popup (Mobile).



Synchronizing Size Chart

If you have a size chart in another store and want to sync it to your current store, you can copy it through Sync size charts:

  1. Open the corresponding store and get the domain.
  2. Click Settings in the upper right corner of the corresponding size chart list of the store to copy the password.
  3. Adjust the display position of the synchronized size chart, applicable for products and specifications, etc.



Modifying Multilingual Copy

You can modify different size chart copies for different languages. For example, change the size chart to Size in English:

Method 1

  1. From your SHOPLINE admin panel, go to Settings > Language > Export.
  2. In column Default content in the exported translations sheet, search size chart and fill in the copy in column Translated content under different languages.
  3. Import the modified sheet.

Method 2

  1. Install the app UGC multilingual visual translation.
  2. In the Resource List, go to Metafield. On the Metafield page, search the size chart and find and modify the copy.
Have more questions? Submit a request