Loyalty Page: Hero Banner block

Overview

Recommended placement: Add it as the first block to your loyalty page template or as a standalone block on your home page

The "Love: Hero Banner" app block provides a brief overview of your loyalty program.

For logged out customers it shows a "Join program" button which redirects to the create account page on your website and a "Log in" button that redirects to the log in page of your website


For logged in customers it shows them their current point balance and the ways to redeem and earn points.



The Hero Banner app block can be added to any Page template and to the Home page, just click the "Add section" button on the left in the theme editor and select "Love: Hero Banner" from the "Apps" tab:

Styling options

You can edit the style of the Hero Banner by clicking the name of it in the theme editor:



Available customizations:

Background Image: Background image for the section
Background Color: Background color for the section, it's only used if a background image is not provided
Card Background Color: Background color of the card containing the title and the buttons
Card Radius: The border radius of the card containing the title and the buttons
Header Text Color: Text color of the header text
Subtitle Text Color: Text color of the subtitle text
Button Color: Background color of the buttons
Button Border Color: Border color of the buttons
Button Radius: Border radius of the buttons

Additional styling customizations can be done with custom CSS on the Customize Storefront > General Style page in the app.
Contact us via Live Chat and we're happy to make any custom styling changes for you free of charge.

Changing the texts

Title, Subtitle and Button texts: Can be changed in the "Customize storefront > Dedicated Loyalty Page" page in the app.
View rewards pop-up texts: Can be changed in the "Customize storefront > Cart: Earn and redeem points" page in the app.
Earn points pop-up texts: Can be changed in the "Customize storefront > Account page: Point balance" page in the app

Updated on: 06/01/2025