Scrolling promotion

The Scrolling promotion section creates an engaging display of promotional content using an automatically scrolling line of text and images.

This section is ideal for showcasing special offers, new arrivals, or key announcements to encourage customer action. It captures customer attention by combining dynamic movement with compelling visuals and text.

Pause on hover: When customers hover over the Scrolling promotion section, the scrolling pauses, allowing them to read text or view images without distraction. Scrolling resumes once the cursor leaves the section.

1, How to add section in theme editor:

1

In your theme editor (Customize), scroll to the bottom of the template and select Add section.

2

In the list, locate and select Scrolling promotion section. The section will now be added to your page, ready for customization.

2, Section settings:

The Section settings control the scrolling behavior, layout, text styles, and image properties.

• General settings:

• Direction: Choose the direction in which the announcements scroll: Left or Right.

• Speed: Adjust the scrolling speed to Slow, Normal, or Fast.

• Space between messages: Set the spacing between blocks (text or images) within the scrolling section for better readability and design flow.

• Text settings:

• Font style: Choose between the Heading font or Body font for the text in the section.

• Text size: Adjust the size of the text for better visibility.

• Icon size: Customize the size of icons if displayed alongside the text.

• Image settings:

• Image ratio: Choose the image shape: Square, Portrait, Circle, or Landscape.

• Image size: Adjust the size of images in the section, ranging from 30px to 150px.

3, Block settings:

The Scrolling romotion section supports two types of blocks: Text block and Image block, each with its own customization options.

• Text block

• Text: Enter the text to display in the block.

• Icon: Choose to display an icon at the beginning of the text block for added emphasis or leave it blank.

• Link: Add a link to the text. When customers click on the text, a new tab will open with the linked page.

• Highlight key words: Highlight important words or phrases in the text for emphasis. Highlight styles: Color: Change the color of selected text or Underline: Add an underline to selected text.

• Image block

• Image: Upload an image to feature in the scrolling section. Ensure it matches the selected aspect ratio for consistency.

• Image link: Add a link to the image. Clicking on the image will open the link in a new tab, directing customers to the desired page or product.