Не работает лайтбокс в карточке товара, конфликт jQuery

Тема в разделе "JoomShopping", создана пользователем samuel-led, 04.07.2016.

  1. Offline

    samuel-led Недавно здесь

    Регистрация:
    08.06.2016
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    Joomla! 3.5.1 Stable [ Unicorn ] 05-April-2016 22:45 GMT
    JoomShopping Version 4.12.3

    В текст описания в карточке товара добавлен код дополнительного модуля:
    Код (html):
    1. {source}
    2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    3. <html>
    4. <head>
    5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    6. <title>Табы</title>
    7. <link href='http://shungit-nsk.ru/components/com_jshopping/css/tabs.css' rel='stylesheet' type='text/css'>
    8. </head>
    9. <body>
    10. <div id="tabs">
    11. <ul class="ultabs">
    12. <li><a class="shungit" href="#tabs-1" title="Высокоактивный карельский шунгит">Высокоактивный карельский шунгит</a></li>
    13. <li><a class="keratin" href="#tabs-2" title="Кератин">Кератин</a></li>
    14. <li><a class="oblepiha" href="#tabs-3" title="Северная облепиха">Северная облепиха</a></li>
    15. </ul>
    16. <div id="tabs_container" style="height: 145px;"> <!--Высота блока контента-->
    17. <div class="texttab" id="tabs-1">
    18. <p><strong>Высокоактивный карельский шунгит</strong><br/>Насыщает волосы и кожу головы необходимыми микроэлементами,<br/>укрепляет корни волос,<br/>оказывает антиоксидантное действие.</p>
    19. </div>
    20. <div class="texttab" id="tabs-2">
    21. <p><strong>Кератин</strong><br/>Укрепляет и воссоздает защитный, кератиновый слой волоса,<br/>придает волосам прочность.</p>
    22. </div>
    23. <div class="texttab" id="tabs-3">
    24. <p><strong>Северная облепиха</strong><br/>Богата натуральными жирными кислотами,<br/>питает волосы, придает им блеск и мягкость,<br/>восстанавливает сухие и ослабленные концы.</p>
    25. </div>
    26. </div><!--Конец контейнера с содержанием табов-->
    27. </div><!--Конец общего блока вкладок-->
    28.  
    29.  
    30.  
    31. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    32. <script type="text/javascript" src="http://shungit-nsk.ru/components/com_jshopping/css/tabulous.js"></script>
    33. <script type="text/javascript" src="http://shungit-nsk.ru/components/com_jshopping/css/js.js"></script>
    34.  
    35. </body>
    36. </html>
    37. {/source}


    Пример работы модуля можно посмотреть здесь:
    http://www.shungit-nsk.ru/index.php/tovary/product/view/1/2

    При этом перестаёт функционировать Lightbox, который должен открываться при клике на изображении продукта.
    Если код удалить, то Lightbox начинает работать.

    Вот, например:
    http://www.shungit-nsk.ru/index.php/tovary/product/view/1/1
    здесь кода нет, Lightbox работает.

    Понимаю, что что-то конфликтует, но в JS не силён. Помогите решить. Нужно, чтобы мой модуль продолжал работать и Lightbox работал.

     
    samuel-led, 04.07.2016
    #1

  2. Наши спонсоры

     
    3. Лучший ответ:
    Сообщение #5 от 05.07.2016, автор samuel-led
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    Удали подключения яваскрипта
    Код (html):
    1. <scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
     
    OlegK, 05.07.2016
    #2
  4. Offline

    samuel-led Недавно здесь

    Регистрация:
    08.06.2016
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    Удалил. Мой модуль перестал работать, лайтбокс заработал. Пробовал указать более позднюю версию, при этом модуль работает некорректно, лайтбокс тоже не работет.
     
    samuel-led, 05.07.2016
    #3
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    Попробуй подключить перед тегом </body> , определив условие показа в шаблоне для показа в карточке товара
    https://joomla-support.ru/thread/45607/
    п.с.
    Выше написанное не делай, не будут твои яваскрипты работать.
    А еще укажи в твоих яваскриптах для табов
    Код (javascript):
    1. jQuery.noConflict();

    И перепиши в твоих яваскриптах $ -> jQuery;
    Суть твоей проблемы- jquery подключается несколько раз
    п.с.2
    Таки удали подключение яваскрипта с гугла. Перенеси подключение твоих яваскриптов в шаблон по условию.
     
    Последнее редактирование: 05.07.2016
    OlegK, 05.07.2016
    #4
    samuel-led нравится это.
  6. Offline

    samuel-led Недавно здесь

    Регистрация:
    08.06.2016
    Сообщения:
    7
    Симпатии:
    0
    Пол:
    Мужской
    Лучший ответ
    Прописал в конце кода модуля строку:
    Код (html):
    1. </div><!--Конец контейнера с содержанием табов-->
    2. </div><!--Конец общего блока вкладок-->
    3.  
    4.  
    5. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    6. <script type="text/javascript" src="http://shungit-nsk.ru/components/com_jshopping/css/tabulous.js"></script>
    7. <script type="text/javascript" src="http://shungit-nsk.ru/components/com_jshopping/css/js.js"></script>
    8.  
    9. <script type="text/javascript">jQuery.noConflict(true);</script>
    10.  
    11. </body>
    12. </html>


    Лайтбокс заработал, табы работают. Благодарю за помощь.
     
    samuel-led, 05.07.2016
    #5
< Joomshoping Начало | Ошибки при импорте. >

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

Загрузка...