How do I display the points a customer will earn for a specific product? (Lightspeed)

Note: this guide involves editing your Lightspeed theme - don't attempt this unless you're comfortable working with HTML and CSS.

  1. Open your `product.rain` or equivalent
  2. Find an element that already contains the product's price - it will look something like this:
    <span class="price">{{ product.price.price | money }}{% if shop.settings.legal.mode == 'strict' %} <small>&#42;</small>{% endif %}</span><br>
    	
  3. Add the attribute data-lion-points-price:
    <span class="price" data-lion-points-price='{{product.id}}'>{{ product.price.price | money }}{% if shop.settings.legal.mode == 'strict' %} <small>&#42;</small>{% endif %}</span>
    	
  4. Finally, elsewhere on the page add an element to be populated with the point balance:
    You'll get <span data-lion-points-for-id='{{ product.id }}'>0</span> lion points!