jquery - Shopifyでのコレクション画像の遅延ロード

Question

ここに示すように、コレクション リストのすべての画像を遅延読み込みしようとしています。

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

パスワード：イクラブ

これまでのところ、次のことを行いました。

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/をチェックして、マークアップが適切であることを確認することもできます。