Module - Banner +

This section describes how to create, configure, and connect banner blocks for display on online store pages.

The "Banner +" module allows you to display CSS banners on the homepage or anywhere else in your online store. To create a new banner, go to "Banners" - "Banner +" and click the "Add" button in the upper-right corner of the module settings, as shown in the illustration below.

After that, you will be taken to the "Add Banner" page. The following settings will be available here:

1. "Status" — allows you to enable or disable the module;
2. "Banner name" — required field, enter the desired name for the future banner;
3. "Add" — allows you to add a banner for display on store pages.
   Attention! The number of displayed banners must not exceed 4.
   After you click the "Add" button, additional banner settings fields will appear in the expanded panel;
4. "Title" — allows you to set the banner title;
5. "Link" — allows you to enter the link for the banner button;
6. "Image" — allows you to add an image for the banner;
7. "Sort order" — allows you to sort banners in the required order;
8. "Block background" — allows you to set the background of the banner block;
9. "Title text color" — allows you to set the color of the banner title text;
10. "Button color" — allows you to set the banner button color.

---

To configure the "Banner +" module itself, go to "Modules / Extensions" -> "Modules / Extensions" and click the "Edit" button next to the module name, as shown in the image below.

In the window that opens, the following settings will be available:

1. "Status" — allows you to enable or disable banner display;
2. "Name" — allows you to enter the system name of the module;
3. "Banner" — allows you to select pre-created banners made according to the instructions above;
4. "Show in categories" — allows you to select categories where the module will be displayed;
5. "Show in products" — allows you to select products where the module will be displayed;
6. "Image width" — allows you to set the banner image width in pixels. Recommended value: 145;
7. "Image height" — allows you to set the banner image height in pixels. Recommended value: 145.

After that, go to "Design" -> "Layouts" and enable the "Banner +" module in the required position.