Форум русской поддержки Joomla!® CMS
03.12.2016, 02:25:06 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Joomla 3 VirtueMart 3 - js повторное выполнение

 (Прочитано 179 раз)
0 Пользователей и 1 Гость смотрят эту тему.
pavelrer
Давно я тут
****

Репутация: +4/-0
Offline Offline

Сообщений: 263


« : 29.06.2016, 00:19:31 »

Доброго.

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

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

Вот скрипт:

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)

Спасибо!
Записан
gartes
Живу я здесь
******

Репутация: +62/-3
Offline Offline

Сообщений: 826


Е = mс²


« Ответ #1 : 29.06.2016, 14:31:41 »

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

Репутация: +4/-0
Offline Offline

Сообщений: 263


« Ответ #2 : 29.06.2016, 16:31:51 »

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

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

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

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



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

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

Спасибо!


Записан
gartes
Живу я здесь
******

Репутация: +62/-3
Offline Offline

Сообщений: 826


Е = mс²


« Ответ #3 : 01.07.2016, 09:16:35 »

Цитировать
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
Меняем радуемся. )

Тема [Решена]
« Последнее редактирование: 01.07.2016, 09:19:47 от gartes » Записан
pavelrer
Давно я тут
****

Репутация: +4/-0
Offline Offline

Сообщений: 263


« Ответ #4 : 01.07.2016, 12:11:57 »

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

Спасибо! Спасибо! Спасибо! СУПЕР! УРА!
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet