
商品を画面の下に浮かせて表示し、グループは横にスワイプして見せられます
訪問者が下へスクロールしても見せ続けたい商品や、1列でざっと見てほしい商品のまとまりはありませんか。これからは商品を1つ画面の下のボタンとして浮かせて表示し、グループ内の商品を横にスワイプして見せられます。商品を押したときの動きと区切り線の形も、選べるものが増えました。
どんな機能ですか
- 画面の下に浮かせて表示: 選んだ商品が、公開ページの画面の下にボタンとして表示されます。訪問者がスクロールしてもその場所にあり、押すとその商品を押したときとまったく同じように開きます。ボタンには商品のタイトルが表示され、浮かせて表示できるのはページごとに1つです。
- 横にスワイプして見せる: グループ内の商品が写真・名前・価格つきで1列に並び、訪問者は横にスワイプして見られます。価格と割引率は、リストの商品カードと同じように表示されます。マウスを使うパソコンでは、グループ名の右にある矢印でも移動できます。
- タップ時の動き: 訪問者が商品を押したりマウスを重ねたりしたときの動きを、押し込み・浮き上がり・バウンドから選べます。標準はこれまでどおり、マウスを重ねると少し浮きます。ページ全体にまとめて適用されます。
- 区切り線の新しい形: 区切り線の線のスタイルに3つの点・ジグザグ・余白のみが加わりました。余白のみは線を引かずに間隔だけを空けます。
使い方
- ダッシュボードのページでページを開き、商品タブに移動します。
- 浮かせて表示したい商品の編集を押し、画面の下に浮かせて表示をオンにして保存を押します。リンク商品だけにあるオプションです。
- 横にスワイプする列を新しく作るときは、商品を追加で商品の種類を商品の列(横にスワイプ)にします。すでにあるグループは、グループの編集で横にスワイプして見せるをオンにして保存を押します。
- 区切り線は、区切り線の編集で線のスタイルを選んで保存を押します。
- タップ時の動きは、デザインタブの商品の表示でタップ時の動きを選びます。
ご注意ください
- 画面の下に浮かせて表示・横にスワイプして見せる・区切り線の新しい形は、すべてのプランで使えます。タップ時の動きはベーシックプランからです。
- 別の商品で画面の下に浮かせて表示をオンにすると、先にオンにしていた商品は自動でオフになります。
- 非公開・予約公開の前・売り切れで自動非表示になった商品と、非表示にする時刻を過ぎた商品は、ボタンも表示されません。レシピを開いた画面では買い物バーがその場所を使うため、ボタンは出ません。
- グループ内の商品とレシピ内の商品は浮かせて表示できません。浮かせて表示した商品をグループに入れたり別のページへ移動したりすると、浮かせて表示はオフになります。
- 横にスワイプするグループは折りたたまず、いつも開いた状態です。材料リストとして表示したグループと、レシピの調理道具のまとまりでは使えません。
- 端末で「動きを減らす」をオンにしている訪問者には、タップ時の動きは表示されません。
- 浮かせて表示したボタンや横にスワイプするカードを押しても、その商品のクリック数として同じように集計されます。
ご不明な点は、ダッシュボード右下のチャットでお問い合わせください。