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


---

# 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://docs.jollyany.co/templates/plazart/home-1.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.