In the theme editor: Customize›Home page›Add section›Marquee
Marquee
A moving line of short messages between sections, such as shipping, returns or a slogan.
The shipping promise block shows your real delivery message, so it never says something the store doesn’t do.
Settings
Look
- Shape
- Choice: Pill on the frame, Open inside the frameDefault: Pill on the frameA pill on the frame, or open inside the frame: the band is the frame itself between two sections, and the text slips into the frame on both sides.
- Edges
- Choice: Fade into the frame, Clean cut, Recessed slotDefault: Fade into the frameHow the text meets the frame at both sides.
- Fade width
- Slider, 8 to 160 pxDefault: 56 px
- Band height on phone
- Slider, 28 to 160 pxDefault: 56 pxThe frame above and below the band adds to this height.
- Band height on desktop
- Slider, 28 to 200 pxDefault: 64 pxThe frame above and below the band adds to this height.
- Font
- Choice: Theme font, System serif, Font from the libraryDefault: Font from the library
- Font for Latin letters
- Font from Shopify’s libraryShopify’s font library has no Hebrew letters, so Hebrew uses the choice below.
- Font for Hebrew
- Choice: Theme font, System serifDefault: System serifThe library font shows only Latin letters. Hebrew text uses this one.
- Text size on desktop
- Slider, 12 to 80 pxDefault: 40 px
- Letter spacing
- Slider, -4 to 30 %Default: 1 %
- Separator between messages
- Choice: Heart, Dot, Star, Line, NoneDefault: Heart
- Text size
- Slider, 12 to 64 pxDefault: 14 px
- Weight
- Choice: Light, Regular, BoldDefault: Regular
- Background color
- ColorEmpty: the site background color. In the frame: the band itself, or the color of the slot.
- Background style
- Choice: Flat color, Lit stageDefault: Lit stageLit stage: a soft light from above that fades toward the bottom, made from the chosen color. On a light color the top turns white; on a dark color it becomes a dark stage.
- Light color
- ColorThe soft light from the top center. Empty: white.
- Text color
- ColorEmpty: the site text color.
- Separator color
- ColorEmpty: the text color, softer.
- Thin line on top
- On or offDefault: On
- Thin line at the bottom
- On or offDefault: On
- Border color
- ColorA thin line around the whole strip, instead of the top and bottom hairlines. Empty: no border. Works with square or rounded ends.
- Width
- Choice: Full, edge to edge, Inside the frameDefault: Full, edge to edge
- Shape of the ends
- Choice: Straight, RoundedDefault: RoundedSquare or round. With round, the radius below sets how round, from almost square to fully round.
- Corner radius
- Slider, 0 to 40 pxDefault: 0 px0: like the corners of the other sections on the site.
- Space between messages
- Slider, 4 to 80 pxDefault: 20 pxThe distance between each message and the separator next to it.
- Space above and below the text
- Slider, 4 to 32 pxDefault: 10 px
- Two rows
- On or offDefault: OffThe second row moves the other way. Each message chooses its row.
Motion
- Speed
- Slider, 20 to 120Default: 34Pixels per second.
- Direction
- Choice: Natural, Reversed, Right in every language, Left in every languageDefault: NaturalNatural: in Hebrew the strip moves right and in English left, so each sentence enters from its start. Right or left: the same side in every language.
- Pause on mouse hover and keyboard focus
- On or offDefault: On
- Pause button
- On or offDefault: OnAn accessibility requirement for content that moves longer than five seconds. Best left on.
- On devices set to reduced motion
- Choice: All messages, centered, The first message onlyDefault: All messages, centeredNo motion. What shows instead.
- Show on phones
- On or offDefault: On
- Show on desktop
- On or offDefault: On
Blocks
Blocks are the pieces inside the section. Add, remove and drag them in the editor to change the order.
Message
General
- Text
- TextYou can make a word bold.
- Link
- Link
- Icon before the message
- Choice: None, Truck, Return, Chat, Gift, HeartDefault: None
- Row
- Choice: First, SecondDefault: FirstWhen there are two rows.
Shipping promise
General
- Link
- Link
- Icon before the message
- Choice: None, Truck, Return, Chat, Gift, HeartDefault: None
- Row
- Choice: First, SecondDefault: FirstWhen there are two rows.
The shipping promise follows the policy in theme settings (Free shipping) and is hidden when there is no free shipping.
Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.
