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.
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.|