Shopify Marquee Section

Description of the Section

The Marquee section is a dynamic and visually engaging component designed for Shopify stores. It features a continuously scrolling display of images, icons with text, and videos. This section allows you to showcase multiple media types in a single, seamless scrolling animation, drawing attention to promotional items, new arrivals, or important information.

Demo of the Section

Installation Instructions

1. Download the Sections Pro app on the Shopify App Store
2. Open the app and navigate to Free Sections
3. Search for "Marquee"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

1. New Arrivals Showcase: Highlight the latest products added to your store by showcasing their images or promotional videos.
2. Featured Collections: Display images or videos from different collections, such as seasonal or thematic items.
3. Promotional Banners: Use icons with text to announce special promotions, discount offers, and events.
4. Brand Storytelling: Showcase videos that tell the story of your brand, product origins, or customer testimonials.
5. Customer Reviews: Use the image with text blocks to display customer reviews or feedback.

Overview of the Configuration Settings

• Font Settings:

  • Override theme fonts: Option to use custom fonts for the marquee text.
  • Text Font: Choose a custom font for the text.

• Text Settings:

  • Text Size: Adjust the size of the text.

• Color Settings:

  • Text Color: Set the color of the text.
  • Background: Choose a background color or gradient.
  • Button Background Color: Set background colors for interactive elements.

• Slideshow Settings:

  • Speed: Select the speed at which the marquee scrolls.
  • Round Borders on Media: Adjust the border radius for media items.
  • Subtle Shadow on Media: Enable/disable shadows for media items.
  • Spacing between Media: Set the spacing between items in the marquee.

• Dimensions Settings:

  • Media Aspect Ratio: Choose an aspect ratio for media items.
  • Max Width of Section: Set the maximum width of the marquee section.
  • Height of Media: Define the height of media items.
  • Padding: Configure padding for top, bottom, left, and right of the section.

• Block Types:

  • Image: Add individual images with optional links.
  • Video: Add videos with customization options like autoplay, loop, controls, and mute.
  • Icon with Text: Display an icon alongside text, with options for icon color, size, spacing, and optional link.
  • Image Icon with Text: Use an image as an icon with text, choosing shapes (circle, rounded, square), image size, and optional link.