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

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...

6 Responses


    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

Leave a Reply

Your email address will not be published. Required fields are marked *