VM2.0 :: Отмена штатного функционала галереи

Тема в разделе "VirtueMart", создана пользователем shurikkan, 25.11.2012.

  1. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Не пойму как работает галерея в карточке товара.
    То есть где находится сам код, срабатывающий при клике на ссылку миниатюры.

    Исходная задача:
    В штатном функционале при клике по миниатюрке картинки товара, с помощью jQuery открывается окно с большой картинкой. Вместо этого нужно сделать смену картинки, расположенной в блоке ".main-image" по клику на миниатюре.

    В файлах
    не нашёл никакого намёка на подгрузку jQ...
    Перелопатил подключаемые в head файлы - тоже не нашёл ничего по теме, только общие.
     
    Последнее редактирование: 26.11.2012
  2.  
  3. joomguru
    Offline

    joomguru Модератор

    Регистрация:
    03.12.2010
    Сообщения:
    455
    Симпатии:
    74
    Пол:
    Мужской
    Я для этого использовал компонент и модуль Magic Zoom Plus. Попробуй, и удобно, и настройка простая.
     
  4. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Ну нееет, для этого нужно вешать кучу "лишнего" кода! :)

    Вобщем, что я сделал: сначала отключил загрузку behavior.php
    В файле: com_virtuemart/views/productdetails/tmpl/default.php убираем
    Код (PHP):
    1. JHTML::_( 'behavior.modal' );


    Затем в том же файле вписал:
    Код (PHP):
    1. $('a.modal').click(function(event) {
    2.             event.preventDefault();
    3.         }).click(function() {
    4.             var imageLink = $(this).attr('href');
    5.             $('#medium-image').fadeOut(300);
    6.             setTimeout(function() {
    7.                 $('#medium-image').attr('src', imageLink);
    8.             }, 300);
    9.             $('#medium-image').fadeIn(300);
    10.         });


    Получается акутарно и до неприличия просто - всё как я люблю))

    НО! 1 минус - если JS отключен - галерею полистать не судьба...
     

Поделиться этой страницей

Загрузка...