Skip to main content

Why the Pre-order Button Doesn’t Appear on Certain Pages or Sections

Updated over 2 weeks ago

In some cases, the pre-order button may not appear in specific areas of your store, such as:

  • Homepage product sections

  • Collection pages

  • Sticky Add to Cart (ATC) buttons

  • Custom product displays

This usually happens due to how the Add to Cart button is implemented in your theme.


Why this happens

Our app works by modifying standard Add to Cart buttons that are part of a product form.

However, some themes (especially customized or advanced ones) use alternative implementations, such as:

  • Buttons built as links (<a> tags)

  • Buttons not wrapped inside a product <form>

  • Custom or dynamic components outside Shopify’s default structure

When this happens, the app may not be able to detect or replace the button.


How to identify if this applies to your store

You may be experiencing this if:

  • The Add to Cart button redirects to the product page instead of adding directly to cart

  • The button behaves differently across pages (works on product page but not elsewhere)

  • Your theme includes custom code or third-party modifications


What is supported

The app works best with:

  • Standard Shopify product forms

  • Buttons inside a <form> element tied to a product

These allow the app to properly:

  • Replace the Add to Cart button

  • Display pre-order messaging

  • Manage inventory behavior


What may not be supported by default

  • Buttons implemented as links instead of form submissions

  • Buttons outside of product forms

  • Highly customized or non-standard theme structures


Possible solutions

Use standard product forms (recommended)

Ensuring your Add to Cart button is inside a proper product form allows the app to function correctly.


Adjust theme implementation

If your theme uses a custom setup, a developer may need to:

  • Convert buttons into proper form-based Add to Cart buttons

  • Align the structure with Shopify’s standard product form


Contact support

If you're unsure, our team can:

  • Review your theme setup

  • Confirm compatibility

  • Recommend next steps or workarounds

Did this answer your question?