Where do I change the size chart’s colors and appearance?

Edit chart content and assignments in HBN: Size Charts, but control the storefront layout and styling in Shopify’s theme editor.

HBN Studio

Last Update 12 days ago

In the HBN: Size Charts app, edit:
  • The table and its measurements.
  • The shopper-facing heading.
  • The popup button text.
  • The note below the table.
  • The “How to measure” content.
  • The products, collections, and rules that use the chart.
In the Shopify theme editor, edit:
  • Popup button or inline-table display.
  • Whether shoppers see centimetres or inches first.
  • Whether the “How to measure” note is shown.
  • Button and table colors.
  • Text size and corner radius.
To open these settings:
  1. Open a product template in the Shopify theme editor.
  2. Add or select Apps → Size chart.
  3. Adjust the block settings while watching the real theme preview.
  4. Save the theme.
The app does not request permission to read your theme, so it cannot place the block for you or confirm that the block is already present.