Add and populate the block#
- Open a product template → Product page.
- Add Size guide and enable it.
- Set its label, such as View size guide.
- Provide Content, an Image, a Page, or a suitable combination. A page is useful for a size table.
- Choose dialog background and text colors, then preview the guide.
Content and empty states#
When there is no content, image, or page content, the guide is hidden on the storefront. The editor can show a setup instruction. Use a compatible dynamic source to make guide content specific to products sharing a template.
How customers use it#
With supported JavaScript/dialog behavior, the trigger opens a named dialog; closing it returns focus to the trigger. The current guide update wraps Tab at the dialog boundaries. A native details structure provides a content foundation when enhancement is unavailable; verify your final store’s no-JavaScript behavior.
Write useful measurement content#
- State the measurement unit and whether values describe the garment or the body.
- Explain how to measure, and provide the product-specific chart supplied by your business.
- Do not use invented example measurements as real fit advice.
- Review wide tables and image text on a phone.
- Keep text/background contrast high and give the close control a clear label.