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

Hello I followed this and it worked thank you! Can someone explain additionally how to add a ship date message to appear along with the pre order button so customers know when to expect shipping?

I was able to disable it by adding comments tags as per instructions here. https://community.shopify.com/c/Shopify-Discussion/Remove-the-Buy-It-Now-Button-from-a-Pre-Order-Template/m-p/620469/highlight/false#M149877 Hope it helps

I managed to get around this by replacing the text between the comment tags below {%- comment -%} Live region for announcing updated price and availability to screen readers {%- endcomment -%} with This product is temporarily out of stock, but you can PRE-ORDER it now and we will put it into pr…

My template doesn’t seem to have <span data-add-to-cart-text> {% unless current_variant.available %} {{ 'products.product.sold_out' | t }} {% else %} {{ 'products.product.add_to_cart' | t }} {% endunless %} </span> instead it has {% include 'product-form' %} What can i do?

If I change the payment capture to “manual” - will that change the method for all my orders? I only want to do a pre-order for one item and don’t want to have to manually input payments for all my other sales.

I am using minimal and this part isn’t there.. addToCart: {{ 'products.product.add_to_cart' | t | json }}, In fact this is the only code I have.. {% comment %} The contents of the product.liquid template can be found in /sections/product-template.liquid {% endcomment %} {% section ‘product-pre…

I followed the step by step instruction but i could not find the following script that need to look for in product.pre-order.liquid file. addtocart {{ 'Pre-order' | json }}, My template is Canopy please can you help.

For anyone looking to find the “missing code” I finally found the answer. You can usually find the script in theme.liquid - but you cannot use the same code listed here as it will change ALL buttons to pre-order. Instead replace it with the line: addToCart: {%- if template.suffix == 'pre-order' -…

Product pages - Allow pre-orders for products

Store Design

ruddygoodpizza June 26, 2020, 2:49pm 30

I have the new Express Theme and I can’t find this code

addToCart: {{ 'products.product.add_to_cart' | t | json }},

Help anyone ?

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

Product pages - Allow pre-orders for products

Related topics