Мобильная версия сайта

В данной категории, пользователи задают вопросы относительно установки и эксплуатации MOGUTA.CMS
Ответить
Аватара пользователя
tvq12
Web-мастер
Сообщения: 233
Зарегистрирован: 23 окт 2015, 12:30
Откуда: Киев
Контактная информация:

Мобильная версия сайта

Сообщение tvq12 » 28 май 2019, 11:27

Подскажите пожалуйста что и где надо изменить, что бы на смартфоне товары располагались не в одну колонку, а в две?
Аватара пользователя
AndreySupport
Web-мастер
Сообщения: 1154
Зарегистрирован: 31 янв 2016, 20:35

Re: Мобильная версия сайта

Сообщение AndreySupport » 28 май 2019, 12:57

Довольно общий вопрос. Конкретного ответа Вам вряд ли дадут.
Нужно смотреть шаблон, а лучше сразу сайт с инспектором кода.

Можете попробовать написать в стол заказов. Он находиться в ЛК на сайте moguta.ru
Аватара пользователя
tvq12
Web-мастер
Сообщения: 233
Зарегистрирован: 23 окт 2015, 12:30
Откуда: Киев
Контактная информация:

Re: Мобильная версия сайта

Сообщение tvq12 » 28 май 2019, 23:19

Шаблон стандартный.
Аватара пользователя
OrlovOleg
lvl 4
Сообщения: 42
Зарегистрирован: 04 июн 2019, 16:51

Re: Мобильная версия сайта

Сообщение OrlovOleg » 10 июн 2019, 17:21

Здравствуйте!
Попробуйте в браузере с помощью инспектора кода найти ту часть кода которая отвечает за ширину элемента с товаром (скорее всего max-width), и затем внести необходимые изменения в файл со стилями:
- щелкнуть правой кнопкой мыши на товар, далее "Просмотреть код"
- воспользовавшись Toggle device toolbar (правые Ctrl + Shift + M) уменьшить размер экрана до мобильной версии
- выбрать "Select an element in the page to inspect it" (правые Ctrl + Shift + C)
- навести курсор на товар (у границы с другим товаром) таким образом чтобы полностью выделилась карточка товара (синий фон + зеленая рамка), в этом месте щелкнуть левой кнопкой мыши
- в Styles будут отображены все стили применяемые к карточке с товаром
- найти среди них max-width = 100% и заменить на 50%
- убедиться что отображение товаров изменилось нужным образом
- в Styles посмотреть в ссылке (справа от измененного свойства) путь к файлу со стилями css и номер строки, на которой нужно внести изменения
- произвести изменения непосредственно в самом файле со стилями
Ответить