1. What are Pre-order Products?
Pre-order Products allow customers to purchase items that are currently out of stock or yet to be released. Instead of seeing a typical "Out of Stock" message or hiding the products from the storefront, customers can place an order in advance, securing the product once it becomes available. This feature is particularly useful for managing inventory, gauging demand, and keeping customers engaged even when a product isn't immediately available.
2. How to show the pre-order status on the product card, cart, and checkout pages
Step 1: Enable Pre-order Feature:
- Navigate to Theme Settings > Products > Pre-order.
- Enable the Pre-order option by selecting from the following logic:
- Yes: All products will display a "Pre-order" button on the product card, product page, quick view, featured product, and in the product property.
- No: No product will display the "Pre-order" button in any location.
- When product is Out of Stock: Products that are i) out of stock and ii) have the "Track Quantity" and "Continue Selling When Out of Stock" options enabled will display the "Pre-order" button.
Step 2: Apply Pre-order to Specific Products or Collections
You can choose to apply the pre-order settings to specific Products or Collections:
- If neither is selected, the pre-order setting applies to all products meeting the above criteria.
- If both are selected, the pre-order setting applies only to the selected products and collections as long as they meet the above criteria.
Step 3: Customize Pre-order Button Label & Cart message
- Add a Card Button Label configuration to customize the label of the pre-order button on product cards. The default label is "Pre-order".
- Add a Pre-order Cart Message configuration to display a message in the cart or mini-cart for pre-ordered products. The default message is "Ships in 2 weeks". The message will appear in the product property section in the format: Preorder: [message].
In the product page:
In the product card:
In the mini cart:
Step 5: Add Pre-order Label Block
- Go to the Overlay group > Product Labels & Badges section and add the block Pre-order.
- This block will have similar configuration options as the Sale Label block. You can edit the label text, choose an icon to display next to the heading, and adjust the position of the label on the product cards.
- Only one Pre-order block can be added.
