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.…

Figured it out! Just had to turn off “Show dynamic checkout button” in theme > customize > product section

I have done all that’s suppose to do, even turn off “Show dynamic checkout button” in theme as said by ToxonTech. But it’s still showing both the ‘pre-order’ button and also below it shows the ‘Buy it Now’ button. How to take that off?

Hi, This worked for me, except that now it made the order text boxes wider, thus making the product image smaller. How can I get the layout back to how it was (red shirt), with the Pre-Order changes? See images below [Doc1.jpg]

I got the same, no script to change… in fact I cannot find add_to_cart anywhere… hoping Ty will respond

Got it to work. The line I found was (line 178) I’m using debut theme hope this helps!

Does this work with subscription too? I’m using ReCharge shopify app for reocurring subscription.

I am using Warehouse Theme. I cannot find these codes, addToCart: {{ 'products.product.add_to_cart' | t | json }}, <span data-add-to-cart-text> {% unless current_variant.available %} {{ 'products.product.sold_out' | t }} {% else %} {{ 'products.product.add_to_cart' | t }} {% endunless %…

This pre-order option looks like it could work really well for me. For those of you who have tried it, please let me know how the buttons work. If I change my product to the pre-order template but only set one variant to allow ordering when out of stock, do my other variants still show the ‘buy now’…

I cannot find the Add to cart section in the code to edit for the pre-order?

Product pages - Allow pre-orders for products

Store Design

AntonyNaude February 19, 2020, 6:14pm 12

I’m which script did you find.

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

Product pages - Allow pre-orders for products

Related topics