> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/static-option-type/size-chart-element.md).
# Size chart element
The **Size Chart** element is designed to help customers choose the right size by viewing a **popup** with sizing details like images, text, and tables.
When customers click on the chart icon, a **popup modal** will appear with your custom content.
***
#### βοΈ Settings & Features:
**πΌοΈ Content Editor**
You can add:
* **Text content** β Format like the [**Paragraph**](/options/static-option-type/pop-up-modal-and-paragraph.md) element (headings, font size, spacing, etc.)
* **Images** β Upload a size chart image or visual guide
* **Tables** β Easily insert sizing tables using:
* **Rows & Columns**
* **Cell editing**
* **Table properties** for customization (borders, alignment, etc.)
**π Chart Icon**
* A clickable icon will appear on the product page. When clicked, it opens the size chart popup.
* You can customize the **icon** position and appearance.
**π Chart Width**
* Set how wide the size chart popup should appear.
**π οΈ Advanced Settings**
* **HTML**: Add custom HTML to style or embed other content.
* **Width / Column Width**: Control the width of the size chart block on your product page.
***
π‘ **Perfect For**:
* Clothing or footwear stores
* Products with detailed sizing info
* Stores that cater to international sizing
Let me know if you'd like help designing the layout or content for your size chart!
π§ **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email [**contact@globo.io**](mailto:contact@globo.io)**.**
Weβre always here and happy to help β with sincerity and care!