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.
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.
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
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.