Seamless scroll
The seamless scrolling section allows you to create a continuously scrolling content area on your page, ideal for showcasing announcements, promotions, or brand slogans. This effect can effectively capture user attention and provide a smooth visual experience.
Function Details
Color Scheme:
Choose an existing color scheme for the seamless scrolling section. To edit or change the color scheme, click “Edit” to make adjustments. The color scheme will affect the color of the scrolling text, background color, and other visual elements.
For adjustments to the color scheme of the entire template, go to “Template Settings.”
Scrolling Direction:
Select the direction of the content scroll. Default options include:
Left: Content scrolls from right to left.
Right: Content scrolls from left to right.
Choose the direction that best fits your page layout and content display needs.
Scrolling Speed:
Adjust the scrolling speed using a slider; a higher value will increase the speed. Adjust the speed according to the length of the content and user reading habits to ensure that the content is easy to read and not too fast or too slow.
Show Border Blur:
Enable this option to display a blur effect at the edges of the scrolling content, simulating a fade-in and fade-out effect. This can add depth to the scrolling effect and enhance the visual experience.
In the seamless scrolling section, you can use the “Add Block” feature to include the following types of blocks:
Text Block:
Used to add text content such as announcements, promotional information, or brand slogans. The content of the text block will scroll along with the effect.
Icon Block:
Used to add icons, typically used in conjunction with text. Icons can enhance the visual effect or provide additional information.
Image Block:
Used to add images, which can display product pictures, brand logos, or other visual content, increasing the attractiveness of the scrolling area.
Usage Suggestions
Information Display: Seamless scrolling sections are ideal for displaying short, important information that needs to be repeatedly read, such as the latest offers or store announcements. Ensure the content is concise and clear so that users can easily get the information while scrolling.
Visual Effects: The choice of color scheme and scrolling direction should be consistent with the overall style of the page to avoid color clashes or direction inconsistencies. The border blur effect can add depth to the scrolling content, and it is recommended to enable this effect when you want to highlight the content.
Speed Adjustment: Set the scrolling speed appropriately based on the length and importance of the content. Slower speeds are suitable for longer content, while faster speeds are better for short content or attention-grabbing headlines.
Last updated