> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.linkedoption.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Customize option appearance on product page

Customize how product options appear on your product pages with the visual **Template Editor**. This tool lets you easily design and apply different styles, ensuring a consistent, branded, and engaging shopping experience.

You can create multiple templates for different product groups, giving each product type its own distinct option style—whether as buttons, color swatches, image swatches, or dropdowns. This flexibility allows each product to reflect its unique characteristics.

**Option Template Types**

**Button**
Displays options as clickable buttons. Ideal for attributes like size, material, or style that customers can quickly select.

![Button](https://helpkit.getalltool.com/api/media/file/image-62.png)

**Color Swatch**
Visually represents color variants instead of text labels, helping customers see exact color choices at a glance.

![Color Swatch](https://helpkit.getalltool.com/api/media/file/image-63.png)

**Image Swatch**
Best for products with multiple visual variations. Each option shows an image preview, allowing customers to view designs or textures before selecting.

![Image Swatch](https://helpkit.getalltool.com/api/media/file/image-64.png)

**Dropdown**
Displays options in a compact list format. Suitable for products with many variants or when you want to save space on the page.

![Dropdown](https://helpkit.getalltool.com/api/media/file/image-65.png)