Home

Displaying Store Credit

Memberr makes it easy for you to display Store Credit at all the right places. Places include:

  1. On the Product Page
  2. In your Cart
  3. At checkout
  4. In Customer Accounts
  5. On any page of your store
  6. In emails
  • For custom store front integrations, use the memberr sdk

Quickstarts

Examples

On the Product Page

T1tan

display Store Credit t1tan product page display Store Credit t1tan product page

Molecular

display Store Credit t1tan product page display Store Credit t1tan product page

MyDartpfeil

display Store Credit t1tan product page display Store Credit t1tan product page

In Cart Drawer

Example molecular

display Store Credit cart drawer molecular display Store Credit cart drawer molecular

Example T1tan

display Store Credit cart drawer t1tan display Store Credit cart drawer t1tan

At checkout

Let's look at an example from t1tan:


_41
{% if customer.metafields['memberr-v1'].store_credit_balance.value.current %}
_41
{% assign current_store_credit_balance = customer.metafields['memberr-v1'].store_credit_balance.value.current
_41
| minus: 0
_41
%}
_41
{% else %}
_41
{% assign current_store_credit_balance = 0 %}
_41
{% endif %}
_41
_41
{% if customer and current_store_credit_balance > 0 %}
_41
{% assign current_store_credit_balance_formatted = current_store_credit_balance | money %}
_41
<div style="display: flex; align-items: center; justify-content: space-between; padding: 1rem var(--gutter); padding-top: 0;">
_41
<span>
_41
{{- 'cart.general.apply_store_credit' | t: amount: current_store_credit_balance_formatted -}}
_41
</span>
_41
<memberr-store-credit-toggle
_41
active-color="#1b3e33"
_41
height="24"
_41
width="48"
_41
initial-state="{%- if cart.attributes.memberr_apply_store_credit == 'Yes' -%}true{%- else -%}false{%- endif -%}"
_41
></memberr-store-credit-toggle>
_41
</div>
_41
<script>
_41
document.addEventListener(
_41
'memberr-toggle:change',
_41
() => {
_41
if (window.location.pathname === window.theme.routes.cartUrl) {
_41
window.location.reload();
_41
} else {
_41
document.documentElement.dispatchEvent(
_41
new CustomEvent('theme:cart:reload', {
_41
bubbles: true,
_41
})
_41
);
_41
}
_41
},
_41
{
_41
bubbles: true,
_41
}
_41
);
_41
</script>
_41
{% endif %}

display Store Credit checkout t1tan display Store Credit checkout t1tan display Store Credit checkout t1tan

In emails

display Store Credit in_emails club of comfort display Store Credit checkout t1tan display Store Credit checkout t1tan display Store Credit checkout t1tan

In Customer Account

display Store Credit checkout lykke and you display Store Credit checkout my dartpfeil display Store Credit checkout my t1tan display Store Credit checkout my t1tan

On any page of your store