Настройка количества товаров в строке (убрать переносы)

9 мес. 2 нед. назад - 9 мес. 2 нед. назад #8303 от Bald
Нашел тему на Вашем форуме wedal.ru/forum/virtuemart-2/5715-nekorrektnoe-otobrazhenie-stroki-tovarov.html
Пробовал применить к своему шаблону, не увенчалось успехом, может не там копал.
Суть проблемы:
Количество товаров в строке стоит по умолчанию (3), на странице отображается не совсем корректно, т.е. идут 2 товара в строке, 1 в следующей строке, потом перенос и опять 2 товара в строке, 1 в следующей, перенос, и так далее.
Подскажите, где копать?
Ссылка на магазин: keti.com.ua/zhenskaya-odezhda/kurtki.html
Там только 6 товаров, как тест загружено. Шаблон Joomla - адаптивный, а вот VM нуждается в правке, буду благодарен за помощь!
Joomla! 3.6.5 + VirtueMart 3.0.18

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

9 мес. 2 нед. назад #8305 от Wedal
Bald, посмотрел ваш сайт - все нормально - по 3 товара в строке.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

9 мес. 2 нед. назад - 9 мес. 2 нед. назад #8306 от Bald
Прошу прощения, видимо, что-то случилось с шаблоном, сбились все настройки и стили. И сайт действительно отображал по 3 товара в строке, но остальное содержимое сайта было раскидано как попало.
Восстановил все в исходное состояние, проблема та же, прикрепляю скриншот.
Вложения:

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

9 мес. 2 нед. назад #8307 от Bald
Спасибо за внимание, нашел проблему, разобрался.
Изменил в /components/com_virtuemart/assets/css/vm-ltr-site.css
/* adjust to screen size */
 
div[class*="-view"] .row{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

В оригинале было flex-wrap: wrap;
Спасибо за помощь, буду тестировать далее!

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

9 мес. 1 нед. назад #8308 от Wedal
Bald, вносить изменения в этот файл - плохая идея. При обновлении VM он может быть перезаписан и все ваши изменения потеряются. Вам нужно вставить этот кусок кода в CSS-файл вашего шаблона Joomla и убедиться, что файл шаблона подключается после файла vm-ltr-site.css в html-коде сгенерированной страницы категории.
Спасибо сказали: Bald

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

9 мес. 1 нед. назад #8309 от Bald
Да, буду искать другое решение.
При просмотре на мобильных устройствах этот перенос нужен, потому как шаблон отображается не правильно и расширяется в блоке товаров.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 мес. 1 нед. назад #8447 от Павел
Уважаемый Bald, проблему решить так и не удалось?
Мучаюсь с этим же шаблоном. Уже не знаю, куда копать..

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 мес. 1 нед. назад - 6 мес. 1 нед. назад #8449 от Bald

Павел пишет: Уважаемый Bald, проблему решить так и не удалось?
Мучаюсь с этим же шаблоном. Уже не знаю, куда копать..

Нет, проблему не решил, только правкой шаблона virtuemart в css. Файл vm-ltr-common.css
Оригинальный файл строка 219:
.vm-col-3 {
  width: 33.333%;
}
Я исправил строку width: 33.333%;
.vm-col-3 {
  width: 30%;
}
И можно не редактировать flex-wrap: wrap; в /components/com_virtuemart/assets/css/vm-ltr-site.css
Спасибо сказали: Павел

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 мес. 1 нед. назад #8450 от Павел
Так же гораздо лучше. Спасибо, что помогли. Вроде бы все корректно отображается.
Спасибо сказали: Bald

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.


Вверх