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

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

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

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

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

 

 

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

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

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

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

関連記事

[Shopify]サイト内検索で顧客行動を分析(準備編)

Progate(プロゲート)完了したら何したらいい?

[Flutter]縦棒&横棒グラフ(チャート)

Shopifyで複数モーダルを作る方法

[Flutter]実機でデバッグしてみる(Android編)

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