Announcement Slider
Display one or more rotating announcements at the top of your store. Use this section for shipping offers, product drops, sale messages, or short linked notices in the header group.
Configure the Section
- In the theme editor, click Add section in the header area.
- Select Announcement slider.
- Add one or more Announcement blocks.
- Use Manual navigation when customers should control multiple messages, or Autoplay when the bar should advance automatically.
Section Settings
| Setting | Description |
|---|---|
| Navigation mode | Manual navigation or autoplay. Default: Manual. |
| Navigation size | Size of the previous/next controls. Range: 12-32px. Default: 20px. |
| Time to next announcement | Time between slides when navigation mode is Autoplay. Range: 2-10 seconds. Default: 5s. |
| Section width | Choose Page width or Full width. Default: Page width. |
| Background color | Optional custom background. Leave Default to use the theme surface. |
| Divider thickness | Bottom divider thickness. Range: 0-5px. Default: 0px. |
| Use same padding top and bottom | Keep top and bottom spacing linked. Default: On. |
| Padding | Top and bottom padding when unified. Range: 0-100px. Default: 16px. |
| Top / Bottom | Independent padding controls when unified padding is off. Range: 0-100px. Default: 16px each. |
Blocks
Announcement Block
Add text announcements with optional links.
| Setting | Description |
|---|---|
| Text | The announcement message to display. |
| Link | Optional URL that makes the announcement clickable. |
When multiple announcement blocks are present, Manual mode shows previous/next controls and Autoplay mode advances using Time to next announcement.
Header spacing and text alignment
1.8.0 keeps ordinary announcements usable beside floating and transparent headers, including groups with an Island announcement. A header above an ordinary announcement uses its configured regular colors and reserves space for the message. Announcement styling also stays within the announcement, so it does not override heading or Text block alignment in a hero or another section.
Check messages, links and previous/next controls in your actual header-group order on desktop and mobile. See Header pairing guidance and Latest updates for release details.