縦スクロールが長い商品ページで、スマホの下部にずっと購入ボタンを表示させておきたいです。
できる方法は、ありますか?
縦に長い商品ページで、スマホ閲覧時に画面下部へ購入ボタンを常時表示したいという要望。
提案1: CSSでモバイル時のみposition: stickyを用いて下部に固定表示。参考記事のURLが提示されている。
提案2: Shopifyアプリ「Sticky Add To Cart & Buy Bar」を利用して実現する案。モバイルとデスクトップの出し分け可否は未検証のため、開発者への確認が推奨。
現時点で実装や検証結果の報告はなく、解決は未確定。次のアクションは、要件に合うかをアプリ開発者に問い合わせること。
重要情報は参照リンクで、画像やコード添付はなし。
縦スクロールが長い商品ページで、スマホの下部にずっと購入ボタンを表示させておきたいです。
できる方法は、ありますか?
Rieomさま
CSSでスマホの時のみposition:sticky;で画面の下部に固定して表示するか、
参考記事:https://www.asobou.co.jp/blog/web/css-sticky
もしくは、下記のようなアプリの使用で実現可能かと存じます。
https://apps.shopify.com/sticky-add-to-cart-buy-bar?locale=ja
アプリに関しては、スマホとデスクトップで出しわけができるか当方では未検証のため、アプリ開発者にご確認いただけますと幸いです。
参考になりましたら幸いです。
また、お困りのことがございましたら是非ご質問くださいませ。
株式会社フルバランス 渡邉