# Home 1

### Create home page content

The home page's content should be created with SP Page Builder. Please make sure this component has already been installed on our site.&#x20;

The page is created with the following add-ons:&#x20;

{% hint style="info" %}
FAQ: How to edit the background image or background color: \
Answer: you're supposed to edit the corresponding column or row, then you'll certainly see an option to change the background image and color.&#x20;
{% endhint %}

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FOfOJmzHMZmzEzZC6JYAL%2Fhome%20sppb.jpg?alt=media\&token=9e0dfdae-073e-41c0-aa4c-dc2578e16cb2)

### Create Menu Item

* Go to Menus > Main Menu > Add New
* Create a menu item with a menu type: SP Page Builder > Page
* Select template style: tz\_medil - Home page

![Home 1 menu](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FfwRtZS5tg5Ck92AP47SW%2Fhome1-menu.jpg?alt=media\&token=9bc5b230-de89-4155-ac97-c667313d8687)

### Filter Module

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fbv2r6t8MiTTB3YhXyoq2%2Ffilter-module-demo.jpg?alt=media\&token=a93fa11f-8f62-44f6-b425-e8f8edb0d956)

* Module type: Hikashop Filter Module
* Module position: position-3

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FxZDPsw0QwVHf9gwofgWW%2Fmod-filter-home1.jpg?alt=media\&token=22678d37-5669-475e-9822-7ac3da669a29)

### Add the module's position to the layout

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fkvsdmem5UIysCU1k367r%2Fadd%20module%20to%20the%20layout.jpg?alt=media\&token=c2e64c6b-fad4-4720-b30d-6f5352ed2f34)

In the template style > Layout, you need to create a new row and add an element. The element should be assigned to the module "position-3"
