SHOP Builder でカスタムページを編集する際は、「カスタムスクリプト」ブロックを使用して任意のテキストを入力できるほか、HTML、CSS、JavaScriptのコードを記述できます。
本記事では、以下の内容について説明します。
⚠️ ご利用前にご確認ください
- SHOP Builder は現在、Ultra Chic、Kingsman、Varm、Philia テンプレートでのみ利用できます。
- SHOP Builder でページを作成した後に、別のストアテンプレートへ切り替えた場合、ページは引き続き表示されますが、編集できなくなり、レイアウトが崩れる可能性があります。ページを公開する前に、表示内容を十分ご確認ください。
１、カスタムスクリプトブロックを追加
STEP 1.
SHOPLINE 管理画面で、「オンラインストアデザイン ＞ オンラインストアページ」に移動し、「カスタムページ／テキストページ」の「編集」をクリックして、編集画面を開きます。
STEP 2.
「＋ブロック」ボタンをクリックします。
STEP 3.
「便利機能」の「カスタムスクリプト」ブロックをクリックします。
STEP 4.
「スクリプト」に任意の内容を入力します。通常のテキストのほか、HTML、CSS、JavaScript のコードを入力できます。
STEP 5.
設定中は画面下部の「保存」をクリックすると、右側のプレビュー画面で追加したカスタムスクリプトを確認できます。また、モバイル版のプレビューへ切り替えて表示を確認することもできます。
右上の「ストアをプレビュー」をクリックすると、ストアフロントでの表示を確認できます。
STEP 6.
設定内容を確認したら、右上の「公開」をクリックします。公開後、顧客はストアフロントでこのページに追加したすべての内容を閲覧できます。
２、注意事項
- システムの安全性やストアの構成への影響を防ぐため、一部の HTML コードは自動的に除外またはブロックされます。
- 内容の表示が崩れないよう、コードは専門知識を持つ方が作成することをおすすめします。
- SHOPLINEでは、コードの作成方法や実装に関するサポートは行っておりません。
編集前に、以下の点をご確認ください。
SHOPLINE では、サービスの改善のため、ストアデザインやシステムを継続的に更新しています。そのため、システムやストアデザインの更新によりカスタムスクリプトに問題が発生した場合、SHOPLINE では責任を負いかねます。ストアやページが正常に表示され、動作するよう、定期的に表示状況をご確認いただき、必要に応じてカスタムスクリプトを更新してください。
関連記事
コメント