Shopifyこんにちは、ムネトです。ストアオーナーストアにニュースレター登録のポップアップを作りたいんだけど・・・といった疑問に、お答えします。テーマによってはポップアップ機能が最初から実装されているものもありますが、Dawnにはポップアップ機能がないので、実装して追加します。今回はニュースレターの登録を促すポップアップ表示にしようと思います。今回はテーマ:Dawnバージョン10.0.0を利用します。コードを編集を開き、新しいセクションを追加します。セクション名は任意ですが、今回「popup-newsletter.liquid」と名付けました。新規作成したセクションに下記のコードをコピーします。%}上記がポップアップを表示する部分のコードです。%}"></div>上記のコードの中身を任意で書き換えてください。以下はポップアップの表示をするためのコードです。false);</script>最初の機能要件でお伝えした通り、sessionStorageを利用し該当のページ(今回はTOPページを想定)が表示された3秒後にポップアップを出現させます。schemeの追加schemeを追加します。内容は「newsletter.liquid」で使っているものとほぼ同じ中身です。最後にスタイルを追加します。}}アセットに格納されています。今回この部分には手を加えません。%}スタイル部分の解説は省きます。中身は必要に応じて修正してください。MENTAで相談するカスタマイズでセクションを追加ストアのカスタマイズからTOPページを開き、今回作成したセクション「ポップアップ」を追加します。これにて設定は完了です。任意の場所に検索窓を設置する2022年9月7日Shopify【アプリ不要】Shopifyで特定会員のみがアクセスできる限定ページの作成【2023年最新版】2022年4月3日まとめshopifyテーマDawnにて、ニュースレター登録のポップアップセクションを作成しました。最後までお付き合いいただき、ありがとうございました。この記事が少しでも参考になれば幸いです。Shopifyのストア制作やページの修正のご依頼、Shopifyに関するアドバイスなどのはお気軽にご相談ください。検索プロフィールソケットブログ自称、Shopify制作屋。食品・アパレルを中心にストア制作のサポートをしています。現在は制作会社・CSで受注しながら、2022年から某企業のShopify制作チームにジョインしています。DawnでGlightboxを実装しようこんにちは、ムネトです。自作で画像をポップアップで拡大表示させようと思うと、実装が大変ですよね。[...]ソケットブログ2024年6月20日ShopifyShopify【簡単!アプリなし】shopify利用規約のチェックボックスを商品ページに設置しようこんにちは。方法を解説していきます。Flowアプリで顧客タグを付与するこんにちは、ムネトです。方法を解説していきます。Flowアプリについて深掘りします。