Оптимизация вывода раздела сайта в мобильной версии

Оптимизация вывода раздела сайта в мобильной версии

При создании мобильной версии сайта Битрикс определенную часть работы уходит на оптимизацию общего контента сайта для его корректного вывода в мобильной редакции сайта с сохранением функционала и внешнего вида для обычных мониторов.
В разделе сайта заказчика добавлялся контент и видео с ютуба, причем для видео выставлялись фиксированные размеры по высоте и ширине. В результате это приводило к тому, что видео на смартфоне отображалось шириной 750 рх. Естественно видео не помещалось на экране телефона.
Был выполнен ряд работ по устранению этой проблемы. Я доработал шаблон детальной страницы для раздела «Кино». В шаблоне, блоку видео заданы нужные размеры, поэтому видео отобразится в стандартной версии сайта в нужных пропорциях автоматически. Также была настроена административная форма добавления. Теперь при создании элемента доступна вкладка «Видео» в которой есть поле для вставки кода видео из ютуба.
При заполнении новых элементов это позволит отображать видео в мобильной версии в рамках разрешения телефона.

Вид настроенной административной формы:

форма-раздела-кино

Вид детальной страницы раздела после доработок:

кино-детальная

© 2015-2020 Web админ
Связаться по WhatsApp