Расширение ннтернет-магазина для Joomla 3.

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

Bald
Автор темы
Не в сети
Новый участник

Больше

7 года 7 мес. назад - 7 года 7 мес. назад #8303 от Bald

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

Последнее редактирование: 7 года 7 мес. назад пользователем Bald.

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

Wedal
Не в сети
Администратор

Больше

7 года 7 мес. назад #8305 от Wedal

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

Bald, посмотрел ваш сайт - все нормально - по 3 товара в строке.

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

Bald
Автор темы
Не в сети
Новый участник

Больше

7 года 7 мес. назад - 7 года 7 мес. назад #8306 от Bald

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

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

Вложения:

Последнее редактирование: 7 года 7 мес. назад пользователем Bald. Причина: Скриншот

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

Bald
Автор темы
Не в сети
Новый участник

Больше

7 года 7 мес. назад #8307 от Bald

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

Спасибо за внимание, нашел проблему, разобрался.
Изменил в /components/com_virtuemart/assets/css/vm-ltr-site.css

Code:

/* adjust to screen size */

div[class*="-view"] .row{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

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

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

Wedal
Не в сети
Администратор

Больше

7 года 7 мес. назад #8308 от Wedal

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

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

Спасибо сказали: Bald

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

Bald
Автор темы
Не в сети
Новый участник

Больше

7 года 7 мес. назад #8309 от Bald

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

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

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

Павел
Не в сети
Новый участник

Больше

7 года 4 мес. назад #8447 от Павел

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

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

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

Bald
Автор темы
Не в сети
Новый участник

Больше

7 года 4 мес. назад - 7 года 4 мес. назад #8449 от Bald

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

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

Нет, проблему не решил, только правкой шаблона virtuemart в css. Файл vm-ltr-common.css
Оригинальный файл строка 219:

Code:

.vm-col-3 {
  width: 33.333%;
}

Я исправил строку width: 33.333%;

Code:

.vm-col-3 {
  width: 30%;
}

И можно не редактировать flex-wrap: wrap; в /components/com_virtuemart/assets/css/vm-ltr-site.css

Последнее редактирование: 7 года 4 мес. назад пользователем Bald. Причина: Добавил И можно не редактировать flex-wrap: wrap; в /components/com_virtuemart/assets/css/vm-ltr-site.css

Спасибо сказали: Павел

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

Павел
Не в сети
Новый участник

Больше

7 года 4 мес. назад #8450 от Павел

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

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

Спасибо сказали: Bald

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