Scrolling Text and Images
Marquee-like area for moving content.

The section "Scrolling Text and Images" - an advanced dynamic element designed to present engaging, continuous visual and textual content. This section is ideal for showcasing brand messaging, featured products, or unique imagery in a captivating, ticker-style format. The section is highly customizable and includes its own overarching settings, along with configurable sub-sections for individual content elements.
General Section Settings
Layout
Controls the structural arrangement and spacing of the entire section.
(Specific layout options not detailed, but generally governs full-width, boxed content, etc.)
Top spacing
Defines the vertical clearance above the section content.
None
, Small
, Medium
, Normal
Home page top spacing none
When enabled, overrides the default Top spacing
setting specifically for the storefront's main index page, eliminating top padding for a flush layout.
Works only on home page
Configuration Settings (Settings Subsection)
This subsection governs the behavior and visual effects of the scrolling ticker element.
Horizontal spacing
Adjusts the horizontal distance between content blocks (text and image elements) within the scroll.
(Adjustable value/slider)
Image hover effect
Selects the interactive visual effect applied to images when a user hovers over them.
Basic theme settings
, Disable
, Zoom in #1
, Zoom in and rotate
, Zoom in #2
, Zoom out #1
, Zoom out #2
, Slide
, Shine
Image roundness
Controls the corner radius of the images displayed within the section.
(Adjustable value/slider, often percentage or pixel-based)
Ticker time
Sets the duration for one complete cycle of the scrolling animation. A shorter time results in faster movement.
(Value in seconds or milliseconds)
Direction of move
Determines the orientation of the scrolling animation.
(Commonly Left to Right or Right to Left)
Dual ticker
Enables a configuration where content is duplicated and mirrored, creating a continuous, looping effect from both sides.
Enable
Swap
When Dual Ticker
is enabled, this option reverses the content order in the duplicated strip.
Enable
Opacity
Adjusts the overall transparency of the section's content.
(Adjustable value/slider, 0% to 100%)
Black and white
Applies a monochrome filter to all images within the section.
Enable/Disable checkbox
Dividing line
Renders a thin horizontal separator line to delineate the section from adjacent content.
Show
Background and Styling Options (Background Subsection)
This subsection manages the aesthetic presentation of the entire section.
Background
Selects the visual treatment for the section's backdrop.
Hide
, Color
, Gradient
Color
If Background
is set to Color
, this option allows selection of a single background color.
(Color picker)
Vertical internal padding
Adjusts the vertical spacing between the section's top/bottom edges and its internal content.
(Adjustable value/slider)
Colors (Sub-group)
Allows granular control over the color scheme applied to specific elements within the section.
Base
The primary color used for general text or background elements.
(Color picker)
Accent
The secondary color used for emphasis, such as links, icons, or specific hover states.
(Color picker)
Lines
The color designated for any dividing lines or borders within the section.
(Color picker)
Content Blocks (Subsections)
The "Scrolling Text and Images" section permits the addition of multiple individual content blocks, allowing for rich, varied content within the ticker. The two available block types are:
Text: Allows the entry of customizable text content, suitable for slogans, short announcements, or brand values.
Image: Allows the upload and configuration of a graphical asset, which will participate in the scrolling animation and interact with the hover effects.
Last updated