# 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**](https://docs.globo.io/options/static-option-type/pop-up-modal-and-paragraph) 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.

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FuXXtAFsa1QluyS1RZfvX%2Fimage.png?alt=media&#x26;token=69980a5f-0573-4fdc-a447-ab9ec2b2dace" alt=""><figcaption></figcaption></figure>

***

💡 **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@globosoftware.net>**.

We’re always here and happy to help — with sincerity and care!