Ads Info Line Usage Instructions
The Ads Info Line (Top advertising banner) module is an excellent tool for drawing buyers' attention to important promotions, free shipping conditions, or important notifications. The banner is displayed in the most prominent place — at the very top of the site, above the header.
Module configuration
Go to Extensions -> Extensions -> Modules -> Ads Info Line - Top advertising banner. The settings are divided into three simple tabs.
1. "General" Tab
Here you manage the global visibility of the banner.
- You can separately manage the banner output status for PC (Status for PC) and for mobile devices (Status for mobile). This is convenient if the banner takes up too much space on phones.
2. "Banner settings" Tab
Here the container (background) of the banner is configured. The module supports separate settings for PC and mobile (switch tabs).
- Banner type:
- Full width: The banner stretches from edge to edge of the screen.
- Site width: The banner is limited to the width of the content part of your template.
- Custom width: You can set the width manually (in %, px, or auto).
- Background colors: The module allows you to create a beautiful two-color or gradient background. Specify the background color on the left and right.
3. "Text settings" Tab
Here you form the message itself.
- Set the Text color and Background color of the text block itself (if it differs from the container background).
- Enter the text of the advertising message in the text editor. The editor allows you to use bold text, links, and even icons.
- Padding: Adjust the padding from the top, bottom, left, and right so that the text does not stick to the edges of the banner.
Preview
When changing any colors or padding in the settings, pay attention to the "Preview" block. It shows in real time how your banner will look (both on PC and in the mobile version), which saves you from having to constantly go to the storefront to check.