Appearance
Promotion banner
This guide describes setting up your store's Promotion banner section. The section adds a special text area for providing promotional messages to your store's visitors.
In the following image, a promotion banner section is displayed at the top of a store's homepage. The Shop now button inside the banner is linked to a collection of discounted products.
For general guidance with modifying sections, refer to Sections overview.
Set up a promotion banner section
To set up a promotion banner section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a promotion banner section. For example, select the Home page template.
Note
The promotion banner section can be added into any page, except Checkout and Giftcard pages. To add a promotion banner section into the current page, select Add section > Promotion banner. Refer to Shopify help: Add a section.
From the side menu, select Promotion banner.
Select a section setting described in the following table.
| Section setting name | Description |
|---|---|
| Heading | Use the Heading box to enter text to display as a title for the section. |
| Text | In the Text box, enter text to display inside the section. Use this text to share details about your store's promotion, and format the text using the text editor pane. |
| Full width | Select the Full width checkbox to turn on/ off displaying a border around the banner. |
| Content align | Select the Content align dropdown to set the position for the section's content to Center or Spread (left aligned). |
| Call to action > Link | In the Link box, enter a URL for the section's button to use or select a store page to link to. To remove a link, select the X icon inside the text box. |
| Call to action > Text | In the Text box, enter text to display as a label for the section's button. |
| Button style | Select the Button style dropdown to set the style for the section's button to Outline or Solid. |
| Color scheme | Use the Color scheme dropdown to set the color scheme for the section to Primary, Secondary or Tertiary. Refer to Colors. |
| Theme settings | Select Theme Settings to access additional settings for the section. Refer to Section theme settings menu. |
| Remove section | Select Remove section to delete the section from the current page template. |
