# Filter

## 1 - Filter <a href="#id-1-filter" id="id-1-filter"></a>

{% content-ref url="../../theme-settings/collection-filters" %}
[collection-filters](https://kitisummus.gitbook.io/molla/theme-settings/collection-filters)
{% endcontent-ref %}

* List group use style with color swatch

List of options swatch format is color or custom image.

![](https://gblobscdn.gitbook.com/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMx4-005CU2btpiH_1z%2F-MMxI6d4R2eiNB67uI0W%2FScreenshot_202.jpg?alt=media\&token=12fa4a9f-d44e-4494-9701-683b940236c0)

{% content-ref url="../variants-+-label-menu" %}
[variants-+-label-menu](https://kitisummus.gitbook.io/molla/default-section/variants-+-label-menu)
{% endcontent-ref %}

* Brands link image

![](https://gblobscdn.gitbook.com/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMx4-005CU2btpiH_1z%2F-MMxLT2FULaTn9uAZFVu%2FScreenshot_203.jpg?alt=media\&token=09b7d232-6cf9-432a-ad0e-7321dbc2a978)

## 2 - Content <a href="#id-2-content" id="id-2-content"></a>

### 2.1 - Filter by... <a href="#id-2-1-filter-by" id="id-2-1-filter-by"></a>

* Filter by group title
* Shop by tags list
* **CUSTOM FOR AUTO FILTER GROUPS**
  * Tags containing keyword will be display
* **SELECT BLOCK STYLE**
  * Width
  * Style
  * Split the column into 2

![](https://gblobscdn.gitbook.com/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMxW8ErRUID7zHXPh85%2F-MMyR3Ea_xmf4b0WoyoI%2FScreenshot_204.jpg?alt=media\&token=2a27e177-c40c-4f34-9e34-12039e9baae7)

### 2.2 - Filter by...(Slider) <a href="#id-2-2-filter-by-slider" id="id-2-2-filter-by-slider"></a>

For weight and price (Only available with **Filter multiple tags using OR?**)

{% content-ref url="../../theme-settings/collection-filters" %}
[collection-filters](https://kitisummus.gitbook.io/molla/theme-settings/collection-filters)
{% endcontent-ref %}

![](https://gblobscdn.gitbook.com/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMyR5ZLgCJpe_ek0Lgm%2F-MMyWae0g-zMBOEQ-dWq%2FScreenshot_205.jpg?alt=media\&token=c0ae83be-062a-443a-9238-19e4659144ba)

### 2.3 - Recent products <a href="#id-2-3-recent-products" id="id-2-3-recent-products"></a>

![](https://gblobscdn.gitbook.com/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMyR5ZLgCJpe_ek0Lgm%2F-MMyX5726-x93mTe5yC5%2FScreenshot_206.jpg?alt=media\&token=2aa555b2-3157-411f-8083-d2eef1ae18d2)

### 2.4 - Banner <a href="#id-2-4-banner" id="id-2-4-banner"></a>

![](https://gblobscdn.gitbook.com/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMyR5ZLgCJpe_ek0Lgm%2F-MMyXY-PXyJTfRSENlAT%2FScreenshot_207.jpg?alt=media\&token=8ace5dca-df33-44e7-ba6b-9bbabc45f21d)

### 2.5 - Categories <a href="#id-2-5-categories" id="id-2-5-categories"></a>

![](https://gblobscdn.gitbook.com/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMyXZfngChhDktiMbbb%2F-MMyfJAk3AnE1Q1AWhwZ%2FScreenshot_208.jpg?alt=media\&token=4fd48c00-6aa3-4fee-aae8-eba91654bdfd)