Guides
Preloading the Hero Image on a Shopify to improve PageSpeed Insights Scores - New in 2021
Posted by Cameron Shaw on
There’s a new tool in the toolbox when it comes to optimizing the web performance of Shopify these days. It’s not even officially in the W3C spec yet, but it’s supported by most major browsers - and doesn’t hurt the rest - and is measured and recommended by Google’s PageSpeed Insights tool, which impacts your SEO rankings. In short - it’s a huge win for developers and Shopify partners who are always looking for new ways to reduce the load times of their clients’ stores, helping improve their on site conversion rate and drive revenue for the business. It’s a...
- Tags: performance optimization
How to Run your Finances As A Freelancer or SoloPreneur (In Texas 2020)
Posted by Cameron Shaw on
It’s a hectic and uncertain time, but perhaps there’s never been a better time for you to figure out how make money using just your brain and a laptop with internet. It’s not easy, but it’s very, very possible, and ever so rewarding. The lifestyle attainable is my proudest accomplishment - total freedom in the work that I do, who I do it for, when I choose to work, and from where I want to work. The entrepreneurial lifestyle isn’t for everyone, but if you think it might be for you, here’s an overview of a few things to keep...
- Tags: freelancing
Power Reviews Shopify Single Product and Related Products Widget
Posted by Cameron Shaw on
Recently in a Shopify project I was working quite a bit with getter Power Reviews to pull in both the reviews listing and widget for the main product, but also to show the review stars for a related products widget down below. Here's the code that I used to pass in an array of objects for it to render in the POWERREVIEWS.display.render() function.
How to add line breaks in Shopify custom sections and settings on a per viewport basis
Posted by Cameron Shaw on
When building custom theme sections, one of the main advantages is that you and your team can go in and modify site content directly, without the need for a developer or any code changes. (this has always been true for basic pages, using the rich text editor (“RTE” or “WYSIWYG editor”), but the sections feature expanded this capability to include custom content types in custom layouts. There are two types available for text fields: the plaintext, and aptly named, “text”, and a lightweight RTE field, called “richtext”. The richtext field allows for italics, bold, and links. Additionally, the output is always wrapped...
- Tags: theme mods
Bulk Image Optimization in Shopify
Posted by Cameron Shaw on
When considering the performance of Shopify sites, images are often one of the main contributors to poor load times. In this tutorial, I'll outline our process for optimizing all the images which are part of the theme assets. a note on images in Shopify: Images in Shopify can be stored in three locations. There are backend images, associated with admin-accessible "objects" like blog posts, collections, products, and variants. Next, there are images entered through the Theme Editor or "Customizer", which can also be uploaded and managed under Settings > Files. Lastly there are theme images, which are pulled from the theme's asset...
- Tags: performance optimization