Скрыть скрипт на мобильном разрешении

stepashka · 29 лютого 2016

Всем привет!

У меня на сайте установлен шаблон Univer - https://opencartforum.com/topic/42394-univer-%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D0%B9-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-%D0%B4%D0%BB%D1%8F-ocstore/page-1

Есть код онлайн консультанта:

<!-- Start SiteHeart code -->
    <script>
    (function(){
    var widget_id = 242;
    _shcp =[{widget_id : widget_id}];
    var lang =(navigator.language || navigator.systemLanguage 
    || navigator.userLanguage ||"en")
    .substr(0,2).toLowerCase();
    var url ="widget.siteheart.com/widget/sh/"+ widget_id +"/"+ lang +"/widget.js";
    var hcc = document.createElement("script");
    hcc.type ="text/javascript";
    hcc.async =true;
    hcc.src =("https:"== document.location.protocol ?"https":"http")
    +"://"+ url;
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hcc, s.nextSibling);
    })();
    </script>
    <!-- End SiteHeart code -->

Ставится он после <body>. Вопрос такой, можно ли как то отключить вывод этого консультанта в шаблоне когда клиент заходит с телефона?

Наверняка кто-то уже сталкивался с таким.

stepashka · 29 лютого 2016

оборачиваете в любой див и прописываете ему стили в медиазапросе дисплей ноне

Спасибо!

Попробую.

stepashka · 1 березня 2016

Сделал так:

<div class="siteheart">
    <!-- Start SiteHeart code -->
    <script>
    (function(){
    var widget_id = 655951;
    _shcp =[{widget_id : widget_id}];
    var lang =(navigator.language || navigator.systemLanguage 
    || navigator.userLanguage ||"en")
    .substr(0,2).toLowerCase();
    var url ="widget.siteheart.com/widget/sh/"+ widget_id +"/"+ lang +"/widget.js";
    var hcc = document.createElement("script");
    hcc.type ="text/javascript";
    hcc.async =true;
    hcc.src =("https:"== document.location.protocol ?"https":"http")
    +"://"+ url;
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hcc, s.nextSibling);
    })();
    </script>
    <!-- End SiteHeart code --></div>

в css прописал так:

@media (max-width: 990px) {
  #siteheart {
    display: none;
  }
}

Не работает(

Подскажите где ошибка?

hoolygan · 1 березня 2016

в css

.[name_of_class]

а не

#[name_of_class]

stepashka · 1 березня 2016

Все равно не работает(

В файл responsive.css в самый конец добавляю:

@media only screen and (max-width: 990px) {

.siteheart {

display: none;

}

Консультант не пропадает(

Вхід

Скрыть скрипт на мобильном разрешении

Recommended Posts

stepashka

Надіслати

Поділитися на інших сайтах

stepashka

Надіслати

Поділитися на інших сайтах

stepashka

Надіслати

Поділитися на інших сайтах

hoolygan

Надіслати

Поділитися на інших сайтах

stepashka

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information