On product page

Show how much Store Credit a product earns so shoppers see value before add-to-cart.

Theme editor (recommended)

1. Open the theme editor on a product page.
2. Add the memberr Cashback block.
3. Save and preview as a logged-out and logged-in customer (memberships may change the rate).

Also covered under Storefront display.

Optional: Liquid / web components

Prefer theme app blocks when you can. If you need custom placement, you can compute from the cashback programme metaobject or use memberr web components (after enabling memberr elements in theme settings).

{%- assign cashback_program = shop.metaobjects['app--60169453569--cashback_program'].v2 -%}
{%- if cashback_program.is_active -%}
  {%- assign cashback_rate = cashback_program.cashback_percentage | divided_by: 100.0 -%}
  {%- assign cashback_amount = product.selected_or_first_available_variant.price | times: cashback_rate -%}
  <p>
    Earn {{ cashback_amount | money }}
    <memberr-store-credit-name></memberr-store-credit-name>
  </p>
{%- endif -%}

Dynamic prices

If the price on the page changes (bundles, variant pickers, subscriptions), recalculate or refresh the cashback display when the price updates. Hook into your theme’s price-change event (or the variant change event) rather than a hard-coded third-party selector.