3 Ways to Add a Size Chart to BigCommerce Product Pages

There are three practical ways to add size charts to BigCommerce product pages: place them in product descriptions, customize your theme, or use an app that manages reusable charts across multiple products.

The right option depends on your catalog size, technical resources, and how often your sizing information changes. Always copy your theme and export product data before making bulk or code-level changes.

1. Add a size chart to each product description

The simplest manual approach is to add a table or image directly to a product description. It requires no app and works well when only a few products need charts.

  • Edit the product in the BigCommerce control panel.
  • Add an accessible HTML table or a clearly labelled image to the description.
  • Preview the product on desktop and mobile before saving.

Best for: small catalogs or a few unique products. Trade-off: every chart must be updated separately.

2. Add a custom size-chart area to your theme

A developer can add a dedicated link, modal or content region to a Stencil theme. This gives you control over placement near product options, but the implementation must account for your theme, product variants, accessibility and future theme updates.

  • Create a copy of the active theme.
  • Define where the size-chart trigger and content will come from.
  • Test keyboard controls, mobile layout, product options and variants.
  • Publish only after testing the copied theme.

Best for: stores with development support and highly customized requirements. Trade-off: theme code needs ongoing maintenance.

3. Manage reusable size charts with PRIKID.APP

PRIKID.APP lets you create a size chart once and assign it to matching products with rules based on category, brand, product name or title keywords. The chart can open in a popup, appear directly in the product-page content, or be added as a tab.

  • Create the content item in the visual editor.
  • Define which products should display it.
  • Choose the display mode and publish.
  • Update the chart centrally when sizing information changes.

Best for: growing catalogs, shared charts, and merchants who want to avoid repetitive product editing.

Which method should you choose?

MethodSetupOngoing maintenance
Product descriptionsEasyManual for every product
Theme customizationTechnicalRequires code and theme testing
PRIKID.APPApp configurationCentral updates with reusable rules

For detailed setup instructions, read Adding a Pop-up or Size Chart to Product Pages and displaying a size chart directly in product-page content.

Example theme-editing screenshots

Exit mobile version