# Promotion banners

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FdPzvLrc6zdtezIbnZOtT%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-28%20%D0%B2%2015.32.53.png?alt=media&#x26;token=ebf39f1b-0c0d-4f01-a3f9-45c72628dfe4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fz0KQCfvCXxO9xBIgP583%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-28%20%D0%B2%2015.33.28.png?alt=media&#x26;token=b6364cb1-6352-4283-9860-dd653bd742d0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FSrSqysznzBHfni6oK1ai%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-28%20%D0%B2%2015.33.59.png?alt=media&#x26;token=974bae47-6d9f-4461-898c-6e3fa9625bc0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FI1g2IYn3y36zvPbx2r0B%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-28%20%D0%B2%2015.34.28.png?alt=media&#x26;token=c4b995d7-65c7-4762-ae08-791d23af18ea" alt=""><figcaption></figcaption></figure>

## **Adding a section**

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Promotion banners`**.

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FBO983MYEHqaA0RLI3PE1%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-28%20%D0%B2%2015.36.29.png?alt=media&#x26;token=608de68d-7867-41ed-8223-ed649ff05910" alt=""><figcaption></figcaption></figure>

## **Section settings**

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FxzklgfuiZ7CjntFq4PdF%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-28%20%D0%B2%2015.37.26.png?alt=media&#x26;token=b1e9ec2d-e6e0-4473-85d3-9eb1b2500e6c" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - setting allows you to set the text for the title.
2. **`Cards per row`** - the setting allows you to choose the type of section display in 2 or 3 blocks;
3. **`Cards layout`** - the setting allows you to choose the type of blocks: horizontal / vertical;
4. **`Button style`** - you can set a style for the button: primary / secondary / primary with border / secondary with border;

### Layout

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FU9Agf0FV1ERtmInWj0Ra%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-28%20%D0%B2%2015.44.01.png?alt=media&#x26;token=b88cf33c-ec07-4505-8e48-2d177c1b07e5" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Blocks settings**

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FuN2WboCw4XIJT6JXapte%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-28%20%D0%B2%2015.44.46.png?alt=media&#x26;token=56415c8d-1650-469b-9c1b-ef30987fdee3" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - setting allows you to set the heading in the block;
2. **`Image`** - setting allows you to set the image of the block;
3. **`Button label`** - setting allows you to set the text for the button in the block;
4. **`Button link`** - setting allows you to set the URL for the button in the block.