Как указать условие для медиа запросов в html файле? Есть решение

5 ответов

• популярные
• новые

• 1

  replicant 24 мая 2020 17:45 #

  Можно просто скрыть кусок через CSS
  

  <style>
  @media screen and (max-width: 1020px) {
    .sample { display:none;}
  }
  </style>

  {if !empty($category) && !empty($filters)}
  <div class="sample">{include file="./category.filters.html" inline}</div>
  {/if}

  Примерно то же самое можно сделать на JS
  

  ответить
  • +1

    Вася Хароший 24 мая 2020 17:56 #

    не работает, нужно другое решение
    
    скрываются только html элементы, скрипты все равно выполняются
    

    ответить
    • +1

      replicant 24 мая 2020 18:00 #

      На компиляцию шаблона это есс-но не влияет.
      

      ответить
      • +1

        Вася Хароший 24 мая 2020 18:13 #

        у меня в файле sidebar.html есть код
        

        {if !empty($category) && !empty($filters)}
            {include file="./category.filters.html" inline}
        {/if}

        и в файле product.html тоже выводится фильтр для сортировки товаров, который появляется при 1020px ширине, но из за того загружено два фильтра при разворачивании любого из фильтров активируется вывод отфильтрованных товаров, страница перезагружается как только разворачиваю вид фильтра.

        Вот я нажимаю на тип фильтра и страница перезагружается.
        

        

        
        

        ответить
• 1

  Вася Хароший 24 мая 2020 18:54 # Решение

  разобрался, была проблема в js скриптах
  

  ответить