Shopify中的延遲加載集合圖像

Question

我正在嘗試延遲加載收藏夾列表中的所有圖像，如下所示：

http://trophymonk.com/collections/mascot-trophies

密碼：iclabe

到目前為止，我已經完成了以下工作：

1.）在我的頭文件中調用了jquery.lazy.js

2.）編輯了我的產品循環html，將標簽更改為包括data-original屬性，將占位符url包含到src屬性，並添加了“ lazy”類。

3.）在結束body標簽之前添加了腳本。

瀏覽器僅加載占位符圖像。

知道為什么嗎？

這是正確實施懶加載的shopify商店的示例： http : //www.spargogolf.com/collections/new-clubs

Answer 1

您在第1427行有一個錯誤的'}'。您可以通過使用瀏覽器的錯誤控制台查看此錯誤。 您可能還想查看http://validator.w3.org/ ，以確保您的標記是正確的。