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

Shopify
Shopify

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

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

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

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

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

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


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. [パスワードページ] を選択

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

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

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

ただいまメンテナンス中です。
現在、メンテナンスを行っております。
大変ご不便をおかけいたします。
恐れ入りますが、メンテナンス終了後にアクセスしていただきますよう、お願いいたします。

メンテナンス実施日時
2021年03月9日(火)12:00~15:00
※作業の状況により終了時間が前後することがございます。

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

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

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


    Webサイト制作を依頼したい方へ

    PRYTHM WORKS(プリズムワークス)は、東京都墨田区、東京スカイツリーのふもとにあるWebコンテンツ制作事務所です。

    華々しいおしゃれなECサイトをはじめ、アンダーグラウンドな案件まで幅広くご依頼をいただき、どんな案件でも真心・丁寧・楽しくを理念に掲げて制作しております!

    作りたいサービスはあるけど、まずは費用感が知りたい!という方も、まずはお問い合わせください!

    mail@prytymworks.tokyo

    PRYTHM WORKSが手掛ける仕事の一部をご紹介します。

    制作のご依頼者様用 費用かんたんお見積もりフォーム

    おそらく本記事を読まれるのは、制作の現場の、法人またはフリーの、プロデューサーの方、ディレクターの方、エンジニアの方がほとんどかと存じます。
    いつもおつかれさまです!そして本記事をお読みいただきありがとうございます。
    紹介した記事の内容について、またはその他制作のご依頼について、以下のフォームより簡易お見積もりができます!
    試算だけならフォーム送信しなくてもできますので、ぜひ試しにいかがでしょう?

    お仕事をご希望の制作者様用 お問合せフォーム

    また、まずはライトなご相談から…ということであれば、こちらのコンタクトフォームからお気軽にどうぞ!ご縁を大切にしてご返信いたします!

      ShopifyでのECサイト制作を行うならPRYTHMWORKS(プリズムワークス)へ

      ShopifyでのECサイト制作を外注しようとお考えの方は、PRYTHMWORKS(プリズムワークス)にご依頼ください。高品質なWebサイト制作で、お客様のビジネス成長を支援する会社です。Shopifyを使ったECサイト制作に力を入れており、売上向上に貢献するECサイト構築を代行いたします。豊富な経験と実績にもとづき、お客様のニーズに最適なECサイトを構築しますので、費用相場や制作事例など、気になることがございましたらお気軽にお問い合わせください。移行のご相談も承っております。

      社名合同会社PRYTHMWORKS
      事業内容EC/Webサイトの構築、管理保守
      CEO吉川直人
      法人事務所所在地〒150-0001
      東京都渋谷区神宮前六丁目23番4号桑野ビル2階
      設立日2023年(令和5年)7月3日
      沿革2020年(令和2年)10月
      個人事業主PRYTHMWORKS事業開始
      2023年(令和5年)7月
      合同会社PRYTHMWORKS設立

      会社に関するご連絡は以下よりお願いいたします。

      mail@prytymworks.tokyo


      お問い合わせ用LINEはこちらからどうぞ!

      お問い合わせ用LINEはこちらからどうぞ!

      LINE

      GoogleMeetの相談予約が可能になりました!

      以下の空いている日からサクッとGoogleMeet(ビデオ通話)の予約をどうぞ!

      タイトルとURLをコピーしました