【Shopify】プラグインを使わずにメンテナンスページを表示！

Shopifyでメンテナンス表記をするには？

まもなく4月1日より法律で義務化される、ECサイト上の総額表記化であるが、これを行うにあたり、運営しているShopifyのサイトを一時的にメンテナンス表記したいことがある。

そんなときに、Shopifyサイトではメンテナンス表記をどうやって行うか調べてみたが、明確な回答がないように思ったので、僕が実施した方法を共有します。

ちなみに、総額表記変更の方法はこちらの記事で紹介しております！

PRYTHMWORKS

東京スカイツリーのふもとのWebコンテンツ制作会社です。近日Shopifyエキスパート取得！

prythmworks.tokyo

プラグインを使わずにメンテナンス表示をする方法は、これだ！

ずばり、それはパスワードページの表示をオンにすることで実現できます！

https://help.shopify.com/ja/manual/online-store/os/using-themes/change-the-layout/password-page#edit-your-password-page-settings

パスワードページは、Shopifyのショップを開店する前の、そのショップが準備中である旨をお知らせするページである。

管理画面内、

1. オンラインストア > 各種設定
   の中の
   パスワード保護 > パスワードを有効にする
   にチェックを入れる
2. 「ストア訪問者へのメッセージ」に以下のcssを記述する。
   （Shoipifyのテーマによりcssのクラス名が違ってくるので、適宜変更してください。以下はテーマ”Vantage”の例です）

<style>
.password-page__hero { font-size: 22px; }
.password-page__footer{ display: none; }
.input-group{ display: none; }
.password-page__social-sharing{ display: none; }
</style>

これで、パスワードページにデフォルトで入っているメールマガジン登録やSNSシェアなどのメンテナンス表示にふさわしくない余計な表示を消すことができます。

次に、

1. 管理画面から [オンラインストア] > [テーマ] の順に移動
2. 編集するテーマを見つけて、[カスタマイズする] をクリック
3. ページ上部のドロップダウンメニューを開く
4. [パスワードページ] を選択

メニューにパスワードページが表示されない場合は、オンラインストアにパスワード保護を追加する必要があります。

パスワードページのセクションを編集するには、
編集するセクションをクリックします。ほとんどのテーマにはヘッダー、コンテンツ、フッターセクションがある。
セクション設定を変更する。[保存] をクリックします。

パスワードページの見出し文の例

これで、以下のようなメンテナンスページが表示できる！

メンテナンスが終わったらパスワードページの表示のチェックを外すだけです！簡単！

メンテナンス表示のご依頼なら、お気軽にご連絡ください！