News
Updates, tips and notes on design and code
Looking for Shopify Code Snippets? See my GitHub Repo
If you've read my posts you'll know that things talked about here are a mix of crazy and silly. Let's hack around with Shopify 404 page so you make use of different versions and show different content.
Shopify Gift Card images are something you can customise but it's not as simple to show the actual variant image on the page the customer sees. Let's look at some code to let you show the variant image in the Gift Card template.
If you'd been paying attention to the Liquid documentation changes you would have seen something new appear to the Liquid Objects page (under articles). It highlights how to directly reference an article in Liquid - something that previously had to be handled with JavaScript.
The Shopify Product Review app is a great (and free) way to get that social proof and trust built into your products. One thing it doesn't do well is to collate the reviews onto a single page - let's explore some Liquid and JavaScript code that does just that.
Shopify allows you to dynamically adjust the order of a collection using the sort_by querystring in the url. Let's explore some simple code that makes it harder for a customer to use that sorting querystring to see your best sellers.
The fun thing about the undocumented sort_by property on collections is that you can pass whatever string to it that you like, and then be able to use it in Liquid. It's a pretty gross hack, but it might come in handy one day.
The need to schedule content changes in Shopify is something that apps are great at since the API gives many options for changes in content, and theme. Now if you're feeling a little DIY and want to build in something without an app there is way - let's explore it.
Generally a hidden collection won't be accessible in Liquid, but it is when referenced via a menu (linklist). It's important that your code can handle this possibility and skips the hidden collection in your loop - let's look at the simple code to do it.
Shopify Liquid has allows you to change the formatting of the date string but the default output is English. If you want to change the days or months to be shown in another language you'll need to translate it.