> For the complete documentation index, see [llms.txt](https://help.spicegems.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.spicegems.com/evs-easy-variation-swatches/add-new-swatch-styles-and-configure/product.md).

# Product

You can customize your pre-defined template or choose a new template to customize it according to your requirements.

To customize the template, follow the below steps:

### 1. Edit Required Template

In Product → Click on the pencil icon to edit the template. \
(To customize any swatch style, you need to edit the associated swatch template)

<figure><img src="/files/eFfydou4YeAHhoP1f5rz" alt=""><figcaption></figcaption></figure>

### 2. Customizable Elements - Editor

In the editor, you can choose to edit any element in the customizable elements.

<figure><img src="/files/xKzWlLv1xYu4FoWmWwt1" alt=""><figcaption></figcaption></figure>

* Click Save to implement the changes.

### 3. Delete Swatch Style

You can delete the unwanted styles

<figure><img src="/files/TsklGtQO5kbnBHLIT7Mf" alt=""><figcaption></figcaption></figure>

### 4. Styles Integrated in Options

Click on **Used In** to check for styles used in the options.

<figure><img src="/files/Ie6NZh8yuU8OsJRFwfNQ" alt=""><figcaption></figcaption></figure>

### 5. Swatch Positioning - Advance Settings

Options for changing swatch positions on the product page

* You can change the position by adding appropriate selectors
* You can simply choose an option in the **Position** block.&#x20;

<figure><img src="/files/zvdIEaXjzXhAW4QofO5H" alt=""><figcaption></figcaption></figure>

The customization process is done. You can check the updates on the products.&#x20;