# メタフィールドを活用して発売日時設定についてのコード編集につて

**URL:** <https://community.shopify.com/t/topic/241380>\
**Category:** 技術的なQ＆A\
**Tags:** html\
**Created:** [August 16, 2023, 7:42am UTC](https://community.shopify.com/t/topic/241380 "2023-08-16T07:42:39Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

商品の発売日時をメタフィールドで管理し、「カートに追加」ボタンの表示/非表示を制御するコード編集について質問が寄せられています。

**主な問題点：**
- 質問者は複数ブランドのサイトを運営しており、8月に新規立ち上げたサイトで同様の設定を試みているが、編集すべきコードが見つからない
- 別ブランドで完成したコードをコピペすると、在庫があるのに「Sold out」表示になるバグが発生
- テーマはDawnを使用

**回答内容：**
- Dawn 11.0.0の場合、該当コードは「スニペット > buy_buttons.liquid」にある
- メタフィールドの発売日時と現在日時を比較して、ボタンの表示/非表示を制御する実装例が提示された
- 最近のDawnバージョンでは、商品詳細ページでのバリエーション変更時にJavaScriptによるページレンダリングが行われるため、単純なコード変更では正しく動作しない可能性がある

**現状：**
質問者から具体的なコードの開示がないため、詳細な回答が難しい状況。プライベートメッセージでの相談が提案されています。

<div class="post-metadata">

**Author:** ![mkmkolinksmkmk](https://avatars.discourse-cdn.com/v4/letter/m/a5b964/32.png) [@mkmkolinksmkmk](https://community.shopify.com/u/mkmkolinksmkmk)\
**Post date:** [August 16, 2023, 7:42am UTC](https://community.shopify.com/t/topic/241380/1 "2023-08-16T07:42:39Z")

</div>

メタフィールドを活用して発売日の設定をしたいです。  
今までいくつかのブランドのサイトを運営しており、その都度設定をしてきまして、また8月に新しくWEBを立ち上げました。その際同じようにコード編集まで進めているのですが、書き換えるコードが見つかりません。どのサイトで調べてもコードの編集は同じコードになっており、ただただ見つからずその先に進められません。

\<button type=“submit” name="add"～ のコードがどうしても見つけられません。  
なぜでしょうか。。。

テーマはDawnです。別ブランドでも同じテーマを利用しており、設定が出来ております。  
ちなみに、別ブランドで完成したコードをそのままコピペするとへんなことになりますか？

何度やっても分からず、ご教授いただけたらと思います。

宜しくお願い致します。

---

<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:** [August 23, 2023, 8:30am UTC](https://community.shopify.com/t/topic/241380/2 "2023-08-23T08:30:00Z")

</div>

@mkmkolinksmkmk 様

Dawnのバージョンにもよると思いますが、

11.0.0の場合は、

スニペット \> buy\_buttons.liquidにあるようです。

```markup

> ちなみに、別ブランドで完成したコードをそのままコピペするとへんなことになりますか？

どういったコードなのかが分からないので回答が難しいのですが、

比較的最近のDawnのバージョンでは、商品詳細ページでバリエーションを変更した際の挙動が、ページ遷移ではなく、JavaScriptによるページレンダリングに変わっており、その影響でうまく動かない可能性はあります。

実際に埋め込んでみて、お試しいただくのが良いかと思います。

ご参考まで。

(キュー田辺)
```

---

<div class="post-metadata">

**Author:** ![mkmkolinksmkmk](https://avatars.discourse-cdn.com/v4/letter/m/a5b964/32.png) [@mkmkolinksmkmk](https://community.shopify.com/u/mkmkolinksmkmk)\
**Post date:** [August 23, 2023, 1:14pm UTC](https://community.shopify.com/t/topic/241380/3 "2023-08-23T13:14:27Z")

</div>

キュー田辺 様

返信、どうもありがとうございます！！  
ご提示いただいたコードの部分を、日時指定のメタフィールドで変更するコードに書き換えたらOKでしょうか？

販売前に別ブランドのコードをコピペするとやはりバグが生じ、在庫があるにも関わらずSold outになって商品を購入出来なかったとお客様より報告を受け、すぐにコードを戻しました。

試してみて分かったこともありますので、よかったです。

再度お手数ですが初心者なもので、ご教授お願いしたいです。

宜しくお願い致します。

---

<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:** [August 24, 2023, 2:09am UTC](https://community.shopify.com/t/topic/241380/4 "2023-08-24T02:09:17Z")

</div>

@mkmkolinksmkmk 様

> ご提示いただいたコードの部分を、日時指定のメタフィールドで変更するコードに書き換えたらOKでしょうか？

メタフィールドで管理している日時情報を参照して、「カートに追加」ボタンの表示/非表示を下記のように制御しているということでしょうか？

例:

```markup
{% if {メタフィールドで管理している発売日時} < {現在日時} %}
          
        {% endif %}

```

もしこうされている場合は、最初にお伝えしたことの繰り返しになってしまいますが、発売日前に、商品詳細ページでバリエーションを切り替えた時に、「カートに追加する」を非表示にし続けることができるかが怪しいですが、それ以外はこれでうまくいくのではないかと思います。

(「今すぐ購入」ボタンは常に非表示にしていることを前提としています。)

> 在庫があるにも関わらずSold outになって商品を購入出来なかったとお客様より報告を受け

上記のように実装している場合、Sold Outになるのは実装とは別の問題のように思いますが、どういったコードを貼られたのかが分からないので回答は難しいです。

コードを開示いただければもう少し具体的な回答ができるかもしれませんが、

この場での開示が難しければプライベートメッセージを頂戴いだければ幸甚です。

(キュー田辺)