Story theme
Story v2
Story v2
  • Story theme documentation
  • online store 2.0
    • The new experience
  • Header
    • Header styles
    • Toolbar
    • Navigation images
    • Image menus
    • Transparent header
    • Mega-menu navigation
    • Drop-down navigation
  • Sections
    • How to use sections
      • Adding a section
      • Hiding a section
      • Reordering sections
    • Section blocks
    • Complete list of sections and blocks in Story
  • Collections
    • Product badges
      • Sale badge
      • Savings badge
      • Sold-out badge
      • Custom badges
      • Badge settings
    • Collection filtering
      • Custom filter options
    • Collection sorting
    • Collection navigation
    • Feature image
  • Products
    • Upsell promotions
      • How to setup
      • Static upsell promotion
      • Custom upsell promotion
    • Product tabs
      • Static product tabs
      • Unique product tabs
    • Color swatches
    • Inventory countdown
    • Pre-order products
    • Size Charts
      • Static size chart
      • Unique size charts
      • Creating pages
    • Product image sizes
  • Cart
    • Cart styles
    • Shipping message
    • Estimate shipping calculator
    • Cart settings
  • Pages
    • Page navigation
    • How to use page templates
      • Story page templates when using a different theme
    • Contact page
    • Lookbook
    • Team
    • Timeline
  • Blogs
    • Blogs
    • Articles
  • Settings
    • Tile decoration
    • Enable container
  • Updates
    • Story Releases
    • Check your theme version
    • How to download latest version
  • Tips
    • Where to make CSS changes
    • How to add a line break in your headings
  • Advanced
    • Story tutorials
    • Remove Shopify link in footer
  • Contact
    • Share preview link
  • Earlier versions
    • Story v1
Powered by GitBook
On this page
  • Quick setup for experienced users
  • Full detailed step-by-step setup
  • Product setup
  • Manually capture payments
  1. Products

Pre-order products

Story has built-in support to help with products that are sold as pre-orders

PreviousInventory countdownNextSize Charts

Last updated 3 years ago

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:

theme.preorder

See the example here:

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):

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 to:

theme.preorder

Example:

Add a description and choose Select content type.

Choose True or False:

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:

Manually capture payments

Please contact Shopify Support regarding payment capture options and settings.

Shopify recommends merchants manually capture payments for pre-orders. Here is an article from Shopify to help:

https://help.shopify.com/en/manual/orders/get-paid#capture-payments-manually
Namespace and key should changed to theme.preorder
Under Metafields, click on Products
Use the Add definition button to begin
Change from my_fields to theme
Don't skip this step
Choose True or False for the Content type