Как подключить elevate zoom?

[AlexDev]

в product.tpl добавил картинке класс class="elevateZoom" и активировал скрипт

<li><a class="thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img  class="elevateZoom"  src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
<script>
  $(".elevateZoom").elevateZoom();
</script>

в catalog\view\javascript\jquery положил  jquery.elevateZoom-3.0.8.min.js

 

в хедер.тпл подключил.

 

обновил модификатор.

 

результат: появляется окошко с увеличением, но при смещении квадрата на главной фотке ничего не движется в увеличенном.

проверил на произвольной картинке в футере - работает. В чем дело? может конфликт с базовым лайтбоксом?

[AlexDev]

Вопрос похоже решил - надо было указать фиксированную ширину в html

Но всеже больше интересует как подключить этот зум

Ну тут теперь другая проблема.. из-за стандартного лайтбокса не работает переключение с выделением элевейт зума как в демке