Here is another blog post I’m writing as I learn and figure out more small e-commerce hacks. I saw this particular question asked in the Shopify discussion forums and thought solving this would make for a great learning experience and for me to get to know my way around the collection(s) liquid template files a little better. Keep readin’!
The Newsletter for PHP and MySQL Developers
Receive a copy of my ebook, “10 MySQL Tips For Everyone”, absolutely free when you subscribe to the OpenLampTech newsletter.
Iām not a Shopify pro so if you see any mistakes in the code or know of a better solution, please share them freely in the comments section.
In this example, for any product that has a price greater than $50.00, we will show a Free Shipping! message below the product price. Those product’s that don’t fit the criteria will not have a custom message displayed.
I located this line in the card-product.liquid file in the Dawn 10.0 theme on my Shopify Partners development store (it’s always a good idea to make backups of your files before you start editing them):
{% render 'price', product: card_product, price_class: '' %}
And added this code just below it:
{% if card_product.price > 5000 %}
<div class="card-information">
<span>Free Shipping!</span>
</div>
{% endif %}
This liquid code will display the Free Shipping! message only if the product price is greater than $50.00. Please forgive the horrible design – or lack thereof – for the shipping message. It could be styled with some custom CSS if you really wanted to make it pop.
Thank you for reading this post. Please share it with someone else who would enjoy it as well.
Josh Otwell has a passion to grow as a PHP Developer, SQL expert, and technical blogger/writer.
Disclaimer: The majority of examples in this post, are performed in a personal development/learning workstation environment and should not be considered production quality or ready. Your particular goals and needs may vary. Like always, just because you can do something doesn’t mean you should. My opinions are my own.
More ways I can help
- Need hosting for your next web application or WordPress site? I highly recommend Hostinger and use them to host my niche bass fishing site. The service is second to none.
- š5 Truths I’ve Come To Realize As a Self-taught Developer
- Desktop and mobile wallpapers, digital downloads, photography services, Shopify and WooCommerce customizations, and content writing – all in one E-commerce Shop. Find your next digital purchase today!
Disclosure: Some of this blog post’s services and product links are affiliate links. At no additional cost to you, should you make a purchase by clicking through one of them, I will receive a commission.
The Newsletter for PHP and MySQL Developers
Receive a copy of my ebook, “10 MySQL Tips For Everyone”, absolutely free when you subscribe to the OpenLampTech newsletter.
š° Get your brand, product, or service the attention it deserves with affordable classified ad placement in the OpenLampTech newsletter. I appreciate your support!