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

**URL:** <https://community.shopify.com/t/debut/106343>\
**Category:** 技術的なQ＆A\
**Created:** [March 14, 2022, 7:51am UTC](https://community.shopify.com/t/debut/106343 "2022-03-14T07:51:42Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

Debutテーマを使用しているクライアントから、商品ページ下部の「商品の推奨」セクション（`{% section 'product-recommendations' %}`）で特定の商品を非表示にしたいという質問が寄せられました。

**解決方法:**

- **コード編集による対応**: `product-recommendations.liquid`ファイルを編集し、特定のタグ（例:「非表示」）を含む商品を除外する条件分岐を追加する方法が提案されました。ID、メタフィールドなど他の要素でも代用可能です。

- **課題**: 非表示商品が含まれると表示件数が減少し（例: 4件設定で1件非表示の場合、3件のみ表示）、レイアウトが崩れる問題が指摘されました。この件数維持については未解決です。

- **代替案**: Shopify Search & Discoveryアプリを使用すれば、コード編集不要でおすすめ商品をカスタマイズ可能（最大10件の関連商品や補完商品を選択）。

英語版コミュニティの参考記事やヘルプ記事も共有されています。

<div class="post-metadata">

**Author:** ![kotobato](https://avatars.discourse-cdn.com/v4/letter/k/7ea924/32.png) [@kotobato](https://community.shopify.com/u/kotobato)\
**Post date:** [March 14, 2022, 7:51am UTC](https://community.shopify.com/t/debut/106343/1 "2022-03-14T07:51:42Z")

</div>

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

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

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

{% section ‘product-recommendations’ %}

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

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

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

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

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

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [March 26, 2022, 1:08am UTC](https://community.shopify.com/t/debut/106343/2 "2022-03-26T01:08:25Z")

</div>

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

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

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

{% endfor %}

```

という箇所のコードを

```markup
{%- 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](https://canada1.discourse-cdn.com/shopifyforum/original/4X/7/4/b/74b060287140c0b5345e8baeca2b934f437e905c.jpeg)

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [April 30, 2022, 8:52am UTC](https://community.shopify.com/t/debut/106343/3 "2022-04-30T08:52:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![extra](https://avatars.discourse-cdn.com/v4/letter/e/7993a0/32.png) [@extra](https://community.shopify.com/u/extra)\
**Post date:** [June 20, 2023, 2:12pm UTC](https://community.shopify.com/t/debut/106343/4 "2023-06-20T14:12:34Z")

</div>

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

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

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

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

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

---

<div class="post-metadata">

**Author:** ![Mirai](https://avatars.discourse-cdn.com/v4/letter/m/77aa72/32.png) [@Mirai](https://community.shopify.com/u/Mirai)\
**Post date:** [June 21, 2023, 12:45pm UTC](https://community.shopify.com/t/debut/106343/5 "2023-06-21T12:45:55Z")

</div>

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

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

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

- [Hide A Collection Of Products From Product Recommendations](https://community.shopify.com/post/1549056)

または、[Shopify Search & Discovery](https://apps.shopify.com/search-and-discovery?locale=ja&utm_campaign=Guru+Ask&utm_medium=Forum&utm_source=Social)アプリの使用で、表示されるおすすめ商品コレクション自体をカスタムして頂く事は可能です。詳細は[こちらのヘルプ記事](https://help.shopify.com/ja/manual/online-store/search-and-discovery/product-recommendations?utm_campaign=Guru+Ask&utm_medium=Forum&utm_source=Social)で紹介されていますが、商品ページに表示されるお勧め商品の作成方法は以下となります：

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

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