任意の箇所にウィジェットを表示する
概要
初期のウィジェット表示位置を変更する方法についてご説明します。
はじめに、下記を参考にテーマコード編集画面を開いて下さい
スニペットの設定手順
1. Dashboard の 2. コードスニペットを挿入する の項目よりスニペットをコピーします。
2. 挿入したいページのテンプレートを開きます ※ テンプレートの探し方は次の項目を参照ください
3. スニペットを貼り付けます
テンプレートの探し方
Debutテーマを例に、ウィジェットの表示箇所を変更するためのスニペット挿入箇所の見つけ方についてご説明します。
1. はじめにサイドバーからTemplates > cart.liquid を開きます
https://gyazo.com/623bd16904e905c4f0c9bc83779ae8d7
2. {% section cart-template.liquid %} でテンプレートが読み込まれていますので Section > cart-template.liquid を探します。初期状態では </form> のすぐ上、画像で示した位置に自動でスニペット挿入されます。
https://gyazo.com/5278536848e4366d478b2d674175b3d8
3. お好きな位置に スニペットを貼り付けることで表示箇所が変更できます。
また、カート画面でも同様の手順で表示箇所を変更できます。
Templates > product.liquid
Section > product-template.liquid
とテンプレートを見つけたら任意の箇所にスニペットを貼り付けて下さい。
https://gyazo.com/4fbb725653ae8ccaf8a960f52299c69a
このように表示できれば完了です。
注意
テーマによっては product-template.liquid が読み込まれておらず product.liquid に 書かれていることがあります。
挿入位置によってはフォームが崩れてしまう場合がございます。位置を調整のうえご利用ください。
ウィジェットは一箇所にしか表示できません。複数スニペットを挿入しても動作しません。
ドロワーメニューやサイドバー、モーダル等ではウィジェットが表示できない場合がございますご了承ください。