Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Broadcast v4
Broadcast v4
  • About Broadcast
    • Broadcast Theme Documentation
  • Sections
    • Broadcast sections
      • Accordion
      • Accordion group
      • Contact form
      • Before and After
      • Blog posts
      • Collection list
      • Collection list hover
      • Custom content
      • Featured blog posts
      • Featured collection
      • Featured product
      • Image banner
      • Image with text
      • Multicolumn
      • Newsletter
      • Press logos
      • Rich text
      • Shop the look
      • Sidebar
      • Tab collections
      • Testimonials
      • Text columns with images
      • Text promo
      • Text with products
      • Collection list hover
    • How to use sections
    • Section blocks
  • Header
    • Announcement bar
      • Text announcement
      • Free shipping message
      • Custom HTML
    • Header
      • Transparent header
      • Header icons
      • Social icons
      • Navigation images
      • Sticky header
    • Target Settings
  • Upsell
    • Upselling with tags
    • Upselling with metafields
  • Products
    • Product pages
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product Theme Blocks
      • Title
      • Price
      • Variant picker
      • Buy buttons
      • Siblings
      • Description
      • Upsell
      • Icon
    • Low inventory message
    • 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
    • Collection page settings
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
  • Popups
    • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
    • Coupon codes
    • Popup Behavior and Target
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Updates
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
      • Shopify's Online Store 2.0
  • Changelog
    • What's new in 5.0
    • Tips and detailed information about v4.0 release
  • Theme settings
    • Theme Settings Intro
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Footer
    • Footer
    • Footer Theme blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Support
    • Contacting support
    • Share preview link
  • 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