# 「購入ボタン」に対して公開予定の日時を設定したい

**URL:** <https://community.shopify.com/t/topic/41833>\
**Category:** 技術的なQ＆A\
**Created:** [April 3, 2021, 1:15pm UTC](https://community.shopify.com/t/topic/41833 "2021-04-03T13:15:06Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Shopify Liteの購入ボタンをWordPress上に埋め込み、指定日時までは非活性表示、公開時刻以降に購入可能へ切り替えたいという相談です。想定運用は「○日○時にカートOPEN」と事前告知して販売開始する形でした。

回答では、少なくとも管理画面の標準機能として購入ボタン単体に公開予定日時を設定する機能は見当たらず、Shopify側の機能ではなく設置先のページ側で制御する案が示されました。

- PHPやJavaScriptで、指定日時に告知用コンテンツと購入ボタンを差し替える
- 必要に応じてBuyButton.js（Shopifyの購入ボタン用JavaScriptライブラリ）の資料も確認する

最終的に、質問者は「デフォルト機能では実装不可」と理解し、WordPress側で日時制御を行う方向で対応する意向を示しています。議論は実装方法の詳細までは進まず、方針確認で実質的に収束しています。

<div class="post-metadata">

**Author:** ![AcornGirl](https://avatars.discourse-cdn.com/v4/letter/a/59ef9b/32.png) [@AcornGirl](https://community.shopify.com/u/AcornGirl)\
**Post date:** [April 3, 2021, 1:15pm UTC](https://community.shopify.com/t/topic/41833/1 "2021-04-03T13:15:06Z")

</div>

こんにちは。

表題の質問・相談がありまして投稿させていただきました。

常時販売ではなく、事前に顧客に対して「●日●時にカートOPENします」と告知の上、指定時刻に販売を開始するスタイルです。

Shopify Liteを利用。  
ボタンを掲載するウェブサイトはWordPressで制作。

そのため「購入ボタン」に対して公開予定の日時を設定したいです。  
理想のイメージは、ページに埋め込んだ商品のボタンが、公開日時になるまで非活性状態（「売り切れ」表示など）  
公開時間になったら（正確にはページのリロードが必要とは思いますが）アクティブになる、といった具合です。

公開予定設定ができるのはストアに対してのみであり、購入ボタンには使えないでしょうか。

不可能な場合はボタンを埋め込むページに対して、WordPress側で予約公開設定する方法を考えております。

設定の可否ないしご助言などご教示いただけたら幸いです。

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

---

<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 3, 2021, 4:12pm UTC](https://community.shopify.com/t/topic/41833/2 "2021-04-03T16:12:30Z")

</div>

あくまで一例ですが、Shopifyの機能ではなく以下の方法で対応できるかと思います。

- PHPやJSを使って、指定した日時に販売を告知するコンテンツと購入ボタンを差し替える

具体的なコードは記載しかねますが、検索していただければ日時指定絡みのサンプルはいくつか見つかると思いますので、その辺りが参考になると思います。

なおBuyButton.jsのドキュメントは調べていませんので、もしも以下にこの件を解決できる方法が載っていましたら申し訳ありません。

[https://shopify.github.io/buy-button-js/](https://shopify.github.io/buy-button-js/)

---

<div class="post-metadata">

**Author:** ![AcornGirl](https://avatars.discourse-cdn.com/v4/letter/a/59ef9b/32.png) [@AcornGirl](https://community.shopify.com/u/AcornGirl)\
**Post date:** [April 4, 2021, 7:40am UTC](https://community.shopify.com/t/topic/41833/3 "2021-04-04T07:40:48Z")

</div>

大変ご丁寧に、ありがとうございます！

承知しました。

少なくとも、管理画面から操作できるようなデフォルト機能では実装不可と理解いたしました。

そうですね。やはり、ボタンを設置するコンテンツ側で設定するのが良さそうですね。

おっしゃる方法で対応してみようと思います。

助かりました。ありがとうございます。
