Soul Documentation
  • Greeting
  • UPDATES
    • What's new in Soul
      • Release Notes
      • Version 3.1.0 release
      • Version 3.0.0 release
    • Demo stores
      • Elegant
      • Warm
      • Dark
  • SECTIONS
    • Header
      • Announcement bar
      • Header
    • Template sections
      • A to Z brands
      • Blog posts
      • Collage
      • Collapsible content
      • Collection list
      • Collection showcase
      • Collection spotlight grid
      • Contact form
      • Custom Liquid
      • Dynamic hover blocks
      • Email signup
      • Featured collection
      • Featured product
      • Flexible content
      • Image banner
      • Image comparison
      • Image gallery
      • Image with text
      • Image with product
      • Lookbook
      • Map
      • Multicolumn
      • Multirow
      • Rich text
      • Page
      • Recently viewed products
      • Running text with image
      • Shop the look
      • Slideshow
      • Testimonials
      • Video
    • Footer
    • Popup
  • THEME SETTINGS
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Pop-ups
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Breadcrumb
    • Preloading screen
    • Back to top
    • Custom CSS
  • COLLECTION LIST PAGE
    • Collections list page
  • COLLECTION PAGE
    • Collection
      • Collection banner
      • Product grid
  • PRODUCT PAGE
    • Product page
      • Product information
      • Product tabs
      • Related products
  • BLOG & BLOG POST PAGE
    • Blog page
    • Blog post page
  • CART
    • Cart
  • OTHER PAGES
    • How to create a page?
    • Search page
    • Password page
    • 404 page
  • TUTORIALS & TOPICS
    • How to enable size chart on product page
    • How to enable gift wrap option on cart page
    • How to enable free shipping notification
    • How to add a countdown timer on the product page
  • Knowledge base
    • Getting started in Shopify
    • Shopify help center
    • Shopify developers platform
  • Get Support
Powered by GitBook
On this page
  • Size chart eligibility
  • Enable size chart
  1. TUTORIALS & TOPICS

How to enable size chart on product page

If you offer shoes items that need customers to know their size before purchasing, you can include a custom size chart on your product page. This guide will show you how to set up the size chart.

Previous404 pageNextHow to enable gift wrap option on cart page

Last updated 9 months ago

Size chart eligibility

Products must have a 'Size' option to be eligible for size chart function.

By default, validation is performed by checking the product’s options. If your product includes an option named ‘Size’, it is deemed eligible. However, you might not always want it to be ‘Size’, or your store might operate in a language other than English. In such cases, you can modify the name used for validation:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Edit default theme content under Actions menu.

  1. Under Products tab, navigate to the Product size chart -> Size chart options and change it to the name you want for validation:

  1. Click Save to confirm your changes.

Enable size chart

  1. First you need to create a page for your size chart content. From your Shopify admin, go to Online Store > Pages then click Add page.

  2. You can enable size chart on product page or featured product section by navigating to Variant picker block.

  3. There is an option named Size chart page, and here's to choose the page that you just created. If a product is eligible, a size chart button should display below the size options. When clicked, it opens a popup that represents the page's content: