商品詳細ページのカートに入れるボタンを浮かせて表示する
商品登録画面[説明欄]の記述内容などが多く、商品詳細ページのメインエリア内で[カートに入れる]ボタンが表示されるまでに多くのスクロール(2スクロール分程度)を必要とする場合、ページ下部に[カートに入れる]ボタンを浮かせて表示することができます。
※レスポンシブテンプレート、スマホ版HTML5テンプレートのみ。
※画面の高さに依存するため、ご利用環境(画面サイズ)によっては表示されないケースがございます。表示されない場合は、ブラウザのウィンドウの高さを縮めるか、スマートフォンなどの画面の高さが小さいデバイスでご確認ください。
[デザイン管理]→[商品詳細ページ設定]画面を開いてください。
※スマホ版HTML5テンプレートの場合は[スマートフォン]→[商品詳細ページ設定]画面。
右上部の[+全て開く]をクリックし、[カートに入れるボタン]欄で[スクロールで下部に固定する]にチェックを入れて設定してください。
![](/img/faq/new/cartbtnfixed01.jpg)
![](images/next.gif)
![](/img/faq/new/cartbtnfixed02.jpg)
ショップ側の表示
例:レスポンシブテンプレート
商品詳細ページのメインエリア内で[カートに入れる]ボタンが表示されるまでに多くのスクロールを必要とする場合、ページ下部に[カートに入れるボタン]が浮いた状態で表示されます。
![](/img/faq/new/cartbtnfixed03.jpg)
![](images/next.gif)
スクロールして[カートに入れる]ボタンが表示されるようになる、もしくはメインエリア外までスクロールすると、下部のボタンは自動で非表示になります。
![](/img/faq/new/cartbtnfixed04.jpg)