How to create a preorder product

Displays a "Preorder" button instead of "Add to cart" for specific products. Optionally, create a preorder product template to display preorder-specific information, e.g. estimated delivery date.

Here, we created a preorder-specific product template to display a custom product badge and an estimated delivery date.

Available in version 1.4.0 and later

To replace the "Add to cart" button with "Preorder" for specific products:

1. Create a new metafield with the name Preorder.

2. Click the custom.preorder button to unlock the 'Namespace and key' field. Change the value to the the following namespace and key: theme.preorder

3. Change the type to be "True or false".

4. For each preorder product, update the metafield value to "True"

5. Optional: Assign a "Preorder" product badge (see guide) to highlight it in collections

6. Optional: Create a new product template to display the product badge and/or add preorder-specific information such as:

   1. Icon with text connected to a product metafield that specifies the estimated delivery date

   2. Collapsible that specifies any terms or information related to availability/payment/delivery

Please note:

• The preorder button will only display if the product is in stock or set to "Continue selling when out of stock".

• Dynamic checkout buttons will be hidden.