Scrolling promotion

by Admin on Jan 02, 2025

1. What is Scrolling promotion?

The Scrolling Promotion section enables you to show an automatically horizontal scrolling for your store visitors. With customizable scrolling speed, direction, and interactive elements, this section is perfect for showcasing promotions or key highlights.

[GIF]

2. Section Components

Section		Displays a scrolling banner with customizable content blocks for promotions.
Available blocks		Adds scrolling text with customizable font styles, alignment, and color.
		Displays icons with optional labels to visually enhance your message.
		Creates a call-to-action button, allowing visitors to take immediate action.
		Showcases images in the scrolling banner for visual emphasis.

3. Location & Setup

Go to “Online Store” > “Themes” > ”Customize”.
Select where you want to place it
Click "Add Section"
Search for Scrolling promotion.
Click on it to add.

4. Highlight features

Customizable scrolling speed and direction for dynamic visuals.
Flexible content with Text, Icon, Image, and Button blocks.
Background, alignment, and spacing adjustments for tailored designs.

5. Common Use Cases

🤔 How to set up the Scrolling promotion section?

Follow this quick guide to bring a Scrolling promotion to your online store:

STEP 1: Add the section:

Add the Scrolling Promotion section.

STEP 2: Set up the blocks:

By default, your Scrolling Promotion section includes 5 default blocks: 2 Text Block, 2 Icon Block, and 1 Button Block. You can delete, hide, or add more blocks as needed.

Depending on the block you use, the setting might be slightly different:

Which block?	How to set up?
*Text* block	Enter the text you want into the Text field. Put some words into a bracket to add a highlight effect. Choose the style of the highlight effect under Marker setting. Choose the Text size to be Small , Medium, or Large. Choose the Text color.
*Icon* block	Choose the Icon from the drop-down list. Or - enter an SVG code if you want to use a different icon from the list. Adjust the Icon height from 20px to 150px.
*Button* block	Enter a Button label. Add a link to the Button link. Choose the Button style to be Secondary , Primary, or Text link .
*Image* block	Click “Select” in the Image setting to add an image. Adjust the Image height.

STEP 3: Set up the scrolling rule:

Click on the Scrolling Promotion section to open its setting panel, and under the Scrolling group, you can:

Time per scroll: The larger the number, the faster the scrolling speed.

Direction: Choose to make it from Right to left or Left to right.

Pause on hover: Enable to stop scrolling when hovered over.

Show section borders: Enable to add a border on the top and bottom of the section.

STEP 4: Click “Save” when done.

Need help? Contact our support team at Omni Themes Support.