Standalone claimed rewards list

Use this component to render a list of all the claimed rewards owned by the current customer.

If a customer is logged in, a list of claimed reward items is displayed. Each item contains a “View reward” button which opens a claimed reward modal when clicked.

Without a customer this component doesn’t render anything.

Live preview

Customer

Code

<div data-lion-claimed-rewards-list></div>

Options

You can also hide all the used and / or void (refunded) claimed rewards from the list. For example, to show only claimed rewards that the customer can use, include both of the appropriate data attributes in the element like so:

<div
  data-lion-claimed-rewards-list
  data-hide-used="true"
  data-hide-void="true"
  data-hide-expired="true"></div>