# Products with banner

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FmKzJk4OLg7Kd0Idetp7S%2F2025-04-04_14-23-57.jpg?alt=media&#x26;token=fd8cdeab-b317-4d87-98db-3c03ce2b04c2" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Products with banner**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F9pSO5ule5WOwRcSV4ghf%2F2025-04-04_14-24-31.jpg?alt=media&#x26;token=783ae4bb-c027-4940-96ec-ba87d4cbecde" alt="" width="284"><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

### View all button

* **Link url**  - Link for button in Header section
* **Link text** - Text for button
* **Button type**  -  there are 7 Options button
* **Show arrow icon**

### Colors

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Background**
* **Text color**

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Products with banner**
2. **Add Block  >** Select block you want
3. Make necessary changes. > **Save.**
   {% endhint %}

### Product

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FCtkTCcoOkQ14JltH3oGY%2F2025-04-04_14-25-23.jpg?alt=media&#x26;token=b4bf0644-cb34-437b-80c5-0ab6da5d147a" alt="" width="281"><figcaption></figcaption></figure>

### Image

<div><figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F4KvigGbea0V7DLxhyNyY%2F2025-04-04_14-26-01.jpg?alt=media&#x26;token=63622be4-b911-4d57-9984-2e9b197a6e3a" alt="" width="283"><figcaption></figcaption></figure> <figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FDRRVIgbIxCFgYg1EgFsI%2F2025-04-04_14-26-11.jpg?alt=media&#x26;token=17c53456-02ff-4ccf-b8f0-0a1ec12ab1c8" alt="" width="281"><figcaption></figcaption></figure></div>