Skip to main content

Hiding Sticky Add to Cart on certain pages (before page load)

Mollie Herbert avatar
Written by Mollie Herbert
Updated over a year ago

Place this code inside the theme.liquid file before the </head> line:

<script>var disabledPages = ["YOUR PRODUCT NAME"];window.stickySetDoNotShow = disabledPages.some(e=>{return window.location.pathname.includes(e)});</script>

Make sure to replace YOUR PRODUCT NAME with your product name from the product page URL.

For example, if you want to hide it from this page:

Use:

<script>var disabledPages = ["blue-silk-tuxedo"];window.stickySetDoNotShow = disabledPages.some(e=>{return window.location.pathname.includes(e)});</script>

You can extend this logic to more product pages, as such:

<script>var disabledPages = ["YOUR PRODUCT NAME 1","YOUR PRODUCT NAME 2","YOUR PRODUCT NAME 3",];window.stickySetDoNotShow = disabledPages.some(e=>{return window.location.pathname.includes(e)});</script>

Need help with customizing the Sticky ATC to your shop? We're here for you.

Send us a messages and our team will be more than happy to fit the app to your needs.

Did this answer your question?