Your size chart doesn't have to look like a spreadsheet. A few settings on the Size Chart page make it feel like part of your brand.
Where the styling lives
In your Shopify admin, go to Apps → AI Frame – Virtual Try-On, then open Size Chart. Scroll to Style Your Size Chart. Colours and icon apply inside the Size Chart tab, not the product-page Size Chart link.
1. Table colours
Customise the header and row backgrounds. The change applies across all your charts.
Pick your Header color (the top row with column names).
Pick your Row color (the size rows).
Click Save.
Changed your mind? Click Reset next to either colour to return to the default.
💡 A little tip: a header in your brand colour with white rows is the safest combination — on-brand and easy to read. Keep the contrast high so the numbers stay clear.
2. Size Chart button icon
Choose the icon shown on the Size Chart tab, the size recommendation card, and the Estimate my size button on the product page.
Click the icon that fits your store — a measuring tape, ruler, garment, and more.
Prefer text only? Choose No icon.
Click Save.
See it live
Open a product page, tap Try On, and open the Size Chart tab — your colours and icon are already live. The product-page Size Chart link stays a text link.
Plan note: 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? Logo, hero image, brand colour and Light / Dark theme live on the Virtual Try-On page. The Try On pill label and position are under Try-on pill on product image. 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!