【Shopify】商品ページでスクロールするとカート追加ボタンが追従してくる方法

Shopifyの商品ページで説明文とかが長くなってしまうと、カートボタンが画面上から消えてしまい、購入したいと思っても上までスクロールしないと購入できない。。。

楽天市場みたいにスクロールしても常についてくるカート追加ボタンの実装してみようかなぁと思ったんですが、こちらのコードをコピペで出来たので簡単に設置できました!

しかも、上部のカートボタンがちょうど見えなくなりそうなところで、ふんわり現れてくれるので、ページトップで邪魔にならないのが◎ですね。

Dawn対象なので、他のテーマだと多少CSS触らないといけないと思います。

 

 

私はこのスキルを身につけて不労所得を得ています

【Web開発初心者向け!】Web開発入門完全攻略 充実の18時間コース

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

HTML/CSSだけで自動収益化 1万円達成

関連記事

[Shopify]Appアンインストール時のワナ

Shopify商品ページのテンプレートカスタマイズ方法

[Shopify]購入率が上がった商品ページのカスタマイズ

Pythonで未来予測 JupiterLabでProphetのライブラリエラー解...

[Flutter]Providerを使ってみる

[flutter]実機でデバッグする方法

[Flutter]シンプルな折れ線グラフ