Story has built-in support to help with products that are sold as pre-orders
Story can modify the add-to-cart button to let your customers know they are purchasing a pre-order item:
Quick setup for experienced users
The most important part of setting up this metafield is to use the namespace and key of:
See the example here:
Namespace and key should changed to theme.preorder
The Content type should be set to True or false.
Full detailed step-by-step setup
The first step is to define a custom metafield that Story theme supports.
Start in your Shopify Admin -> Settings and choose Metafields from the left panel and then click on Products (click images to zoom):
Under Metafields, click on Products
Use the Add definition button to begin
Next,
Click the Add definition button
type-in "preorder" for the Name
Change the Namespace and key from my_fields to theme. The namespace and key should now be: theme.preorder
Change from my_fields to theme
Change to:
theme.preorder
Example:
Don't skip this step
Add a description and choose Select content type.
Choose True or False:
Choose True or False for the Content type
Save your new product metafield. Now we can use this custom theme.preorder metafield with any of our products.
Product setup
Now that our custom metafield has been defined, we can easily configure any of our products to be set as a pre-order product.
The next and final step is to edit any of your products in the Shopify Admin -> Products and toggle the new preorder true or false metafield. Scroll to the bottom of the product setup page:
Products that are set to True will display a pre-order button on the product page:
