Не работает лайтбокс в карточке товара, конфликт 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 работал.

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

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

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

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

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

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

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

    И перепиши в твоих яваскриптах $ -> jQuery;
    Суть твоей проблемы- jquery подключается несколько раз
    п.с.2
    Таки удали подключение яваскрипта с гугла. Перенеси подключение твоих яваскриптов в шаблон по условию.
     
    Последнее редактирование: 05.07.2016
    samuel-led нравится это.
  7. 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>


    Лайтбокс заработал, табы работают. Благодарю за помощь.
     

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

Загрузка...