Настройка видимости секций и элементов на разных устройствах

На Flexbe есть функция Видимость на устройствах — вы можете настраивать, на каких устройствах хотите показывать секцию или элемент:

• на всех устройствах
• только мобильные
• только ПК

Обычно это нужно, если вы делаете разное оформление для разных устройств.

Настройка секции

Например, у вас есть секция, которая хорошо смотрится на ПК — но не подходит для мобильных.

С большого монитора удобно листать вкладки меню.

Но на маленьком экране смартфона секция смотрится иначе. Визуально кажется, что картинка обозначает верхнюю позицию меню — и получается, что изображение не соответствует содержанию.

Поэтому можно поставить видимость Только ПК, и сделать для мобильных другую секцию с меню.

Вам не придется создавать два сайта, для ПК и мобильных, достаточно настроить в секциях видимость на разных устройствах.

Когда в секции включена настройка Видимость на устройствах — появляется зеленый значок.

Настройка элемента

Иногда не нужно переделывать всю секцию — достаточно скрыть или добавить один элемент. Тем более количество секций влияет на скорость загрузки страницы — если есть возможность, лучше настраивать элемент вместо дублирования секции.

Например, кнопка Позвонить на первом экране нужна только на мобильных телефонах — чтобы клиенту было удобно сделать заказ со смартфона.

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

В настройках каждого элемента есть режим Видимость на устройствах. Чтобы перейти в него, нужно нажать на «...» в правом верхнем углу любого элемента.

Когда в элементе включена настройка Видимость на устройствах — в секции появляется зеленый значок.