# Home Page Media

{% hint style="info" %} <mark style="color:blue;">Path: SBO > Settings > Home Page Media</mark>
{% endhint %}

* [Home page Media for Customers and Vendors](#id-1.16.x-ux-and-design-headerbanner)
  * [Selecting the default homepage](#id-1.16.x-ux-and-design-headerbanner-1)
* [Keywords](#id-1.16.x-ux-and-design-headerbanner-1)
* [Header banner](#id-1.16.x-ux-and-design-headerbanner-1)
  * [Configuring the Header Banner](#id-1.16.x-ux-and-design-sellingpointsbanner)
* [Selling points banner](#id-1.16.x-ux-and-design-sellingpointsbanner-1)
* [Deleting images from the Header banner, Selling points banner](#id-1.16.x-ux-and-design-headerbanner-sellingpointsbanner-and-servicecategories)

### Home page Media for Customers and Vendors <a href="#id-1.16.x-ux-and-design-headerbanner" id="id-1.16.x-ux-and-design-headerbanner"></a>

On this page, operators have the ability to modify elements present on the user homepage. The vendor and customer homepages can be configured independently based on marketplace objectives. To achieve this, operators must toggle settings accordingly (see Figure 1). After making any adjustments, it is essential to click the save button to ensure all changes are recorded effectively.

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2Ffr7aWAMrT2ec2TNJ1q1K%2Fimage.png?alt=media&#x26;token=e806937d-6018-4baf-ac7d-ec4198b960c8" alt=""><figcaption><p>Figure 1</p></figcaption></figure>

### Selecting the default homepage <a href="#id-1.16.x-ux-and-design-headerbanner" id="id-1.16.x-ux-and-design-headerbanner"></a>

The administrator has the ability to designate the default home page of the marketplace by selecting either the customer or vendor view. This can be accomplished by switching between the two options as desired. (Figure 1.1)

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2FxtHYLQCpsc694qPFxrd1%2Fimage.png?alt=media&#x26;token=15aa975f-c559-4ac9-8ac4-63d7cd9bb268" alt=""><figcaption><p>Figure 1.1</p></figcaption></figure>

### Keywords <a href="#id-1.16.x-ux-and-design-headerbanner" id="id-1.16.x-ux-and-design-headerbanner"></a>

Platform keywords are utilized, for instance, to retrieve images. This feature requires users to include a comma between each keyword when inputting them.

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2FhCHKlkN2FkAAMfPg1IkL%2Fimage.png?alt=media&#x26;token=63541c19-9d48-438d-90be-a39aefbd5c8e" alt=""><figcaption><p>Figure 2</p></figcaption></figure>

### Header banner <a href="#id-1.16.x-ux-and-design-headerbanner" id="id-1.16.x-ux-and-design-headerbanner"></a>

The header banner, displayed prominently on the platform's home page (refer to figures 3 and 4), serves as a visual element that can consist of an image, video, or a solid colored background.

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2FbuivwMXlh8U73R15CnCe%2Fimage.png?alt=media&#x26;token=70da2931-10d2-4821-bacd-2a949b22b4bc" alt=""><figcaption><p>Figure 3</p></figcaption></figure>

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2Fov63wYIhbaV7w9kvItXZ%2Fimage.png?alt=media&#x26;token=2a804f53-3ff9-4a99-81c9-fdc038806087" alt=""><figcaption><p>Figure 4</p></figcaption></figure>

#### Configuring the Header Banner  <a href="#id-1.16.x-ux-and-design-sellingpointsbanner" id="id-1.16.x-ux-and-design-sellingpointsbanner"></a>

To set a picture on the header banner, click “*Select*” (figure 5) and then choose a picture to be displayed.

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2FXUfF3H449QkImS4SY7bx%2Fimage.png?alt=media&#x26;token=c3071f83-f2f0-4dae-bb3f-28122ce23770" alt=""><figcaption><p>Figure 5</p></figcaption></figure>

Otherwise, Click “Get free image and video” (figure 6 ), to have random free images based on the keywords saved in **SBO > Other > Features > Platform Configuration > Keywords**

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2Fzg16d6M4jctGZxUFgCch%2Fimage.png?alt=media&#x26;token=010575ba-901d-49fe-b390-5ece454fc9ca" alt=""><figcaption><p>Figure 6</p></figcaption></figure>

### Selling points banner <a href="#id-1.16.x-ux-and-design-sellingpointsbanner" id="id-1.16.x-ux-and-design-sellingpointsbanner"></a>

The selling points banner is displayed on the homepage beneath the search bar (see Figure 7). It can be enabled/disable by turning on the toggle switch shown in Figure 5.

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2Fwaohu8AohTW0EvtOn33k%2Fimage.png?alt=media&#x26;token=ae565e33-a4e3-43d4-86ce-b287729a6ba8" alt=""><figcaption><p>Figure 7</p></figcaption></figure>

The selling points banner is a set of 3 icons, associated with text blocks that highlight points of sale.

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2FB8I3nDWjr10WKF2ItY2b%2Fimage.png?alt=media&#x26;token=b2fa99d1-1fff-446d-8e25-c46a66e171eb" alt=""><figcaption><p>Figure 6</p></figcaption></figure>

### Deleting images from the Header banner, Selling points banner <a href="#id-1.16.x-ux-and-design-headerbanner-sellingpointsbanner-and-servicecategories" id="id-1.16.x-ux-and-design-headerbanner-sellingpointsbanner-and-servicecategories"></a>

Click the “trash” icon of the block you want to delete the information of (figure 8).

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2FvyfGFh0HFg3kWBVpfO6p%2Fimage.png?alt=media&#x26;token=44b62e95-b162-4018-808e-9e73dee7704b" alt=""><figcaption><p>Figure 8</p></figcaption></figure>

Then, confirm by clicking “Delete” on the confirmation banner (figure 9).

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2F0lmNgg5MRfkbTuapougG%2Fimage.png?alt=media&#x26;token=e987500b-9f28-4641-abd5-211d8be2c9c2" alt=""><figcaption><p>Figure 9</p></figcaption></figure>
