【Shopify】アプリ不要！特定の会員だけに「限定販売」するカスタマイズ全手順

{% comment %} 会員限定アクセス制御ロジック {% endcomment %}
{%- liquid
  assign is_exclusive = false
  if product.tags contains 'exclusive_follower'
    assign is_exclusive = true
  endif

  assign has_access = false
  if customer and customer.tags contains 'follower_club_active'
    assign has_access = true
  endif
-%}

{%- if is_exclusive -%}
  {%- if customer -%}
    {%- unless has_access -%}
      {% comment %} ログイン済みだが権限がない場合 {% endcomment %}
      <div class="page-width section-{{ section.id }}-padding text-center" style="margin: 100px auto;">
        <h1>閲覧権限がありません</h1>
        <p>この商品は会員様限定の限定商品です。</p>
        <p>現在ログイン中のアカウントでは、閲覧・購入いただくことができません。</p>
        <a href="{{ routes.all_products_collection_url }}" class="button">他の商品を見る</a>
      </div>
      <style>
        /* 商品情報を強制的に隠す */
        .product, .main-product, product-info, .product__info-wrapper { display: none !important; }
      </style>
    {%- endunless -%}
  {%- else -%}
    {% comment %} 未ログインの場合：ログイン画面へ飛ばす（戻り先をこの商品に指定） {% endcomment %}
    <script>
      window.location.href = "{{ routes.account_login_url }}?checkout_url={{ product.url }}";
    </script>
    <style>body { display:none !important; }</style>
  {%- endif -%}
{%- endif -%}

{%- liquid
  # 会員限定の判定ロジック
  assign is_exclusive = false
  if product.tags contains 'exclusive_follower'
    assign is_exclusive = true
  endif

  assign can_purchase = true
  if is_exclusive
    unless customer and customer.tags contains 'follower_club_active'
      assign can_purchase = false
    endunless
  endif
-%}

<div {{ block.shopify_attributes }}>
  {%- if product != blank -%}
    {%- if can_purchase -%} {% comment %} ★ここからサンドイッチ（上） {% endcomment %}
       ...もともとの購入ボタン（product-form等）のコード...
    {%- else -%} {% comment %} ★権限がないときの表示 {% endcomment %}
      <div class="product-form">
        <p style="color: #d0021b; font-weight: bold; padding: 1.5rem; border: 1px solid; border-radius: 4px; text-align: center; background: #fff5f5;">
          この商品は会員限定です。ログインしてご購入ください。
        </p>
      </div>
    {%- endif -%} {% comment %} ★サンドイッチ終わり {% endcomment %}
  {%- endif -%}
  ...

{%- liquid
  # 会員限定の判定
  assign is_exclusive = false
  if card_product.tags contains 'exclusive_follower'
    assign is_exclusive = true
  endif

  assign can_purchase = true
  if is_exclusive
    unless customer and customer.tags contains 'follower_club_active'
      assign can_purchase = false
    endunless
  endif
-%}

{%- if can_purchase -%}
  <div class="quick-add no-js-hidden">
     ...もともとのボタンコード...
  </div>
{%- endif -%}