Shopify themes, liquid, logos, and UX
Hi,
I'm looking for a way to change the button ''Add to cart'' for ''Pre order'' on a specific product but so far nothing works or it does it for the whole website.
I'm using the theme Dawn 9.00
Here is the link to my store
Here is the item the I'm talking about
https://514rpm.com/products/spotify-barcode
Thank you!
You can create a new template for product that you want pre order button instead of add to cart button.
Please check this instruction to know how to create a new template
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
You could try the following:
In step 10 of the tutorial (https://help.shopify.com/en/themes/customization/products/add-to-cart/allow-pre-orders#sectioned-th...), keep the following code unchanged (ie. don't replace it):
<span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
Then in the theme.liquid file, replace the following line of code (the one mentioned in Lizzy's reply):
addToCart: {{ 'products.product.add_to_cart' | t | json }}
with
addToCart: {%- if template.suffix == 'pre-order' -%}{{ 'Pre-order' | json }}{%- else -%}{{ 'products.product.add_to_cart' | t | json }}{%- endif -%}
Make sure you don't accidentally delete the comma at the end of the line when making your changes. Hope this helps!
Please note I haven't tested this code, so cannot make any assurances that it will work.
Sure I'm familiar with code editing, Do you know what to modify?
@514rpm - open product.liquid page and check template handle.... if this handle matches this specific product which you want, then you can change the text
you can refer to the code given by @dmwwebartisan ... exact code is difficult to provide here as we do not know what has been used in product liquid file
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025