Debut商品ページの「おすすめ」からの除外

日本語 ディスカッション 技術的なQ＆A
1

お世話になっております。

debutでショップ運営中のクライアントからの質問ですが

商品ページ下部の「商品の推奨」

{% section ‘product-recommendations’ %}

に表示させたくない商品があるそうです。

IDやタグ、コレクションなど何でもいいのですが

決まった条件に該当する商品は「おすすめ」の中に

はいらない、といった設定は可能でしょうか?

よろしくお願いいたします。

2

はい、コードの編集は必要ですが、実装は可能です。

以下は最も簡易的な処理になりますが、デフォルトのDebutの「product-recommendations.liquid」の11行目から始まる

{% for product in recommendations.products %}
  - {% include 'product-card-grid', max_height: 250, product: product, show_vendor: section.settings.show_vendor %}
  

{% endfor %}

という箇所のコードを

{%- for product in recommendations.products -%}
  {% unless product.tags contains "非表示" %}
    - {% include 'product-card-grid', max_height: 250, product: product, show_vendor: section.settings.show_vendor %}
    

  {% endunless %}
{%- endfor -%}

のように、{% unless product.tags contains “非表示” %}という条件を追加することで、

「非表示」というタグが含まれた商品を除外することが可能です。

この条件部分はタグに限らず、メタフィールドなどその他の要素でも代用は可能です。

0326-01.jpg
0326-01.jpg3074×1168 246 KB

2 Likes
3

すみません、間違えて投稿しましたので削除しました。

4

該当の商品が「商品の推奨」に含まれていた場合は非表示になりましたが、表示件数が減って表示されてしまいます。

レイアウトが崩れているように見えてしまうため改善できればと思っております。

例）「商品の推奨」4件表示、非表示商品1件：3件表示となってしまいます。

該当商品が含まれている場合でも4件表示にすることは可能でしょうか。

よろしくお願いいたします。

5

@kotobato 様、投稿の作成有難うございます。

お勧め商品セクションで特定の商品を非表示として頂くには、テーマのコード編集が必要となります。

コード編集はサポート外となりますが、英語版コミュニティの方で編集方法が紹介されていましたので、以下にて添付致します：

または、Shopify Search & Discoveryアプリの使用で、表示されるおすすめ商品コレクション自体をカスタムして頂く事は可能です。詳細はこちらのヘルプ記事で紹介されていますが、商品ページに表示されるお勧め商品の作成方法は以下となります：

  1. Shopify Search & Discoveryアプリで [おすすめ商品] をクリックしてから [おすすめを追加] をクリックします。
  2. おすすめをカスタマイズする商品を選択します。
  3. 最大10個の [付加的な商品] を選択します。
  4. おすすめする [関連商品] を最大10件選択します。自分で選択するおすすめ商品のみを表示するように商品を設定しますと、他の商品は表示されません。
  5. [保存] をクリックします。

更なるカスタマイズをご希望の場合は、テーマのコード編集が最適となります。以上となりますが、この情報がお役に立てれば幸いです！

1 Like