How to create Sticky Add To Cart Button in Shopify Product Page without app

Sell Online With Shopify
Trusted by millions of businesses worldwide
For a limited time, sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans — offer ends Aug 25.

I’ve written an article to introduce you to the best Shopify apps to help you make sticky add to cart button. If you’re more technical, you may want to do this manually. This article will guide you how to create a sticky Add To Cart button on the product page without the app.

  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, and then click Actions > Edit code.
  • In the Snippets directory, click Add a new snippet.
  • Add the following lines of code:
  • Click Save and close it.
  • In the Layout directory, click theme.liquid to open.
  • Add the following code above the closing body tag (</body>):
  • Click Save and you are done.

Keep in mind that this guide is basic. If you want it to be more professional and beautiful, then you have to further customize the code for it.

You may also like...

7 Responses

  1. EUDORIC COURTAS says:

    Please can you tell me how to not show the Sticky bar when the original add to cart button is visible on windows?

    Thank you so much

  2. Sergey says:

    Doesn’t work on mine – shows Liquid error: Could not find asset snippets/addtocart-sticky.liquid

    I use Debutify, maybe that is the issue, but dunno if it depends on the particular theme.

  3. Andre says:

    Perfect!! Thank you!

  4. deepika says:

    Thank you so much your code is very helpful

  5. MCom says:

    It keeps saying default title not the product name

  6. James Fogden says:

    Hi Mate, thanks so much for this.

    How would I change the font and colour on the button?

    The issue is that if I change it on Theme Settings it makes the cart and menu option white as well.

    Thanks

Leave a Reply

Your email address will not be published.