Features Breakdown: Marquee Logo Bar (Smart) This section creates a dynamic, infinitely scrolling banner perfect for displaying trust badges, brand logos, or key announcements (e.g., "Free Shipping - Returns Accepted - Secure Payment"). It's highly optimized for performance and smooth animation.

1. Animation Control

• Speed: Adjust how fast the banner scrolls (in seconds).

• Direction: Choose to scroll continuously to the Left or to the Right.

• Pause on Hover: Toggle option to stop the animation when the user hovers their mouse over the bar, allowing them to read or click items.

2. Block Content (Announcements)

• Flexible Items: Add unlimited blocks. Each block contains:

  • Text: The message (e.g., "Free Shipping").

  • Icon: Choose from a built-in library (Shipping, Return, Check, Star, Tag, World, Lock, Plane) or upload a Custom Image (SVG/PNG) to replace the icon.

• Smart Loop: The code automatically duplicates your blocks to ensure the scrolling bar is always full, preventing gaps even on wide screens.

3. Styling & Colors

• Backgrounds: Supports solid colors or Custom Gradients.

• Colors: Independent color pickers for the Text, Icons, and Border lines.

• Borders: Add top and bottom borders with adjustable thickness to separate the marquee from other sections.

4. Typography & Icons

• Font Control: Use the global Theme Font or force a specific Custom Font.

• Sizing: Independent sliders for Text Size (Desktop vs. Mobile) and Icon Size.

5. Advanced Placement (Smart Positioning)

• CSS Target: An advanced field allows you to move this section anywhere on the page using a CSS selector (e.g., #shopify-section-header). This lets you inject the marquee into places usually restricted by the theme, like above the header.

• Global Link: Option to make the entire bar clickable (e.g., linking to a "Why Buy From Us" page).

6. Spacing & Visibility

• Gaps: Adjust the space between scrolling items for both Mobile and Desktop.

• Padding: Fine-tune vertical padding and external margins.

• Device Targeting: Options to hide the section on Mobile Only or Desktop Only.