# 商品タグに応じて「カートに入れる」ボタンの文字を変更したい

**URL:** <https://community.shopify.com/t/topic/254774>\
**Category:** 技術的なQ＆A\
**Created:** [September 29, 2023, 4:18am UTC](https://community.shopify.com/t/topic/254774 "2023-09-29T04:18:23Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

商品タグ「Pre Order」が付いた商品だけ、商品ページの「カートに入れる」ボタン文言を「予約購入」に बदलえる方法が議論された。希望する表示条件は、在庫あり＝「カートに入れる」、在庫あり＋タグあり＝「予約購入」、在庫なし＝「Sold Out」。

主な提案は次のとおり。
- テーマの `product-buy-buttons.liquid` で Liquid 条件分岐を追加し、`product.tags contains "Pre Order"` と `current_variant.available` を見て文言を出し分ける。
- ただし、この方法は「複数バリエーション商品では、バリエーション切替時に文言が正しく連動しない可能性が高い」という注意が出ている。
- Shopify標準機能だけで商品タグに応じた自動切替はできず、テーマ編集が前提という見解も示された。

代替案として、アプリ利用（K1 PreOrder）や、メタフィールドで商品ごとにボタン名・動作を管理する案も出た。現時点では確定した単一の解決策には至っておらず、テーマ側の実装可否や、必要ならテーマベンダーへの確認が推奨されている。

<div class="post-metadata">

**Author:** ![akiyo](https://avatars.discourse-cdn.com/v4/letter/a/5f9b8f/32.png) [@akiyo](https://community.shopify.com/u/akiyo)\
**Post date:** [September 29, 2023, 4:18am UTC](https://community.shopify.com/t/topic/254774/1 "2023-09-29T04:18:23Z")

</div>

商品ページにおいて、特定の商品タグを持った商品の「カートに入れる」ボタンの文字を変更したいと考えています。

在庫がある場合…

「カートに入れる」

在庫があり、商品タグに「Pre Order」が含まれる場合…

「予約購入」

在庫がない場合…

「Sold Out」

というように表示させたいと思います。使用しているテーマはLorenza、以下のコードはproduct-buy-buttons.liquidの一部です。

```css

  

    
  

  

    
    

      
    

    {%- if product.selling_plan_groups.size == 0 -%}
      {% if show_dynamic_checkout and current_variant.available %}
        {{ form | payment_button }}
      {% endif %}
    {%- endif -%}
  

```

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [October 2, 2023, 10:47am UTC](https://community.shopify.com/t/topic/254774/2 "2023-10-02T10:47:16Z")

</div>

@akiyo 様

前提条件として、

複数のバリエーションを持つ商品を登録されていない場合に限り、

下記のコードはうまく動作するかと思います。

1つの商品が複数のバリエーションを持つ場合は、

バリエーションを商品詳細ページ上で変更してもうまく「カートに入れる」ボタンの文言が変化しない可能性が高いです。

記載いただいた下記のコードを、

```markup

          {% unless current_variant.available %}
            {{ 'products.product.sold_out' | t }}
          {% else %}
            {{ 'products.product.add_to_cart' | t }}
          {% endunless %}
        

```

下記のように変更してみてはどうでしょうか？

```markup

          {% unless current_variant.available %}
            {{ 'products.product.sold_out' | t }}
          {% else %}
            {% if product.tags contains "Pre Order" %}
              予約購入
            {% else %}
              {{ 'products.product.add_to_cart' | t }}
            {% endif %}
          {% endunless %}
        

```

有料のテーマなので動作検証もできておりませんし、

前述の通り、バリエーションを複数持つ商品の場合、おそらくバリエーション切り替えにうまく対応できないですが、

参考になれば幸いです。

なお、ベンダーにご相談いただくのが一番間違いないので、

もしまだ試していらっしゃらないようなら、

お問い合わせいただくと良いかもしれません。

(キュー田辺)

---

<div class="post-metadata">

**Author:** ![Yauheni\_K1\_PreOrder](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/yauheni_k1_preorder/32/385044_2.png) [@Yauheni\_K1\_PreOrder](https://community.shopify.com/u/Yauheni_K1_PreOrder)\
**Post date:** [January 14, 2026, 2:55pm UTC](https://community.shopify.com/t/topic/254774/3 "2026-01-14T14:55:33Z")

</div>

Hey,

残念ながら、Shopify には商品タグに応じて「カートに入れる」ボタンの文言を自動で「予約購入」に切り替えるための標準設定はありません。対応するには、Lorenza のテーマコードを編集する必要があります。

手順は **Online Store → Themes → Edit code** から、`product-buy-buttons.liquid` を探してください。そのうえで、Liquid の条件分岐を追加し、`product.tags` に “Pre Order” が含まれているかどうか、そして `current_variant.available` の状態を確認して、状況に応じてボタンの文言を出し分けます。参考：  
[https://help.shopify.com/en/manual/online-store/themes/customizing-themes](https://help.shopify.com/en/manual/online-store/themes/customizing-themes)

この方法はテーマ編集が必要で、テーマの更新があるたびにメンテナンスが発生する可能性があります。

別の方法として、K1 PreOrder を使うと自動化できます（私は K1 PreOrder の創業者です）。ボタンの自動置き換え、日本語テキスト（「予約購入」）の自由なカスタマイズ、在庫状況（在庫あり／在庫なし）に応じた表示切り替えを、商品タグを条件にして smart collections 経由で実現できます。該当する場合はこちら：

> **[K1 Pre Order Now PreOrder App - K1 Pre Order App: new preorder now app for...](https://apps.shopify.com/k1-pre-order-manager)**
>
> K1 PreOrder Manager Shopify App enables pre-orders for out-of-stock or upcoming products with customizable buttons, messages, and limits.

必要であれば、テーマ側のカスタマイズ実装もサポートできます。

---

<div class="post-metadata">

**Author:** ![Xrtotech](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/xrtotech/32/373205_2.png) [@Xrtotech](https://community.shopify.com/u/Xrtotech)\
**Post date:** [January 20, 2026, 7:28am UTC](https://community.shopify.com/t/topic/254774/4 "2026-01-20T07:28:00Z")

</div>

これには、メタ フィールドを使用して各製品のボタン名とボタン アクションを一致させることが含まれ、これを実現するには製品情報ページのコードを変更する必要があります。