Add the Banner block to your product page
Show a notice box in your buy box with a title, a subtitle and an icon or image. The whole banner can be a link.
The Banner block shows a notice box with a title, a subtitle and an optional icon or image. The whole banner can link somewhere.
This is not the cart drawer's Banner block, and it's not the Banner (Clickable) section from our catalog.
Before you start
You need Section Store Plus or its free trial.
Add the block
- In Shopify admin, open Apps → Section Store → Conversion Blocks.
- On the Banner card, click Edit In Theme.
- Pick your theme. Your live theme has a green dot.
- The theme editor opens on your product template with the block added.
- Drag the block where you want it.
Set it up
- Under Title, replace the sample Text.
- Under Subtitle, replace the sample Text, or clear it.
- To add a picture, turn on Use image. Pick an Icon, or upload a Custom image.
- Set Position to Left or Right.
- To make the banner clickable, add a Link.
- Click Save.
The samples talk about restocks selling out. Replace them with your own message.
Settings
- Layout: Gap, Alignment and Link.
- Image: Use image, Icon, Custom image, Size, Position and Icon color.
- Title and Subtitle: Text, Size and Color.
- Appearance: Border, Thickness, Border color, Roundness, Background, Background gradient and Shadow.
- Padding: Vertical and Horizontal.
- Custom CSS.
Good to know
- Custom image beats Icon.
- Background gradient beats Background.
- With no title and no subtitle, the block hides.
- The link opens in the same tab.
- Icon color works on the built-in icons.
- The banner shows on every product that uses the template. To change the text per product, connect it to a metafield.
If it doesn't work
- The banner is gone: both text fields are empty.
- The picture doesn't show: turn on Use image, and check Icon isn't None.
Related
Also searched as: banner block, notice block, alert box, message in buy box, info box, announcement in product page, clickable banner, restock message, don't be the last one
Did this answer your question?