概要

通信環境によっては、JavaScriptのダウンロードが遅いために、通常のカートに追加ボタンを隠す処理が追いつかず、選べるギフトの親商品・eギフト専用商品を通常購入できてしまうリスクがございます。

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

手順

<aside> ⚠️ 少々エンジニアの知識が必要となります。

</aside>

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

テーマ側対応

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

2. テーマ内のカートに追加ボタンについて、hidden属性を適切に追加して、保存する

   1. 例

   {% 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 %}>