Story theme
Latest
Latest
  • About Story
    • Story theme documentation
  • Updates
    • What's new in Story
      • Story Releases
  • Sections
    • Story sections
      • Accordion group
      • Blog posts
      • Collection list
      • Collection marbles
      • Collection split
      • Contact form
      • Custom liquid
      • Custom content
      • Featured collection
      • Featured product
      • Gallery
      • Icon columns
      • Image banner
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Overlapping images
      • Page
      • Policy links
      • Press
      • Rich text
      • Slideshow
      • Tabs
      • Team
      • Testimonials
      • Text columns with images
      • Timeline tree
      • Timeline with banner
      • Video banner
      • Video player
  • Settings
    • Theme settings
      • Global theme settings
      • Typography
      • Colors
      • Layout
      • Social
      • Cart
      • Search
      • Product grid
      • Currency format
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
  • Header
    • Header
      • Header styles
      • Toolbar
      • Navigation images
      • Image menus
      • Transparent header
      • Mega-menu navigation
      • Drop-down navigation
  • Products
    • Product pages
      • Static product tabs
      • Unique product tabs
      • Product tabs
      • Color swatches
      • Inventory countdown
      • Pre-order products
      • Static size chart
      • Unique size charts
      • Creating pages
      • Size Charts
      • Product image sizes
  • Collections
    • Collection pages
      • Product badges
      • Sale badge
      • Savings badge
      • Sold-out badge
      • Custom badges
      • Badge settings
      • Custom filter options
      • Collection filtering
      • Collection sorting
      • Collection navigation
      • Feature image
  • Cart
    • Story cart
      • Cart styles
      • Shipping message
      • Estimate shipping calculator
      • Cart settings
  • Promotions
    • Upselling
      • Upsell promotions
      • How to setup
      • Static upsell promotion
      • Custom upsell promotion
  • Overlay
    • Popups
      • Cookies consent message
      • Newsletter popup
  • Siblings
    • Product siblings
      • About product siblings
      • Multiple images per variant
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Siblings block setup
      • Variant image sets with alt-tags
  • Pages
    • Page templates
      • Page navigation
      • How to use page templates
      • Story page templates when using a different theme
      • Contact page
      • Lookbook
      • Team
      • Timeline
  • Blogs
    • Blogs and posts
      • Blogs
      • Articles
  • FAQ
    • Frequently asked questions
      • Where to make CSS changes
      • How to download latest version
      • How to add a line break in your headings
      • Share preview link
      • Remove Shopify link in footer
      • Check your theme version
      • How to use sections
      • Adding a section
      • Hiding a section
      • Reordering sections
      • Section blocks
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  • Quick setup for experienced users
  • Full detailed step-by-step setup
  • Product setup
  • Manually capture payments
  1. Products
  2. Product pages

Pre-order products

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

PreviousInventory countdownNextStatic size chart

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