Tutorials

How to add lazy load image to Shopify theme

Do you want to lazy load images in Shopify? Lazy Loading allows your store to only load images when a user scrolls down to the specific image or loading a very small image on page load. In this article, I will show you how to easily lazy load images in Shopify. Why Lazy Load Images in Shopify? No one likes slow websites. A study conducted by Strangeloop found that a 1 second delay in page load time can lead to 7% loss in conversions, 11% fewer page views, and 16% decrease in customer satisfaction.

How to add zooming function to Shopify theme

One of the most wanted features in every Shopify Theme is image zooming. It allows customer to view your products in a detailed look. There are a lot of zoom apps available but I don’t want to talk about them in this article. Today, I am going to show you how to add zooming function manually. How to add zooming function for Shopify theme 1. Download zoom lib In this article, I’ll use an old but good lib, jQuery Zoom by Jack Moore.

How to show Related Products in Shopify Debut Theme

Shopify Debut is a free theme developed by Shopify. In my opinion, this theme is good for starter shop with multi homepage section, product section,… almost everything is controlled from section. But it still lack some functions which I tried to listed bellow and trying to give you all quick solution for it: Show dropdown menu on hover Show related products by collection Show related products by tags Weird opacity on product hover Product image sometime not fit in grid Missing some normal section Ajax cart – drawer cart Quickview function And today, I will show you how to add related products to this theme

How to show drop down menu on hover in Shopify Debut Theme

Hi everyone, I am Luke Tran, I am a freelancer worked mainly in Shopify. I works with many clients and one of the best free theme I often work with is Debut theme from Shopify. Today I would like to talk about a small tip in tweaking this theme. This theme, in my opinion is a great starter theme with multi Homepage section, clean and neat code, easily customizable settings, and high quality image-handling.

Shopify – How to add an EU cookies banner to your website without app

There are a lots of app which are able to add cookies banner to your Shopify store. But today I don’t mention about that apps, I would like to show you a simple way to archive this without app. At first I would like to tell a little bit about Cookies Law. In May 2014, The European Union implemented a new legislation that states that all websites that use cookies must ask site visitors for permission to hold on to their information before entering the site.