[Ultimo и Fortis] Как скрыть/показать элемент HTML в зависимости от ширины экрана посетителя?

[10 ноября 2016 г.]    Российская сборка Magento 2.49.12
Magento 2: модули и услуги
#1 Дмитрий Федюк
  • Администратор
  • Иконка
  • Группа: Администратор
  • Сообщений: 8886
  • Регистрация: 20.02.2010

25.11.2014 04:36

Оформительские темы Ultimo и Fortis способны адаптировать свой внешний вид к ширине экрана браузера конкретного посетителя интернет-магазина.
Адаптируемость уже встроена во все стандартные самодельные блоки и модули.
При добавлении новых самодельных блоков и изменении существующих полезно сделать новое содержимое также адаптируемым к ширине экрана посетителя.
Чтобы скрыть/показать элемент HTML в зависимости от ширины экрана посетителя, надо назначить ему класс CSS вида .hide-below-<минимальная ширина экрана>, где <минимальная ширина экрана> — это минимальная ширина экрана в пикселях (натуральное число без дополнительных символов), при которой данный элемент HTML должен отображаться на экране.
Например, при назначении элементу HTML класса .hide-below-768 этот элемент будет виден только при экране шириной не меньше 768 пикселей.
Параметр <минимальная ширина экрана> может принимать одно из следующих значений: 320, 480, 768, 960, 1024, 1280, 1360, 1440, 1680.
Другие значения назначать ему нельзя.

Поделиться темой: