Troubleshooting
Troubleshooting: Sticky ATC bar not appearing
When the sticky add-to-cart bar isn't showing on product pages.
This article is a draft and may be incomplete or change before publishing.
Checks
- App block added to the product template. The sticky ATC is a theme app block — you must add it to your PDP template in the Shopify customizer.
- Visibility rules met. Did you set "show after scrolling 600px"? Make sure you've actually scrolled past that distance.
- Device targeting matches. Mobile-only? Test on mobile, not desktop.
- No theme z-index overriding it. Inspect with browser dev tools — if the bar exists in the DOM but is hidden behind a theme element, it's a z-index issue.
Z-index fix
If your theme has a high z-index header that covers the sticky bar, increase the bar's z-index in its design settings. Pick a high value (e.g. 9999) to win.
Quick diagnostic
Open dev tools → Elements panel. Search for the sticky ATC class. If it's there but with display: none or covered by another element, the bar IS rendering — it's just being hidden.