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

I have followed the instructions and am using Debut theme. Pre-order button is working, but for the variant that I have in stock, it still says pre-order. How do I adjust this so it actually shows as an add to cart variant? Thanks for the info so far.

I’ve followed all intrucstion and using the Debut theme. It works well on the product page, showing Pre-Order Button. But once testing to place the order, i got the error message : “Your cart has been updated and the items you added can’t be shipped to your address. Remove the items to complete your…

Anybody figure this out? I still can’t get rid of the Buy it Now button under the Pre-Order button.

This was so helpful! Thank you for doing this! if anyone is looking for how they can delete the buy it now button here’s a link to that! https://community.shopify.com/c/Shopify-Design/Removing-quot-Buy-it-Now-quot-button-on-some-of-my-products/td-p/619809/page/2

I made it to step 11 and there was nothing similar to: <span data-add-to-cart-text> {% unless current_variant.available %} {{ 'products.product.sold_out' | t }} {% else %} {{ 'products.product.add_to_cart' | t }} {% endunless %} </span> How do I proceed if there is nothing that says add …

Why is “cf” showing underneath my product’s images when I do this coding? Anybody know how to get rid of it? It annoys me and looks unprofessional.

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…

Product pages - Allow pre-orders for products

Store Design

Amitjaiswal June 4, 2020, 3:05pm 23

Hey before starting the blog he mention about payments provider to do it on manually do that steps the buy it now button will disappear .Still Any query askme at amitj4111@gmail.com

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

Product pages - Allow pre-orders for products

Related topics