How STOQ hides the Buy It Now button on preorders
Shopify's Buy It Now (dynamic checkout) button skips the cart and goes straight to checkout, which would bypass the preorder flow. STOQ automatically hides it on preorder variants and shows it again on in-stock variants, with no setup needed once the app embed is on.
How it works
STOQ hides the button in two layers so there's no flicker:
- CSS, before the page renders: STOQ's theme extension injects a rule that hides the button on any preorder form, so it's gone the instant the page loads.
- JavaScript, after load: STOQ checks the selected variant and adds or removes the hide on the specific form as the customer switches variants. It targets only the preorder form, so other products on the same page are unaffected.
This applies on product pages, featured product sections, and quick-buy modals. Switching from a preorder variant to an in-stock one brings the button back instantly.
Requirements
- An Online Store 2.0 theme with the STOQ app embed enabled. See Enable STOQ on your theme.
- A current version of the theme app extension.
- Most themes use Shopify's standard button, which STOQ hides automatically. For non-standard themes, STOQ support can set a custom button selector.
Troubleshooting
The button flashes briefly before disappearing
The extension may need republishing so the CSS layer loads first. Ask STOQ support to republish the theme extension.
The button never hides on a preorder variant
Usually the app embed is off. Enable it, then reload. See Enable STOQ on your theme.
A quick-buy modal still shows the button
A third-party quick-buy app may render the button outside the standard structure. Contact support with your theme details.
FAQ
Do I need to configure anything?
No. It's automatic once the app embed is enabled.
Does it affect regular products?
No. Only preorder forms are targeted; in-stock products keep their Buy It Now button.
Can I keep Buy It Now visible on preorders?
No. Hiding it is what prevents customers from bypassing your preorder terms and fulfillment setup.
Does this cover Shop Pay, Apple Pay, and Google Pay?
Yes. Shopify wraps all dynamic checkout buttons together, so hiding it removes them all on preorder variants.
