Your size chart doesn't have to look like a spreadsheet, a few quick settings make it feel like a natural part of your brand. Everything below now lives on the Size Chart page, right beneath your list of charts.
Where the styling lives
In your Shopify admin, go to Apps → AI Frame – Virtual Try-On, then open Size Chart in the app's left menu. Scroll below your charts list to find both styling sections.
1. Size chart table colours
Customise the header and row background colours for your size chart tables -the change applies across all your charts, so everything stays consistent.
Under Size chart table colors, pick your Header color (the top row with your column names).
Pick your Row color (the background of the size rows).
Click Save.
Changed your mind? Click Reset next to either colour to return to the default (sky-blue header, white rows).
💡 A little tip: a header in your brand colour with white rows is the safest combination; on-brand and easy to read. Whatever you choose, keep the contrast high so the numbers stay clear on every screen.
2. Size chart button icon
Choose the icon shown on the Size Chart button inside the try-on widget:
Under Size chart button icon, click the icon that fits your store - a measuring tape, ruler, garment, and more.
Prefer a text-only button? Choose No icon.
Click Save.
See it live
Open any product page on your storefront, tap the try-on button and open the Size Chart tab - your colours and icon are already live.
Plan note: size chart table colours and the button icon are available on Starter and above. On the Free plan, charts use the default styling.
Want to style the rest of the widget too? Your logo, hero image, brand colour and button icon for the main try-on button live on the Virtual Try-On page, see How to Customise the Try-On Widget to Match Your Brand.
Need a hand? If anything's unclear, send us a message, we are here to help!