Ascent(English)
Contact usFAQsFree to install
English
English
  • Introduction
  • Support Policy
  • Refund Policy
  • Template Installation
  • FAQs
  • Global Settings
    • Layout
    • Colors
    • Typography
    • Breadcrumb
    • Animations
    • Section header
    • Product cards
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart settings
    • Favicon
    • Custom CSS
  • Header
    • Custom Mega Menu
    • Mobile Menu Obstruction by Third-Party Plugins
  • Side Drawer
    • Search Drawer
    • Shopping Cart Drawer
  • Sections
    • Seamless scroll
    • Announcement bar
    • Countdown
    • Collection thumbnails
    • Narrow banner image
    • Image banner
    • Video banner
    • Slideshow
    • Image with text
    • Image-text list
    • Rich text
    • Newsletter
    • Text with icons
    • Logo list
    • Contact form
    • FAQs
    • Multicolumn
    • Image comparison banner
    • Image hotspots banner
    • Map
    • Featured collection
    • Featured product
    • Collection list
    • Custom liquid
    • Composite display
    • Confetti trigger
    • Custom section header
    • Quote
    • Testimonials
    • Image gallery
    • Product compare table
    • Text lens zoom
    • Scroll image expand
    • Milestones
    • Team
    • Highlight features
    • Steps
    • Media wall
  • Popups
    • Event popup
    • Age verification popup
  • Footer
    • Custom Payment Icons
  • Tool bar
  • Pages
    • Product Collection Page
      • Create Subcategory
    • Main product
      • Gifts (Freebies)
      • Product Pre-order
      • Size Chart
      • Variant Images Group
      • Variant Samples
      • Complementary Products
      • Related Products
      • Sibling Products
      • In Box Products
      • Product A+ Page
      • Performance Indicator Bar
      • Delivery ETA
  • Others
    • Version Upgrade Notes
      • v2.2.1 (Current version)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • Method 1: Create Product Page Templates
  • Method 2: Add Dynamically Using Metafields

Was this helpful?

  1. Pages
  2. Main product

Size Chart

PreviousProduct Pre-orderNextVariant Images Group

Last updated 1 month ago

Was this helpful?

A size chart is a tool that provides sizing information for clothing, footwear, or accessories, helping consumers select suitable products based on measurements such as height, weight, chest, waist, or foot length.

How to Add a Size Chart:

Method 1: Create Product Page Templates

1. Navigate to the product template editing page.Click Add Block and select Popup.

2. Add size text or image.

3. Bind size picker

The size name must be one of the following values to be associated: size, 尺码, 尺碼, Größe, taille, tamaño, misura, размер, tamanho, サイズ, 크기, storlek, velikost, størrelsen, rozmiar, μέγεθος, ukuran, mărime, величина, kích thước, วัด, ölçü, suurus, dydis, izmērs, μεγέθος, размеры

Method 2: Add Dynamically Using Metafields

You can flexibly set up product size charts by creating product metafields.

First, create a product metafield, for example, name it "Size Chart".

We found the newly created Size Chart field on the product page and added the size chart image to this field.

In the product template editor, add a Popup Block. Set the content of the block to dynamic source pull data from the "Size Chart" metafield.

This approach allows you to manage size charts for different products dynamically and efficiently.

You can create individual for different product categories, such as footwear, tops, or pants, and add size charts by uploading images.

product templates