I want to add a sticky add to cart button on my product page and I want it to appear on both desktop and mobile after customers scroll past the “Buy it Now” button. I want the background, font and button color to be the same as the one I used in my product page. I want to have the name of the product, the quantity selection as well as the buy it now button for the sticky add to cart. Can anyone help me with it or is it too complicated and only an add-on app can do it? If yes, I will appreciate if anyone can suggest a good choice for app. Thank you very much.
Topic summary
A user seeks to add a sticky add-to-cart button to their Dawn theme v14 product page that appears after scrolling past the “Buy it Now” button on both desktop and mobile. The sticky bar should include the product name, quantity selector, and buy button, matching the existing page styling.
Responses indicate:
- Dawn theme lacks this feature by default and requires custom coding or a developer
- Multiple app recommendations were provided as alternatives to custom development
- One response includes a YouTube tutorial link for implementing the feature
- Several app developers promoted their solutions, with one (SEOAnt) providing detailed screenshots showing customization options for colors, fonts, and layout
Status: The question remains open with no confirmation from the original poster about which solution they chose. The discussion presents both custom code and app-based approaches as viable options.
Hello @Gearify
Welcome to Shopify Community.
Dawn theme does not offer sticky add to cart by default so this needs to be custom coded in theme. You will need a developer. Let me know if you need.
If you are willing to use app then you can try any one from below:
https://apps.shopify.com/sticky-add-to-cart-bar
https://apps.shopify.com/sticky-add-to-cart
https://apps.shopify.com/ultimate-sticky-add-to-cart
https://apps.shopify.com/zoorix-sticky-add-to-cart
https://apps.shopify.com/straight-to-checkout-skip-cart
Thanks
Hi Gearify,
After reviewing your requirements, I’d like to recommend the SEOAnt - Sticky Add To Cart app.
The SEOAnt - Sticky Add To Cart app can fulfill your request for a “sticky add to cart button on my product page and I want it to appear on both desktop and mobile after customers scroll past the ‘Buy it Now’.”
It can also achieve your desired consistency in “background, font, and button colors matching those used on my product page.” You can adjust these font parameters within the app. If you encounter any difficulties in setting them up, feel free to contact our 24/7 online customer support.
Furthermore, it can meet your needs for “product name, quantity selection, and the ‘Buy Now’ button for sticky adding to cart.” These functionalities are available with the SEOAnt - Sticky Add To Cart app.
You can click this discount link generated by our team to install our SEOAnt ‑ Sticky Add To Cart. There is a Free version. If you feel that it can fully realize your functions, you can choose to pay and get the discount.Hope this helps
Here is the solution for sticky add to cart:
We have developed for free an app that solve your issue for the sticky add to cart
Check ThemeStack - ThemeStack: No-Code Shopify Theme Sections | Shopify App Store and tell me what you think