# 特定商品を「近日入荷」商品として表示させたい。

**URL:** <https://community.shopify.com/t/topic/56778>\
**Category:** 技術的なQ＆A\
**Created:** [August 2, 2021, 12:01pm UTC](https://community.shopify.com/t/topic/56778 "2021-08-02T12:01:35Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

Shopify「Brooklyn」テーマで、在庫0の特定商品だけを「近日入荷」表示にし、購入/予約ボタンを非表示にして問い合わせボタンへ誘導したい要望。予約販売アプリは対象外、全体の文言置換も不可。

提案された方法:
- 対象商品にタグ「coming_soon」を付与。
- product-template.liquidでタグかつ在庫無の場合に「COMING SOON」を表示し、カート/購入ボタンを制御。
- コレクション一覧では Snippets/product-grid-item.liquid の「{% if sold_out %}」付近を編集し、該当商品は「SOLD OUT」ではなく「COMING SOON」を表示。

発生中の課題:
- 実装後、coming_soonタグ商品は意図どおり表示されるが、その他の売り切れ商品で「売り切れ」表示が出なくなるケースが発生。
- 一時対応として「sold_out」タグを別途付与して分岐させたが、毎回のタグ付与は非効率。coming_soonタグが無い売り切れ商品には自動で「売り切れ」を表示したいという要望が残る。

現状と結論:
- コード条件分岐（タグ有無の判定とフォールバック）の見直しが必要だが、最終的な実装例・解決策は未提示で未解決。コード編集が理解の中心要素。

<div class="post-metadata">

**Author:** ![kameon](https://avatars.discourse-cdn.com/v4/letter/k/65b543/32.png) [@kameon](https://community.shopify.com/u/kameon)\
**Post date:** [August 2, 2021, 12:01pm UTC](https://community.shopify.com/t/topic/56778/1 "2021-08-02T12:01:35Z")

</div>

はじめまして。よろしくお願いいたします。

使用テーマ：Brooklyn

在庫0にした特定商品を「近日入荷」という形で購入ボタン等を無くした状態で表示させたいのですが、  
カスタマイズ方法、もしくはアプリ等ありましたらご教示くださいますようお願い申し上げます。

言語編集で「sold out」のテキストを変更するのは、全商品のテキストが変わってしまうので利用できません。

また、予約販売ではなく、あくまで「近日入荷」という形で、「購入ボタン」や「予約ボタン」などは表示させず、お問い合わせフォームへのボタンを表示させる形にしたいと考えておりますので、  
予約販売機能のアプリとは異なります。

MAKESHOPの「販売予告機能」のような感じです。  
[https://www.makeshop.jp/main/function/announce/](https://www.makeshop.jp/main/function/announce/)

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

---

<div class="post-metadata">

**Author:** ![Takuma](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/takuma/32/315167_2.png) [@Takuma](https://community.shopify.com/u/Takuma)\
**Post date:** [August 3, 2021, 9:14pm UTC](https://community.shopify.com/t/topic/56778/2 "2021-08-03T21:14:19Z")

</div>

１．そうしたい商品にTagを設定する ここでは **coming\_soon** を設定

２．以下のコードをSections / product-template.liquid のどっか適当に入れる

３．商品にcoming\_soonのタグが付いていて、在庫が無い場合 \*\*COMMING SOON (ここのカートボタンとかを入れる)\*\*が表示される

購入ボタンのタグなどをこちらの中に入れてあげれば制御できます。

```css
{% for tag_product in product.tags %}
     {% if tag_product contains 'coming_soon' %}     
		{% unless product.available == true %}
            COMMING SOON (ここのカートボタンとかを入れる)
		{% endunless %}            
     {% endif %}
{% endfor %}

```

---

<div class="post-metadata">

**Author:** ![kameon](https://avatars.discourse-cdn.com/v4/letter/k/65b543/32.png) [@kameon](https://community.shopify.com/u/kameon)\
**Post date:** [August 5, 2021, 3:36pm UTC](https://community.shopify.com/t/topic/56778/3 "2021-08-05T15:36:04Z")

</div>

ありがとうございます。

ご教示頂いた方法で在庫ゼロの商品にのみ「\*\*COMMING SOON (ここのカートボタンとかを入れる)」\*\*を表示させることができますが、  
商品個別ページの「売り切れボタン」や、コレクションページで並んだ際に表示される「売り切れ」マークはそのままになってしまいます。

商品個別ページで「売り切れボタン」を非表示。  
コレクションページで並んだ際に表示される「売り切れマーク」を「COMMING SOON\*\*」\*\*等の表示に変更するにはどうすればよろしいでしょうか？

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

---

<div class="post-metadata">

**Author:** ![Takuma](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/takuma/32/315167_2.png) [@Takuma](https://community.shopify.com/u/Takuma)\
**Post date:** [August 7, 2021, 1:38am UTC](https://community.shopify.com/t/topic/56778/4 "2021-08-07T01:38:18Z")

</div>

Snippetsのproduct-grid-item.liquidで

```css
{% if sold_out %}

```

を探して、

以下を入れれば

対象商品でcoming\_soonのtagが付与された商品で在庫が無い場合は

Collectionページ内の商品に、COMING SOONをSOLD OUTの代わりに表示します。

```css
{% for tag_product in product.tags %}
             {% if tag_product contains 'coming_soon' %}     
                
                  

COMING
 SOON

                

				{% break %}
             {% else %}
                
                  

{{ 'products.product.sold_out_html' | t }}

                

             {% endif %}
        {% endfor %}

```

---

<div class="post-metadata">

**Author:** ![kameon](https://avatars.discourse-cdn.com/v4/letter/k/65b543/32.png) [@kameon](https://community.shopify.com/u/kameon)\
**Post date:** [August 10, 2021, 1:59am UTC](https://community.shopify.com/t/topic/56778/5 "2021-08-10T01:59:25Z")

</div>

ありがとうございます。

下記のように入れたところ、「coming\_soon」タグが付与されている商品に「coming\_soon」が表示されるようになりましたが、ソールドアウト商品に「売り切れ」表示が出なくなりました。

```css
{% if sold_out %}

 {% for tag_product in product.tags %}
             {% if tag_product contains 'coming_soon' %}     
                
                  

COMING
 SOON

                

				{% break %}
             {% else %}
                
                  

{{ 'products.product.sold_out_html' | t }}

                

             {% endif %}
        {% endfor %}

 {% elsif on_sale %}
        
  {% capture discount_percentage %}{{ product.compare_at_price | minus: product.price | times: 100 | divided_by: product.compare_at_price |round }}%{% endcapture %}
  

{{ 'products.general.save_html' | t: saved_amount: discount_percentage }}

        

      {% endif %}
    
    

```

そこで、売り切れでかつ「sold\_out」タグが付いている商品という指定をしたところ、売り切れ表示も出るようになりました。

```css
{% if sold_out %}
      
     
     
    
        {% for tag_product in product.tags %}
             {% if tag_product contains 'coming_soon' %}     
                
                  

coming soon

                

			
             {% elsif tag_product contains 'sold_out' %}
                
                  

{{ 'products.product.sold_out_html' | t }}

                

             {% endif %}
        {% endfor %}
      
         
     
     
      {% elsif on_sale %}
        
  {% capture discount_percentage %}{{ product.compare_at_price | minus: product.price | times: 100 | divided_by: product.compare_at_price |round }}%{% endcapture %}
  

{{ 'products.general.save_html' | t: saved_amount: discount_percentage }}

        

      {% endif %}
    
    

```

ただ、いちいち「sold\_out」タグを付けるのも面倒なので、「coming\_soon」タグが付いていない売り切れ商品には「売り切れ」表示が出るようにしたいのですが、  
何か良い方法はございますでしょうか？

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