Определение ширины окна в жидкости

Question

Я ищу способ использовать оператор if, включая ширину области просмотра, непосредственно в Liquid, а не в CSS.

Я хочу сделать следующее: у меня есть две разные навигации для моих сайт, один из них должен использоваться для мобильной версии, а другой - для настольной. В Liquid навигация загружается в шапку так:

        {% include 'navigation' %}

Надеюсь, что смогу сделать что-то вроде этого:

    {%- if width > 1000 -%}
        {% include 'navigation' %}
    {%- else -%}
        {% include 'navigation-mobile' %}
    {%- endif -%}

Заранее спасибо, ребята!

Answer 1

Liquid - это внутренняя структура, что означает, что у нее нет доступа к объектам документа и окна или каким-либо элементам внешнего интерфейса. знает, какая ширина окна. (по словам разработчика, он загружается до того, как DOM будет готов)

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

Рассмотрите возможность использования Javascript, чтобы добавить класс к определенной c навигации, чтобы показать его.