FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

アカウント画面(注文履歴一覧が表示される画面)で、特定のタグがついた商品の購入履歴があるユーザに対して、特別なボタンを表示したい

解決済

アカウント画面(注文履歴一覧が表示される画面)で、特定のタグがついた商品の購入履歴があるユーザに対して、特別なボタンを表示したい

torano
遊覧客
27 0 4

使用しているテーマはDawnです

 

添付画像のアカウント(太字)の右のエリアに、条件分岐によってボタンを表示させたいです

 

1. どのような変数を使えば、ユーザが特定のタグのついた商品を購入したか判別できるでしょうか?

2. 条件分岐はどのように設定すれば良いでしょうか?

 

以上2点、知見ある方ぜひ回答をお願いします

スクリーンショット 2024-01-10 15.51.26.png

1 件の受理された解決策

Qcoltd
Shopify Partner
1282 510 490

成功

@torano 様

 

Dawn 12.0.0を例に挙げます。

 

セクションズ > main-account.liquid

の中に、

{%- for order in customer.orders -%}
- 中略 - 
{%- endfor -%}

という記載があるはずです。

 

このfor文内のお目当てのHTMLの箇所で、下記のようにすると条件分岐できるかと思います。

{%- for order in customer.orders -%}
- 中略 - 
  {% assign isTagIncluded = false %}
  {% for line_item in order.line_items %}
    {% if line_item.product.tags contains "対象のタグ" %}
      {% assign isTagIncluded = true %}
    {% endif %}
  {% endfor %}
  {% if isTagIncluded %}
      // 商品が対象のタグを持つ場合の処理
  {% endif %}
- 中略 - 
{%- endfor -%}

 

動作検証はしておりませんので、

ミスタイプなどで動かない可能性もありますが、

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

1件の返信1

Qcoltd
Shopify Partner
1282 510 490

成功

@torano 様

 

Dawn 12.0.0を例に挙げます。

 

セクションズ > main-account.liquid

の中に、

{%- for order in customer.orders -%}
- 中略 - 
{%- endfor -%}

という記載があるはずです。

 

このfor文内のお目当てのHTMLの箇所で、下記のようにすると条件分岐できるかと思います。

{%- for order in customer.orders -%}
- 中略 - 
  {% assign isTagIncluded = false %}
  {% for line_item in order.line_items %}
    {% if line_item.product.tags contains "対象のタグ" %}
      {% assign isTagIncluded = true %}
    {% endif %}
  {% endfor %}
  {% if isTagIncluded %}
      // 商品が対象のタグを持つ場合の処理
  {% endif %}
- 中略 - 
{%- endfor -%}

 

動作検証はしておりませんので、

ミスタイプなどで動かない可能性もありますが、

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/