Product pages - Allow pre-orders for products

Store Design
101

Hi everyone,

Just adding to this thread as Dawn will be the new default template in Shopify soon.

A lot of the same applies, but app blocks/sections-everywhere is a big change.

I put together this guide over the last couple of weeks on integrating with and without an app.

Cheers,

Oli

——————————

Founder @ www.preproduct.io

The smarter way to launch products.

102

These changes work great to change the Product Page. But many users will also be using the Featured Product widget on their Home page and thus also need to make the same change in the file:

featured-product.liquid
103

Hi, how can I create another badge like SOLD OUT badge and create a PRE ORDER in Debut Theme? I was hoping to create a Pre-Orde like Sold-Out and Sale without using any apps.

104

Can you have this for specific variants only? We sell skis and say I have 4 sizes but only two are in stock, can I have the preorder button show on the out of stock items while still showing add to cart on the in stock sizes?

105

Hi @Alexccbc ,

These more advanced use-cases are generally where apps step in.

To flick between the two buttons requires Javascript that the default themes don’t ship with.

Cheers,

Oli

——————————

Founder @ www.preproduct.io

The smarter way to launch products.

106

Hi. I am using the Narrative theme and followed all instructions however on the product-pre-order-template.liquid there is no add to cart section to replace it with pre order?

I am able to change the theme template on the product to pre order however it is still showing us Add to Cart online??

Thank you.

107

Hi having the same issue of not finding the add to cart script.
Are you able to get a solution on this?

108

Hi,

I’m using narrative theme and have followed the sectioned theme instructions. I have changed all of my products to the pre order template (after recoding with your guide), I disabled the dynamic checkout buttons, changed the capture setting to manual, turned the quantity to 0, and allowed the product to be sold after selling out and the preorder button still doesn’t appear. Do you have any other suggestions?

Thank you!

-Hana

109

This worked great!
Do you know if there is a way that inventory stock will show as Add to Cart, whilst the “allow to purchase whilst out of stock” will show as the Pre-Order button?

110

Hi, If my customer is just using Shopify Lite, is it still feasible for them to do what they want to do? I’m not really sure if this question has been raised previously. receiptify

111

It is redirecting again and again to the same page, when I’m clicking it. paddle boat weight limit

112

Hello @TyW ,

Can you explain how it works on the latest Dawn theme version?

113

This really worked combined with the steps from the the main article

Follow steps up to #10 from the main discussion - pre-order template and the section.

Then in the pre-order section - editing the code as below.

Create a section call it product-pre-order

Erase anything that is entered here and replace it with the entire code from the product-template.liquid

Find the line that says

{{ ‘Add to Cart’ | json | remove: ‘"’ }}

Replace it with

{{ ‘Pre-Order’ | json | remove: ‘"’ }}

Save everything

I did not change anything in payment section since I created automatic discount for the pre-order and advertised on the product page.

In a sense you just need a product template with Add to Cart button replaced with Pre-Order.