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

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

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.

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

8 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

  7. Christian Potlog says:

    Any chance to get this on mobile version?

Leave a Reply

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