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

нужно чтобы вот этот код в файле sidebar.html отменялся при ширине экрана 1020px

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

2 ответа

  • 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 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 скриптах

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите