Тема: Современная тема, правка мобильного шаблона
Как в современной теме правильно изменить размер часть блоков в мобильной версии?
Re: Современная тема, правка мобильного шаблона
имею ввиду css в каком файле править?
Re: Современная тема, правка мобильного шаблона
так выглядит на ПК
https://yadi.sk/i/i6cf00hl3QnGUn
А так на телефоне
https://yadi.sk/i/Ui7f8DTt3QnGiL
4 20.12.2017 18:55:23 Отредактировано Закусило Александр (20.12.2017 18:58:04)
Re: Современная тема, правка мобильного шаблона
Тут 2 варианта быстрый и чуть дольше.
Простой.
В папке с вашей темой оформления, там где лежит layout.tpl создаёте файл scripts.tpl. В нём пишите:
{addcss file="custom.css"}Далее можете создать файл в /templates/Ваша тема/resource/css/custom.css и добавлять правила.
Второй для создания полностью своей темы оформления.
Клонируете тему через Управление->Шаблоны->Справа вверху кнопка. После чего можете править всё угодно в Вашей клонированной теме.
И вот почитать:
небольшое руководство
Также посмотрите как включить отображение ошибок здесь https://readyscript.ru/faq/#faq-errors
Re: Современная тема, правка мобильного шаблона
Закусило Александр пишет:
Тут 2 варианта быстрый и чуть дольше.
Простой.
В папке с вашей темой оформления, там где лежит layout.tpl создаёте файл scripts.tpl. В нём пишите:{addcss file="custom.css"}Далее можете создать файл в /templates/Ваша тема/resource/css/custom.css и добавлять правила.
С этим разобрался, как сделать, чтобы например один и тот же класс по разному отображался в ПК версии и в мобильной?
Например в ПК
.subCategoryListVolt{
margin: 0px 3px 3px 0px;
width: 30%;
background: white;
float: left;
height: 110px;}а в мобильной
.subCategoryListVolt{
margin: 0px 3px 3px 0px;
width: 100%;
background: white;
height: 110px;}
Re: Современная тема, правка мобильного шаблона
Это называется адаптивный дизайн
https://habrahabr.ru/post/119127/
