商品詳細ページのカートに入れるボタンを浮かせて表示する

2023-01-31 10:50

商品登録画面[説明欄]の記述内容などが多く、商品詳細ページのメインエリア内で[カートに入れる]ボタンが表示されるまでに多くのスクロール(2スクロール分程度)を必要とする場合、ページ下部に[カートに入れる]ボタンを浮かせて表示することができます。

※レスポンシブテンプレート、スマホ版HTML5テンプレートのみ。
※画面の高さに依存するため、ご利用環境(画面サイズ)によっては表示されないケースがございます。表示されない場合は、ブラウザのウィンドウの高さを縮めるか、スマートフォンなどの画面の高さが小さいデバイスでご確認ください。

デザイン管理]→[商品詳細ページ設定]画面を開いてください。
※スマホ版HTML5テンプレートの場合は[スマートフォン]→[商品詳細ページ設定]画面。

右上部の[+全て開く]をクリックし、[カートに入れるボタン]欄で[スクロールで下部に固定する]にチェックを入れて設定してください。

ショップ側の表示

例:レスポンシブテンプレート

商品詳細ページのメインエリア内で[カートに入れる]ボタンが表示されるまでに多くのスクロールを必要とする場合、ページ下部に[カートに入れるボタン]が浮いた状態で表示されます。

スクロールして[カートに入れる]ボタンが表示されるようになる、もしくはメインエリア外までスクロールすると、下部のボタンは自動で非表示になります。