Marquee is a Shopify theme section in the Section Star library. A cool display of scrolling images and videos.
About the Marquee 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.
Live demo
Use cases
- New Arrivals Showcase: Highlight the latest products added to your store by showcasing their images or promotional videos.
- Featured Collections: Display images or videos from different collections, such as seasonal or thematic items.
- Promotional Banners: Use icons with text to announce special promotions, discount offers, and events.
- Brand Storytelling: Showcase videos that tell the story of your brand, product origins, or customer testimonials.
- Customer Reviews: Use the image with text blocks to display customer reviews or feedback.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Slideshow
Set the slideshow properties
| Setting | Type | Default |
|---|---|---|
| Pause on Hover | Checkbox | On |
| Reverse Direction | Checkbox | Off |
| Speed | Select (Fastest, Faster, Fast, Medium, Slow, Slower…) | 20s |
Media Design
Set the display of images and videos
| Setting | Type | Default |
|---|---|---|
| Round Borders on Media | Range | 5 |
| Subtle Shadow on Media | Checkbox | On |
| Spacing between Media | Number | 5 |
| Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 1 / 1 |
| Height of Media | Number | 300 |
| Mobile Height of Media | Number | 300 |
Headline
Set the section dimensions in pixels.
| Setting | Type | Default |
|---|---|---|
| Headline | Inline rich text | <b>Sample headline</b> |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline Spacing | Number | 15 |
| Content | Inline rich text | This is the placeholder text for the … |
Image block settings
| Setting | Type | Default |
|---|---|---|
| Image | Image | — |
| Optional Link | URL | — |
Video block settings
| Setting | Type | Default |
|---|---|---|
| Video | Video | — |
| Optional Link | URL | — |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | On |
| Loop Video | Checkbox | On |
| Show Video Controls | Checkbox | Off |
| Mute Video | Checkbox | On |
Icon with Text block settings
| Setting | Type | Default |
|---|---|---|
| Icon Color | Color | #111 |
| Icon Size | Number | 25 |
| Space Between Icon and Text | Number | 5 |
| Text | Inline rich text | This is sample text to go along with … |
| Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag |
| Optional Link | URL | — |
Image Icon with Text block settings
| Setting | Type | Default |
|---|---|---|
| Image | Image | — |
| Shape | Select (Circle, Rounded, Square) | circle |
| Image Size | Number | 25 |
| Space Between Icon and Text | Number | 20 |
| Text | Inline rich text | This is sample text to go along with … |
| Optional Link | URL | — |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Marquee”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.