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

Discussion in 'JoomShopping' started by samuel-led, Jul 4, 2016.

  1. Offline

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

    Joined:
    Jun 8, 2016
    Messages:
    7
    Likes Received:
    0
    Gender:
    Male
    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. Best Answer:
    Post #5 by samuel-led, Jul 5, 2016
  4. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Удали подключения яваскрипта
    Код (html):
    1. <scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
     
  5. Offline

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

    Joined:
    Jun 8, 2016
    Messages:
    7
    Likes Received:
    0
    Gender:
    Male
    Удалил. Мой модуль перестал работать, лайтбокс заработал. Пробовал указать более позднюю версию, при этом модуль работает некорректно, лайтбокс тоже не работет.
     
  6. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

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

    И перепиши в твоих яваскриптах $ -> jQuery;
    Суть твоей проблемы- jquery подключается несколько раз
    п.с.2
    Таки удали подключение яваскрипта с гугла. Перенеси подключение твоих яваскриптов в шаблон по условию.
     
    Last edited: Jul 5, 2016
    samuel-led likes this.
  7. Offline

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

    Joined:
    Jun 8, 2016
    Messages:
    7
    Likes Received:
    0
    Gender:
    Male
    Best Answer
    Прописал в конце кода модуля строку:
    Код (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>


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

Share This Page

Loading...