Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Broadcast v3
Broadcast v3
  • About Broadcast
    • Broadcast theme documentation
  • Online Store 2.0
    • The new experience
  • Announcement Bar
    • Free shipping message
    • Text announcement
    • Custom HTML
    • Announcement bar settings
  • Header
    • Header styles
    • Navigation images
    • Sticky header
    • Transparent header
    • Social icons
  • Sections
    • How to use sections
    • Section blocks
    • List of sections
    • Sidebar
    • Split images
    • Before and After
  • Products
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Upselling with metafields
    • Upselling with tags
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product page settings
    • Theme blocks
    • Low inventory message
    • Icon block
    • Accordion section
    • Product ratings
    • Related products
  • Siblings
    • About product siblings
    • How to setup siblings
    • Siblings metafields
      • Siblings color
      • Siblings collection
    • Siblings product setup
    • Siblings block
  • Collections
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
    • Collection page settings
  • Popups
    • Cookies consent message
    • Image promo with newsletter
    • Text promo
    • Small newsletter
    • Coupon codes
  • Footer
    • Footer settings
    • Theme blocks
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Settings
    • Loading icon
  • Updates
    • Release notes
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
  • Support
    • Contacting support
    • Share preview link
    • Earlier documentation
  • Custom
    • Where to make CSS changes
    • How to remove Shopify credit
    • Collection image spacing
Powered by GitBook
On this page
  • Custom size chart for any product
  • How to setup
  • Create size chart pages
  • Create a reference metafield
  • Setup products
  • Connect dynamic data source
  • Video tutorial
  • Single size chart for all products
Export as PDF
  1. Products

Size charts

Display different size charts on product pages

PreviousSwatchesNextPre-order products using tags

Broadcast includes a feature to display a custom size chart for any product you sell or a single size chart for all products when using the default product template:

Custom size chart for any product

Broadcast uses product metafields to display a custom size chart on each product page. This allows you to create multiple size charts and assign them to different products in your store.

How to setup

Create size chart pages

To begin, create as many size chart pages as needed in your Shopify Admin Page editor. If you have an image already created for your size chart, add that to the content section of the page:

Create a reference metafield

The next step is to define a Product metafield using Page as the reference type:

Setup products

Your products will now have a Metafields section at the bottom. Use this to select which size chart page should be displayed when a customer is viewing this product.

Connect dynamic data source

In the Theme editor, choose your Size Chart metafield as the dynamic source:

Video tutorial

Watch all the steps required to setup custom a metafield and connect to your products:

Steps covered in the video:

  • Create a reference metafield - Shopify Admin Settings

  • Assign a size chart to products (choose a page) - Shopify Product setup

  • Connect dynamic data source - Theme editor product template

Single size chart for all products

If your store requires only one size chart for all product pages, you can skip a few steps and simply choose a page in the From settings:

Example page with image
Example page with table
Allows you to assign any page to your products
No metafields required when using one size chart on all pages