Written by

in

Overview

The Scroll Marquee Block creates an auto-scrolling horizontal content slider, perfect for displaying logos, testimonials, awards, or announcements in a continuously moving banner. Modern and eye-catching, it grabs attention while efficiently showcasing multiple items.

Key Features

  • Infinite Scrolling: Seamless continuous loop animation
  • Direction Control: Scroll left or right
  • Speed Adjustment: Customizable scroll speed
  • Pause on Hover: Stop scrolling when users interact
  • Responsive Design: Adapts to all screen sizes
  • Flexible Content: Support for images, text, and custom blocks

How to Use

  1. Insert the Scroll Marquee block
  2. Add content items (images, logos, text, etc.)
  3. Set scroll direction (left or right)
  4. Adjust speed using the speed control
  5. Enable/disable pause on hover
  6. Configure spacing between items
  7. Preview the scrolling effect

Block Settings

Animation Settings

  • Scroll Speed: Control how fast items move (1-100)
  • Direction: Left-to-right or right-to-left scrolling
  • Pause on Hover: Stop animation when user hovers

Layout Settings

  • Item Spacing: Gap between scrolling items
  • Item Width: Fixed or auto-width for items

Common Use Cases

  • Logo Showcase: Display client or partner logos continuously
  • Award Badges: Highlight certifications and achievements
  • Testimonials Banner: Scroll customer reviews
  • Product Features: Showcase product capabilities
  • Event Sponsors: Display sponsor logos at events

Best Practices

  • Keep items similar in size for visual consistency
  • Use moderate scroll speed – too fast is hard to read
  • Include enough items (6-12) for smooth continuous loop
  • Enable pause on hover for better accessibility
  • Optimize images for fast loading and smooth animation