この問題に関する質問からの別の回答に従いました。大きなカルテル ストアの製品に内部ズームを統合できますか?
Luna テーマの Bigcartel ウェブショップがあります。製品画像に内部ズームを統合したいと考えています。しかし、私はそれを機能させることができません。
次のように jquery.elevatezoom.js ファイルを追加しました。
<script src='http://pawsfabrik.dk/jquery.elevatezoom.js'></script>
レイアウト ファイル内。
製品ページ ファイルの画像のコードを次のように変更しました。
<img id="zoom_01" src="{{ image | product_image_url: "fullsize" }}" data-zoom-image="{{ image | product_image_url: "fullsize" }}" class="fade_in" alt="Image of {{ product.name | escape }}">
最後に、アクティブ化するスクリプト コードを製品ファイルにも追加しました。
<script>
$('#zoom_01').elevateZoom({
zoomType: "inner",
cursor: "crosshair",
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 750
});
</script>
しかし、それでもうまくいきません。私が間違ったことを教えてくれる人はいますか？私はそれについて本当にイライラしています:-(
ありがとう、パウ