> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/plazart/home-1.md).

# Home 1

### 1. Product Filter

The product filter on the home page is a Hikashop filter module. 

* Module type: HikaShop Filter Module

<figure><img src="/files/hgjzoiD8k3G7HfxZAmYi" alt=""><figcaption><p>Configurations of the filter module</p></figcaption></figure>

### 2. How to change the background Image

To edit the background image of each section on the page, pls go to sp page builder > pages > edit your page > edit the row options > Style tab > Scroll down to find the background image option > upload or change the image.

<figure><img src="/files/Cf6rCMdjoxXdK6IWo05M" alt=""><figcaption><p>Open the row options</p></figcaption></figure>

<figure><img src="/files/oeYc7MJLJe5kI08Aaqen" alt=""><figcaption><p>Upload / Change the background image</p></figcaption></figure>

#### How to edit the border image

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

This is also a type of background image, so pls go to sp page builder > pages > edit your page > edit the row options > Style tab > Scroll down to find the background image option > upload or change the image.

* Background repeat: Repeat horizontally
* Background position: Left Top

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

### 3. Change the decoration and divider color

<figure><img src="/files/231tUscxl7IzOn62wo7w" alt=""><figcaption></figcaption></figure>

#### Change the decoration's color

Pls edit your sp page builder page > Edit UK Header element > General tab > scroll down and you will see the Decoration color option

* Decoration type: Choose one of the options: None, bullet, divider, or line
* Decoration width: you can adjust the width of the decoration

<figure><img src="/files/JW1XGJg55c43tpTxlIHD" alt=""><figcaption><p>Change the decoration bullet's color</p></figcaption></figure>

#### Divider

* To edit the divider, you should edit the UK Divider addon > Border color
* In this addon, you also can choose the divider style, shape, and size

<figure><img src="/files/MbVToSAvr9rVUVIg30px" alt=""><figcaption><p>Edit the divider's color</p></figcaption></figure>

### 4. Featured Products

<figure><img src="/files/JsK2X4rfFa1U5SMHRKya" alt=""><figcaption><p>Featured Products</p></figcaption></figure>

#### Create the product module

* Module type: TZ Portfolio Plus Categories
* Choose categories: Choose the portfolio categories created in the TZ Portfolio+ component
* Style: Elegant - Default

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