# Home Page

In this Travelami, there is a difference in building up the page content compared to other previous templates. \
For previous templates, we often build the home page with the power of the SP Page Builder Pro component. 

However, Travelami was completely built with Astroid widgets which are awesome elements you can employ easily by dragging & dropping in Astroid's layout builder. 

### Home Page Layout

To edit the home page's content, please go to Admin > System > Site Template Styles > tz\_travelami - Home Page > Layout. 

Here you can directly edit the content of each element in the layout. 

<div><figure><img src="/files/HGUYwG4PvpsrQbNSuAbW" alt=""><figcaption></figcaption></figure> <figure><img src="/files/c4glQ0tIvcbNqh1g6Z7g" alt=""><figcaption><p>Home page layout</p></figcaption></figure></div>

### Home Filter Module

<figure><img src="/files/yfiQdSMTFmyUWCXZV8Oi" alt=""><figcaption><p>Tour Search Module</p></figcaption></figure>

The tour filter was created with TZ Portfoio+ Filter module of TZ Portfolio+ Component. So you're supposed to go to Components > TZ Portfolio+ > Fields > Create custom fields there first.&#x20;

<figure><img src="/files/NYnR45mDe3pN4ZIZV1b9" alt=""><figcaption><p>Create a custom field</p></figcaption></figure>

{% hint style="info" %}

* List View: Enable the option to display the custom field in the list new
* Detail View: Enable the option to display the field in the detailed tour page.
* Advanced Search: Enable the option to allow the field to appear in the advanced search.&#x20;
  {% endhint %}

#### TZ Portfolio+ Filter Module

* Module name: Filter - Main Top - Light Bg (Filter - Main Top - Dark Bg for dark version).&#x20;
* Module position: main-top

<figure><img src="/files/Taw8LEYQWNxEK4CueScd" alt=""><figcaption><p>Edit the Filter module</p></figcaption></figure>

Here you can choose custom fields from TZ Portfolio+ and configure options available in the module setting.&#x20;

### Assign the module position to the layout builder

<figure><img src="/files/E515OF1Uw1ulAfZSWiDg" alt=""><figcaption><p>Edit the element in the layout</p></figcaption></figure>

<figure><img src="/files/LyITEH7fMUcjE2w8jYhG" alt=""><figcaption><p>The element's general settings</p></figcaption></figure>

* **Module position**: Choose the module position of the tour search module.&#x20;
* **Module style**: Choose a module style from the drop-down list.
* **Custom class**: ***rounded-4*** (Edit the custom class to change the border shape).


---

# 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/travelami/home-page.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.