Caution This is an advanced tutorial and is not supported by Shopify . Knowledge of HTML, CSS, JavaScript, and Liquid is required. Consider hiring a Shopify Expert if you aren’t comfortable doing the steps in the tutorial. If you have products that are out of stock, you can sell them as pre-orders.…

Did you ever get an answer? This is the issue with mine

Hi! Yes i solved this today!! (Hat tip to @John_G2 for the inspiration to loop through the variants for their policy and quantity in liquid INSIDE the JS) You can check the example on my development shop: https://aimhuge-dev-dec20.myshopify.com/products/product-preorder Password is 123456 (check…

Script updated to handle products with only one variant (aka no variant selector)

Thank you for the tip! I managed to do the pre-order and get it to work. However I would like to add a message in the section to inform the customer about delayed shipping. [zeffire_0-1614241718955.png] May I know how I should do that?

Hi there, thank you so much for this tutorial, it worked perfectly! Im just wondering how to get the quantity picker showing when you have pre order template enabled. As its currently only the ‘preorder’ button available thanks so much! Henrietta

Sections > product template liquid > line 152 > [image] type your message about delayed shipping here This is the only way I could think of doing it.

Please help! After following all steps and disabling dynamic checkout, I cannot find the code/script: <span data-add-to-cart-text> {% unless current_variant.available %} {{ 'products.product.sold_out' | t }} {% else %} {{ 'products.product.add_to_cart' | t }} {% endunless %} </span> anyw…

I’m also using Narrative and can’t find the add-to-cart code to replace. My website is www.perfectdd.com, can you help enable pre-order please?

I am excited about having a way for my customers to pre-order an item when it is out of stock. Will this automatically change to pre-order when an item is out of stock? Or do I have to manually mark each item to pre-order? Can I keep the variety out of stock that I want to change to pre-order in wit…

After you create the new page template you just change the templates on products that may go out of stock that you wish to support preorder, and mark the product “continue selling when out of stock” When out of stock that will be indicated on the page as preorder. I suggest you try it with a test …

Product pages - Allow pre-orders for products

Store Design

hasheleyc February 27, 2021, 3:27am 87

Sections > product template liquid > line 152 >

type your message about delayed shipping here

This is the only way I could think of doing it.

Topic		Replies	Views
How to modify "add to cart" button into "pre-order" button? Technical Q&A	12	306	April 20, 2022
Changing text of "Add to cart" button on a single product page Shopify Design liquid	5	90	July 3, 2025
Show "Pre-order" on specific product template buy button Store Design design	15	157	October 9, 2025
Etiqueta de PRE ORDER (bajo pedido) Temas de Shopify shopify-themes	6	102	November 2, 2025
How to edit the Quick Shop modal in the Empire theme for pre order products? Store Design	16	156	June 28, 2022

Product pages - Allow pre-orders for products

Related topics