概要

• 通信環境などの影響で、AnyGiftのJavaScriptの読み込み遅く、通常の「カートに追加ボタン」を非表示にする処理を行う前にユーザーがカートにつかしてしまうことで、選べるギフトの親商品やeギフト専用商品を通常購入できてしまうといいった事象が極稀に発生します。

• AnyGiftのJavaScriptが読み込まれる前での動作となってしまうため、AnyGiftのアプリ側での制御が難しくこの事象がよくおきてしまうストアではShopifyのテンプレートでの対応をお願いしております。

• このページでは、ストアの表示を商品に指定のタグが含まれている場合に、テーマ側で通常のカートに追加ボタンを非表示にする対応方法について、ご説明いたします。

  <aside> ⚠️ 少々 HTML や Javascript の知識が必要となります。

  </aside>

手順

商品ページにて、以下のテーマ編集を行い、eギフト専用商品 ・選べるギフト商品の場合には、通常のカートに追加ボタンを押せないように編集してください。

1. 商品に付与するタグを決める（eギフト専用など）。

2. 選べるギフトの親商品やeギフト専用商品に対して 1 で決めたタグを付与する。

3. テーマ内のカートに追加ボタンについて、hidden属性を追加する。

   例)

   {% assign disable_add_to_cart = false %}
   {% for collection in product.collections %}
   	{% if collection.title contains 'eギフト専用商品' %}
   	  {% assign disable_add_to_cart = true %}
     {% endif %}
   {% endfor %}
   
   <button class="add-to-cart js_add_to_cart{% if is_cart_update %} js_update_to_cart{% endif %} single_add_to_cart_button button truncate w__100 mt__20 order-4{% if PR_no_pick %} disabled{% endif %}"
   {% if disable_add_to_cart == true %} style="visibility: hidden;" {% endif %}>
   

注意

• Buy Buttons の Dynamic Checkout などを有効にしているストア様ではそちらの非表示対応も同時に行っていただく必要があります。