Bannersとは、shopifyで商品に簡単にバッジやバナーを付けることができるアプリです。料金は下記のようになっています。月額約1900円から始められます。14日間の無料体験期間もあるのでまずは試してみるのも良いですね。自動で広告などプロモーションを設定3つまで1つの商品にバナーを付けることが可能バナーやバッジを付ける期間を設定GROWプラン($49)BOOSTプランの機能さらなる自動化サポート6つまで1つの商品にバナーを付けることが可能JavascriptAPIを使用可能バッジやバナーを付けたいだけなら一番安いプランでも十分使えそうです!自動でいろいろしたいのであればBOOSTプラン以上をオススメします。今回はBOOSTプランで試してみました。scheduling.また、アプリのインストール方法については下記記事にまとめているので参考にしてみてください。...続きを見るアプリをインストールするとプランの選択ができるので利用したいプランを選んでください。(プランは後から変更可能です)バッジの登録、表示バッジ追加まずはバッジを表示してみます。プラン設定が終わると下記画面に移動します。ここでバッジを選択可能です。続いてスタイルを選びます細かい設定をしていきます。この場面でオリジナルのものを作成できそうです。Conditionsの部分でどの商品、コレクションにそのバッジを付けるか選択できます。今回は一つの商品につけてみました。表示させたい部分に下記コードを埋め込みます。%}Shopifyの公式テーマであれば下記サイトに、このようなリストがあり、それぞれの入れる場所が詳しく書かれているのでそちらを参考にしてみてください。I」を押すと下記のような検証画面が出てきます。そこから、入れたい場所(今回はタイトルの下)を探してください。その後、管理画面の「オンラインショップ」▶「テーマ」▶「アクション」▶「コードを編集」を選択し、コードを入れてください。templatesフォルダの[product.liquid」,sectionsフォルダの「product-template.liquid」らへんにあると思いますついでに他の設定もしましょう。layoutフォルダのtheme.liquidに下の画像のようなコードを入れてください。続いて複数表示をしてみましょう。これはBOOSTプラン以上であれば可能です。%}を下記コードに変更してください。2の部分でいくつまで表示させるか設定できます。下記サイトにレイアウトの変更方法も書かれています。横並びにしたり、幅を広げることが可能です。https://burstcommerce.com/docs/flair/layouts/バナーの登録、表示バナーの登録をしてみます。アプリの一番上「Banners」をクリックしてください。同じような選択画面が出てきました。Conditionsに「本棚」コレクションををセットしました。本棚ページに表示されました。次は全画面にバナーを表示してみます。下の画像のようにConditionsには何も選択しません。URLに本棚コレクションへのURLを貼ります。することで本棚ページに促すことができますうまく表示できました!スケジュール機能の追加(BOOST以上)バッジやバナーを出す期間を設定できます。作成画面の時にカレンダーマークを押すとこのように出てきます。ここで開始時刻と終了時刻を設定できます。「クリスマスが過ぎたのにクリスマスセールがまだ表示されている」という失態がなくなります!サービス今回の説明でコードを入れるところがなかなか複雑だったと思います。Bannersの解説をしました。コメントをキャンセルメールアドレスが公開されることはありません。