Product pages - Allow pre-orders for products

Highlighted
New Member
1 0 0

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

0 Likes
Highlighted
New Member
1 0 0

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 to cart?

0 Likes
Highlighted
New Member
6 0 0

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

0 Likes
Highlighted
New Member
1 0 0

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.

0 Likes
Highlighted
Excursionist
39 0 7
Hi

This is great but how do I communicate pre orders in email too?

Ie "you have successfully pre ordered product xyz £?

Many thanks

Nick Kollgaard
0 Likes
Highlighted
Tourist
4 0 1

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?

1 Like
Highlighted
Tourist
4 0 2

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

Hope it helps

0 Likes
Highlighted
Tourist
4 0 2

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 production and deliver it to you as soon as possible. Payment is due at the time of purchase, and you will receive a shipping notification once the order is on its way to you.

 

in the product-pre-order-template.liquid code in the debut theme

 

Just replace the message with whatever you feel is appropriate.

0 Likes
Highlighted
Tourist
57 0 2

Nice tutorial

A 1 second decrease in load speed can increase conversions by 1% – 7%. Get your store speed optimized
1 Like
Highlighted
New Member
1 0 0

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

  <link itemprop="availability" href="http://schema.org/{% if current_variant.available %}InStock{% else %}OutOfStock{% endif %}">
{% include 'product-form' %}

What can i do?

0 Likes