> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.meshnordic.ai/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).

# Products: Variants

*P.S. We describe the Premium plan unless otherwise specified.*
---

# Search variants

|| How to [drag-and-drop columns, use filters, and search lists →](https://support.meshnordic.ai/en/article/admin-overview-of-lists-9af7t8/)

**Search variants are the variants that are displayed in M:AI admin + storefront, both on the products and as product filters.**

Variants are automatically imported if you’re using M:AI’s Ecommerce integration.

* You'll find all the created variants in Products > Variants:

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/0191367d-f68b-7124-b6c0-e7996524d5de.png)

* Each template can be edited - i.e. name of the template "Color" or Size" and the type of template such as checkboxes, buttons, color
* Variant values can be added or modified - i.e. set the specific html color of each color. 
* To display which Ecommerce variants are included in this search variant template, click "Show ecommerce variants":

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/0191367f-7b6c-72d6-b269-e4e23d3c7391.png)
---

## Edit variant template

* Add translations for all the languages you have.
* **Layout** defines how variants are displayed on both products + filters:

|| Change layout to **checkboxes, external images, color, button**. See [layout types →](https://support.meshnordic.ai/en/article/filter-settings-wiebcn/)

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/01913680-1af5-7e81-9ec9-7f52ea46a7fb.png)
---

## Edit variant values

Each variant value can be edited, and new values may be added:

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/01913685-dcbf-7939-b26a-71193cff12e2.png)

When editing. you may add several languages and change the image type.
For example, in this case, the search mode layout is External images:

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/01913687-031f-7517-8921-3dd3cc606d59.png)

If I edit a different variant value that has **Colors**, then this is how it looks:

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/01913688-eafb-77d9-a63a-1ccd3aece11c.png)

Click the color to open a color picker:

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/01913689-c178-7311-ae18-9986b68b7a9b.png)
---

## Show Ecommerce variants

Sometimes several Ecommerce variant templates are joined together into one Search variant template.
In the example below, five different color templates are joined from the Ecommerce store into ONE color template in M:AI. You don’t want five different color templates to filter in the storefront:

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/01913694-a83d-78e9-9322-82bf4ef1ec3b.png)
---

# Ecommerce variants

**Ecommerce variants are the variant templates and variant values imported from your Ecommerce store.**

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/01913697-d2bb-747a-bf63-131fe3702041.png)

Click the …-icon on the right-hand side to edit each variant template.  
You can only change the Ecommerce variant templates by editing them **in your Ecommerce store**. However, you can attach the imported variant template to a Search variant.

I.e., if you have several templates called “Color” in your ecommerce store, you can attach them to ONE color template in the AI search.
It will look much nicer and be easier to filter for your visitors:

![](https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/01913699-6fd2-7d94-8365-7e1353b3e77d.png)

| Continue your education by gaining a better understanding of [Brands →](https://support.meshnordic.ai/en/article/brands-list-edit-a-brand-rc9318/)