Tier progress

Display a progress bar of the customer’s tier position and membership status. The component will render information about points- or spend-based tiers based on your tier settings.

For points-based tiers: Please note that unlike approved points, tier points do not go down when points are redeemed for a reward. Read more about customer tier progress.

Explanation

Whenever we find this component on the page, we’ll set its innerHTML to the requested value. If a customer is not logged in, nothing will display.

Code

Multi-tier

Displays the customer’s progress through all tiers.

Customer

<div data-lion-tier-progress="multi"></div>

Single-tier

Displays the customer’s progress within their current tier.

Customer

<div data-lion-tier-progress="single"></div>