初めて投稿させて頂きます。

ec-cube 2.12

商品詳細ページのメインとサブ画像にMagic Zoom Plusを使いたいと思い、Magic Zoom Plusのインストールに沿って設定しました。

しかし、メイン画像は機能するものの、サブ画像の方は拡大画像は別ページに表示されるものの、ルーペ表示がされません。

変更した個所は
data/smarty/templates/default/products/detail.tpl

<link type="text/css" rel="stylesheet" href="<!--{$smarty.const.ROOT_URLPATH}-->js/magiczoomplus/magiczoomplus.css"/>
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/magiczoomplus/magiczoomplus.js"></script>

上記を追加し

画像のclassを
class="MagicZoomPlus"
へ書き換えました。

どなたかご教授頂ければ幸いです。
よろしくお願い申し上げます。

こちらのプラグインのファイル構成が分らないのですが、html/jsフォルダにCSSとjsを纏めて入れられているのでしょうか？
画像そのものも同じフォルダに入れられているのでしょうか？

詳しい事が分らないので推測になりますが考えられえる原因としては以下の2点です。

１、CSSが正しく読み込まれていない。
→FirebugなどのWeb開発ツールなどを使用すれば簡単に確認できます。

２、CSSに記載されている画像のパスが正しく通っていない可能性が考えられます。
→構成に合わせてインポートのパスを変更して下さい。

＊ちなみに一応EC-CUBEのコミュニティですので、jsのプラグインの質問は別の所でなさった方が、より的確な回答を得られるかもしれませんよ。

kato-sc　様

返信有難うございます。
現状としまして、html/jsフォルダにCSSとjs一緒に入れております。

画像は、管理機能の商品登録画面から入れた画像ですので、CSS,JSとは違うフォルダに入っております。

もう一度ｊｓの事から勉強しなおしてやってみたいと思います。

有難うございました。