Adding Pre-Order Option on Narrative Theme

Highlighted
New Member
1 0 1

Hello, 

I'm having trouble creating a pre-order template while using the Narrative theme. I've gotten as far as creating the product template, but when I attempt to change the code for the "Add to Cart" button to "Pre-Order" nothing ends up appearing, like they display in this help article:

http://docs.shopify.com/manual/configuration/store-customization/page-specific/product-page/can-cust...

Basically, I am stock in step 11 on the manual (I am here):

In your new product-pre-order-template.liquid file, find and replace the ADD TO CARTbutton text.

Look for this code:

<span id="AddToCartText">{{ 'PRODUCTSproduct.add_to_cart' | t }}</span>

Replace it with:

<span id="AddToCartText">{{ 'Pre-order' | json | REMOVE: '"' }}</span>

In the same file, look for a <script> tag that contains this line of code:

addToCart: {{ 'productsPRODUCT.add_to_cart' | t | json }},

Replace it with:

addToCart: {{ 'Pre-order' | json }},

Has anyone successfully added a pre-order button while using the Narrative theme?

Thanks in advanced!

 

1 Like
Highlighted
New Member
1 0 0

Hi Cardan,

 

I am looking for the answer to this too. Have you had any luck?

 

 

0 Likes
Highlighted
New Member
1 0 0

Hello! Any news on this?? It could be very helpful!

 

Thanks!

0 Likes
Highlighted
Shopify Partner
2 0 0

Experiencing the same issue. Did anyone find a solution?

0 Likes
Highlighted
Tourist
4 0 2

I'm having the same issue and the Shopify Support email response recommended that I buy an app.

I would prefer implementing the solution natively in the theme. Commenting in the hopes that someone from the support team will respond with the solution.

0 Likes
Highlighted
New Member
1 0 0

Hello,

This is what I did. It works for me. 

  • Go to Shopify admin, click Online Store, then click Themes
  • Click Actions for the theme you want to edit, then click Edit Code
  • Templates directory —-> Add a new Template
  • Select product from the dropdown menu, and name the template as pre-order
  • Click Create template. Your new pre-order.liquidtemplate will open in the code editor.
  • Look for the code:

{% section ‘product-template’ %}

Change it to:

{% section ‘product-pre-order-template’ %}

  • Click Save.
  • Section directory —-> Add a new Section. Enter product-pre-order-template in the field given
  • Click Create Section. Code editor will open. Delete all the default to empty the file
  • Section Directory —-> click product-template.liquid —-> Copy all the content —> Paste to product-pre-order-template.liquid

Search for this code:

<span data-add-to-cart-text>
{% unless current_variant.available %}
{{ 'products.product.sold_out' | t }}
{% else %}
{{ 'products.product.add_to_cart' | t }}
{% endunless %}
</span>

 Change it to:

<span data-add-to-cart-text>
{{ 'Pre-order' | json | remove: '"' }}
</span>
  • Finally, click Save 
  • Go to Shopify admin —-> Click Products
  • Click the name of the product you want to make available for pre-order.
  • Go to Theme Templates section, Change products to product.pre-order
  • Click Save

Hope it helps!!!

0 Likes
Highlighted
New Member
1 0 0

Same issue here. 

0 Likes