In the theme editor: CustomizeHome pageAdd sectionMarquee

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
Settings every section sharesScrolling

The window, scrolling, spacing and color settings work the same way in every section. Read how they work.

Scrolling

Next section covers it on scroll
On or offDefault: OffScrolling down, this section stays in place under the header and the next section rises over it. Scrolling back reverses it. Off in the editor, for visitors who asked for reduced motion and on very short screens.

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.