Shopifyでは会員のみが閲覧、買い物が出来る完全会員制のECサイトも簡単に作る事ができます。
サイトのフロントが会員登録・ログインフォームになるよう、アクセスした際に会員登録ページにリダイレクトさせる方法を紹介いたします。
※ストアの表示、動作に関わるコードを触りますので、作業は自己責任で行って下さい。また、作業する前のコードを別のファイルなどに保存しておくことを推奨いたします。
1. カスタマーアカウントを有効にする
管理画面にログイン後、「設定」> 「チェックアウト」をクリック。
「アカウント作成を必要にする」を選択し「保存」ボタンをクリック。
2. liquidコードを追加する
1. 管理画面から「オンラインストア」 > 「アクション」 > 「コードを編集 」をクリック。
2.「Layout」ディレクトリ内の「theme.liquid」を選択。
3. コード内の<head>タグの下に以下のコードを貼り付けます。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% unless customer %}
{% if template contains 'customers' %}
{% assign send_to_login = false %}
{% else %}
{% assign send_to_login = true %}
{% endif %}
{% endunless %}
{% if send_to_login %}
<meta content="0; url=/account/login?checkout_url=/" http-equiv="refresh" />
{% else %}
{% unless customer %} | |
{% if template contains 'customers' %} | |
{% assign send_to_login = false %} | |
{% else %} | |
{% assign send_to_login = true %} | |
{% endif %} | |
{% endunless %} | |
{% if send_to_login %} | |
<meta content="0; url=/account/login?checkout_url=/" http-equiv="refresh" /> | |
{% else %} |
4. </body>タグの下に以下のコードを貼り付けます。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% endif %}
{% endif %} |
5. 保存をクリックします。
以上でリダイレクトの設定完了です。
※テーマによってはログイン画面( https://xxx.myshopify.com/account/login )にログインフォームと会員登録フォームが含まれているスタイルの物もあります。ファーストビューでログインと会員登録どちらのフォームも表示させたい場合は対応したテーマを探すか開発が必要になります。
*元記事はこちら
よくある質問
名前が決まらなかったらどうすれば良いですか?
名前が決まったらどうすれば良いですか?
合法的に使えますが、他社が使っています。どうすれば良いですか?
ドメインはどうすれば良いですか?
SNSのアカウント名が取られています。どうすれば良いですか?
(GO RIDEについて)
横浜とロサンゼルスを拠点とし、Shopifyを用いたECサイト制作、コーポレートサイト制作から、デジタルマーケティングまで一気通貫でサービス提供しています。デジタル領域における日系企業の北米進出支援や米系企業の日本進出支援も行っています 。自社メディアGO RIDE NEWSでは制作からデジタルマーケティングに関する情報を発信しております 。