# 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;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.spicegems.com/evs-easy-variation-swatches/add-new-swatch-styles-and-configure/product.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.