Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Palo Alto 4.1
Palo Alto 4.1
  • Palo Alto Theme Documentation
  • Changelog
    • The new experience
    • What's new in 4.1
  • Cart
    • Terms and conditions
    • Empty cart buttons
    • Custom Message
    • Upsell
  • Header
    • Announcement bar
    • Transparent header
    • Highlighted link
    • Mega Menu
    • Loading Icon
    • Logo
  • Sections
    • How to use sections
    • Recommended Image Sizes
    • Product sections
    • Image sections
    • Text sections
    • Custom sections
  • Theme settings
    • Theme Settings Intro
    • Colors
    • Typography
    • Appearance
    • Product grid
    • Checkout
    • Theme style
  • Products
    • Using the new Palo Alto Product Pages
    • Creating new Product page templates
    • Pre-order using metafields
    • Section blocks
    • Swatches
    • Product ratings
  • Collections
    • Using the new Palo Alto Collection Pages
    • Filtering options
    • Subcollections
    • Badges
  • Popup
    • Popup with image
    • How to change the "You agree to..." text
    • Cookie consent
    • Popup bar
  • Footer
    • Blocks and settings
    • How to remove the Shopify credit
  • Blogs
    • Using the new Palo Alto Blog Pages
    • Creating new Blog page templates
  • Pages
    • Using the new Palo Alto Pages
  • Updates
    • Checking your theme version
    • Downloading the latest version
    • Updating your theme
  • Support
    • Contacting support
    • Sharing a preview link
  • Custom
    • How to make CSS customizations
    • How to add Custom Fonts
    • Adding Custom Icons
Powered by GitBook
On this page
  • How to setup
  • Metafield definition
  • Product setup
  • Preorder template
Export as PDF
  1. Products

Pre-order using metafields

Replace the 'Add to Cart' button with a 'Pre-Order' button using metafields

PreviousCreating new Product page templatesNextSection blocks

Palo Alto supports metafields for creating pre-order products. When you define a preorder metafield, you can easily toggle on or off the preorder feature which converts the 'Add to Cart' button to a 'Pre-Order' button.

On the main product page, the Add to Cart button is replaced with a Pre-order button:

When viewing a collection page or any product grid-style section, a 'Pre-Order' badge is added to the product:

How to setup

Setting up a preorder metafield is very simple and can be done right in your Shopify Admin.

Metafield definition

Create a product metafield with the namespace and key set to theme.preorder. Set the content type to True or false.

Product setup

In the Metafields section of any product that you'd like to use the feature, change the preorder value to True:

Preorder template

To remove the Buy it now button, you can create a preorder product template and uncheck 'Show dynamic checkout buttons' under the Form block.

Creating new Product page templates
Bottom of product setup page in the Shopify Admin -> Products