Joomla 3 VirtueMart 3 - js повторное выполнение - [VM2&3] Общие вопросы и ошибки

Доброго.

Помогите пжлст поправить, делается как-то просто вот только забыл и файлик потерял.

Карточки товаров в категории, в карточки главная картинка + ниже три дополнительные, при клике на дополнительную она должна встать на место главной.
Но вот беда, жмем на дополнительную а она меняет главную у всех товаров. Почему так происходит понятно как поправить не понятно 

Вот скрипт:

jQuery(document).ready(function() {
      VirtueMart.updateImageEventListeners()
   });
   VirtueMart.updateImageEventListeners = function() {
      jQuery("a.vm-additional-images").fancybox({
         "titlePosition"    : "inside",
         "transitionIn"   :   "elastic",
         "transitionOut"   :   "elastic"
      });
      jQuery(".additional-images a.product-image.image-0").removeAttr("rel");
      jQuery(".additional-images img.product-image").click(function() {
         jQuery(".additional-images a.product-image").attr("rel","vm-additional-images" );
         jQuery(this).parent().children("a.product-image").removeAttr("rel");
         var src = jQuery(this).parent().children("a.product-image").attr("href");
         jQuery(".main-image img").attr("src",src);
         jQuery(".main-image img").attr("alt",this.alt );
         jQuery(".main-image a").attr("href",src );
         jQuery(".main-image a").attr("title",this.alt );
         jQuery(".main-image .vm-img-desc").html(this.alt);
      });

}

ну а вот php

<?php if (!empty($product->images) and count ($product->images)>1)
               // Если есть, то выводим 2 блока с изображениями
                  {?>
               
                  <div class="image1 main-image">
                  <?php
                     echo $product->images[0]->displayMediaThumb('itemprop="image" class="browseProductImage"', false);   // На это место ставим доп картинки при нажатии
                  ?>
                  </div>
                  
                        <div class="image2">
                  <?php
                     echo $product->images[1]->displayMediaThumb('class="browseProductImage"', false);
                  ?>
                  </div>


                  <?php
               }
                  // Если дополнительных изображений нет, то выводим одно изображение
                  else {
                     echo $product->images[0]->displayMediaThumb('class="browseProductImage"', false);
               }?>
                  
         </div>

<div class="additional-images">                                                                 // Блок с дополнительными картинками которые должны становиться на место первой при клике
   <?php
    $start_image = VmConfig::get('add_img_main', 1)? 1 : 5;
   for ($i = $start_image; $i < count($product->images); $i++) {
      $image = $product->images[$i];
   ?>
      <div class="floatleft">
         <?php
         if(VmConfig::get('add_img_main', 1)) {
            echo $image->displayMediaThumb('class="product-image" style="cursor: pointer"',false,"");
                                echo '<a href="'. $image->file_url .'"  class="product-image image-'. $i .'" itemprop="contentUrl" style="display:none;" title="'. $image->file_meta .'" rel="vm-additional-images"></a>';
         } else {
            echo $image->displayMediaThumb("",true,"class='modal'");
         }
         ?>
      </div>

Гляньте пожалуйста кто понимает (40amper точка ru слеш elektro)

Спасибо!

Для таких вопросов нужно ссылку давать на сайт.

Вот же она, прямо на страничку

Гляньте пожалуйста кто понимает (40amper точка ru слеш elektro)

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

Делал как-то просто? но как? хоть убей не помню!



Вариант другой конечно есть, главной и дополнительным картинкам с помощью php сделать класс с id товара, но т.к я не ас в js, не знаю как поступить с js емуже то же нужно знать фамилию этого id.

Буду благодарен за любую помощь!

Спасибо!

jQuery(".additional-images img.product-image").off().on('click',function(event) {
event.preventDefault();
    var ell = jQuery(this).parent().children("a.product-image")
    ell.removeAttr("rel");
   var src = jQuery(this).parent().children("a.product-image").attr("href");
   var el_photo = jQuery(this).closest('.product').find('.browseProductImage').first()
   
            jQuery(el_photo[0]).attr("src",src);
         jQuery(el_photo[0]).attr("alt",this.alt );
         jQuery(".main-image a").attr("href",src );
         jQuery(".main-image a").attr("title",this.alt );
         jQuery(".main-image .vm-img-desc").html(this.alt);
      });

файл m.js
строка 738 - 747
Меняем радуемся. )

Тема [Решена]

файл m.js
строка 738 - 747
Меняем радуемся. )

Спасибо! Спасибо! Спасибо! СУПЕР! УРА!