magento - 製品詳細ページの新しいテーマの Magento ズーム画像

Question

私はMagentoが初めてです。新しいテーマを作成し、新しいルック アンド フィールで作成したいと考えています。製品ビューの詳細ページでズーム画像機能をデフォルトと同じように使用したいのですが、機能しません。javascriptファイルが原因で、cssがインポートされていないことがわかっています。

• この機能の使用方法と、どの CSS または JavaScript をインポートする必要がありますか?

Answer 1

こんにちは、skin/frontend/default/default/css/styles.css を 990 行目から 1013 行目まで (製品画像) をテーマの CSS に追加します。

製品詳細ページに JavaScript コードを追加する

<script type="text/javascript">
//<![CDATA[
    Event.observe(window, 'load', function() {
        product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
    });
//]]>
</script>