# 商品ページ内で購入ボタンへ戻るボタンを追従させる方法

**URL:** <https://community.shopify.com/t/topic/304013>\
**Category:** 技術的なQ＆A\
**Created:** [March 10, 2024, 5:36am UTC](https://community.shopify.com/t/topic/304013 "2024-03-10T05:36:40Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

商品ページで「カートへ追加」ボタンまでスクロールして戻るための追従ボタンを実装する方法についての質問。使用テーマはDawn。

**提案された解決策:**
- HTML/CSS/JavaScriptの知識を使ったコード実装が一般的
- 参考コード掲載ページ(netshop7.com)が紹介された
- 複数のShopifyアプリが提案された:
  - Sticky Cart by Uplinkly
  - Add to Cart Sticky Bar
  - シンプル追従カート|追従購入ボタン(UnReact社)

**質問者の対応:**
質問者は提案を参考に、コードを試しながら検討していく意向を示した。個人でのエンジニアリングは難しいため、無料または低コストのアプリやコード編集での解決を希望している。

**追加情報:**
UnReact社の福本氏が、今後の閲覧者向けに自社アプリを紹介。バリエーションや数量選択にも対応し、ノーコードで導入可能と説明。

<div class="post-metadata">

**Author:** ![uppervalley](https://avatars.discourse-cdn.com/v4/letter/u/9dc877/32.png) [@uppervalley](https://community.shopify.com/u/uppervalley)\
**Post date:** [March 10, 2024, 5:36am UTC](https://community.shopify.com/t/topic/304013/1 "2024-03-10T05:36:40Z")

</div>

商品ページ内で、カートへ追加ボタンにスクロールして戻るためのボタンを追従して表示させる方法はないでしょうか？

他社のテンプレートで恐縮ですが、[イメージはこちら](https://blocksample.shop-pro.jp/?pid=156036471)

使用テーマはDawnです。

当方は個人でエンジニアではないため、できれば無料or低コストアプリか初歩的なコード編集で解決したいと考えています。

カート追加ボタンを固定表示するアプリも視野に入れていますが、ちょっと思うところがありまずは今回お伺いした戻るボタン追従を検討してみたいと思います。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [March 11, 2024, 9:07am UTC](https://community.shopify.com/t/topic/304013/2 "2024-03-11T09:07:08Z")

</div>

Uppervalley様

ご質問を確認いたしました。

こちらコード実装することが一般的ですが、html,css,javscriptの知識が必要になりますので、

簡単なコードが載っているページと、アプリをご共有いたします。

コードが載っているページ

[https://www.netshop7.com/blog2/cart-back/](https://www.netshop7.com/blog2/cart-back/)

アプリ

[https://apps.shopify.com/sticky-cart-by-uplinkly?locale=ja](https://apps.shopify.com/sticky-cart-by-uplinkly?locale=ja)

[https://apps.shopify.com/sticky-add-to-cart-bar?locale=ja](https://apps.shopify.com/sticky-add-to-cart-bar?locale=ja)

ご参考までに。

私たちの励みにもなりますので、  
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス

---

<div class="post-metadata">

**Author:** ![uppervalley](https://avatars.discourse-cdn.com/v4/letter/u/9dc877/32.png) [@uppervalley](https://community.shopify.com/u/uppervalley)\
**Post date:** [March 12, 2024, 2:49am UTC](https://community.shopify.com/t/topic/304013/3 "2024-03-12T02:49:45Z")

</div>

ご丁寧にありがとうございます。

やはりコードの知識が必要になるのですね。

試しにやってみながら検討していきたいと思います。

コード、アプリとも参考にさせていただきます。

また不明点がありましたら教えていただけますとありがたいです。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![TaichiFukumoto](https://avatars.discourse-cdn.com/v4/letter/t/9de053/32.png) [@TaichiFukumoto](https://community.shopify.com/u/TaichiFukumoto)\
**Post date:** [August 7, 2024, 3:00am UTC](https://community.shopify.com/t/topic/304013/4 "2024-08-07T03:00:46Z")

</div>

はじめまして

株式会社UnReactの福本と申します。

既に解決済みではございますが、今後このスレッドをご覧になる方々に向けて、弊社のアプリ「[シンプル追従カート｜追従購入ボタン（Buy Button）](https://apps.shopify.com/sa-023-ur-sticky-cart-app?locale=ja)」も有効な解決策の一つとしてご紹介させていただきます。

 ![sa-023-ur-sticky-cart-app_feature-media.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/4/f/4/4f46604649bcbeda41e3b71c9232ee09ce779991.png)

「[シンプル追従カート｜追従購入ボタン（Buy Button）](https://apps.shopify.com/sa-023-ur-sticky-cart-app?locale=ja)」は、Shopify ストアにノーコードで追従カートを導入できるアプリです。質問とは少々ずれますが、カートに追加ボタンを追従させることができるので、より顧客のユーザビリティを高めることができます。また、バリエーションや数量の選択にも対応しております。

詳細な使い方に関しては、以下のご利用ガイドをご覧ください。

[Shopifyストアに追従カート・追従購入ボタンを追加するアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-023-ur-sticky-cart-app/guide)

その他にも 45 個の Shopify アプリを開発しているので、ストア運用の際に参考にして頂ければ幸いです。

[参考アプリ一覧](https://apps.shopify.com/partners/unreact5?locale=ja)
