商品ページに、その商品を購入したときに獲得できるポイントを表示できます。Shopifyテーマの「カスタマイズされたLiquid」ブロックにコードを入力し、商品価格からポイント数を計算して表示します。「この商品で〇ポイント獲得」「ゴールド会員なら〇ポイント」など、購入の後押しになる情報を伝えたいときに活用してください。
本ガイドでは、サンプルコードを使った獲得予定ポイントの表示方法をご案内いたします。
イメージ画像
✅ 事前準備
VIPのポイント付与率（〇円ごとに〇ポイント）を確認しておく
会員ランクごとに倍率を変える場合は、VIP管理画面のランク名と倍率を確認しておく
コードサンプル利用時の注意点
本ガイドのコードは表示方法の一例です。テーマによってはデザインが崩れたり、正しく表示されなかったりすることがあります。公開する前に必ずテーマのプレビューで表示確認をお願いします。
コードのカスタマイズや、テーマに組み込むときの不具合はサポートの対象外です。
Shopify管理画面＞オンラインストア＞テーマ＞カスタマイズ＞商品ページを開き、「ブロックを追加」から「カスタマイズされたLiquid」を選択してください。
※ブロック名はテーマによって異なる場合があります。
追加した「カスタマイズされたLiquid」ブロックに、次のコードを入力してください。
100円ごとに1ポイント付与する場合
<p>この商品の購入で {{ product.price | times: 100 | divided_by: 1000000 }} ポイント獲得予定</p>100円ごとに2ポイント付与する場合
times: 100 を times: 200 に変更してください。
<p>この商品の購入で {{ product.price | times: 200 | divided_by: 1000000 }} ポイント獲得予定</p>右上の「保存」をクリックし、プレビューで商品ページにポイントが表示されていることを確認してください。
会員ランクごとにポイント倍率を変えている場合は、次のどちらかの方法で表示できます。
各ランクの倍率を文章で表示し、計算は顧客にお任せする方法です。コードの変更が少なく、ランク名の変更にも影響されません。
<p>この商品の購入で {{ product.price | times: 100 | divided_by: 1000000 }} ポイント獲得予定</p>
<p>シルバー会員は2倍、ゴールド会員は3倍のポイントを獲得できます</p>ログイン中の顧客の会員ランクを読み取り、倍率を掛けたポイントを表示する方法です。ランク名と倍率をストアの設定に合わせて変更してから入力してください。
ランク名は、VIP管理画面に登録しているランク名と完全に一致させてください。1文字でも違うと倍率が反映されません。
ログインしていない顧客や、どのランクにも当てはまらない顧客には、倍率1倍のポイントが表示されます。
ランクを追加したり名前を変更したりしたときは、コードも更新してください。
ブロンズ1倍, シルバー2倍, ゴールド3倍の場合
{% assign rank = customer.metafields.vip.rank_name %}
{% assign multiplier = 1 %}
{% case rank %}
{% when 'ブロンズ' %}
{% assign multiplier = 1 %}
{% when 'シルバー' %}
{% assign multiplier = 2 %}
{% when 'ゴールド' %}
{% assign multiplier = 3 %}
{% endcase %}
{% assign point = product.price | times: 100 | divided_by: 1000000 | times: multiplier %}
<p>この商品の購入で {{ point }} ポイント獲得予定</p>