How STOQ hides the Buy It Now button on preorders
Why the Buy It Now button disappears on preorder variants, and what to do if it doesn't.
Last updated
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
Section titled “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
Section titled “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
Section titled “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.
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.
What if a preorder goes through accelerated checkout anyway?
Accelerated checkout (Shop Pay, Apple Pay, Google Pay, Buy It Now) can’t carry a preorder. When a buyer skips the cart this way, Shopify drops the preorder selling plan, so the order arrives as a normal order with no preorder terms, deposit, or split shipping. There’s no workaround to pass a preorder through accelerated checkout, which is exactly why STOQ hides these buttons on preorder variants. It’s a Shopify limitation, not a STOQ setting.
Related guides
Section titled “Related guides”Thanks for letting us know.
Still stuck? Ask Quinn or chat with support