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

Каждой заявке присваивается уникальный номер, который можно использовать для отслеживания состояния и ответов онлайн.

Для того чтобы начать, просто зарегистрируйтесь или войдите в аккаунт.

© OCTemplates 2018

Антон Антон@Novaxx
3

Пять товаров в ряд

Подписок: 0 Просмотров: 392 Вопрос задан: 14 августа 11:13 Последний ответ: 16 сентября 11:17

Предалагаю увеличить ширину шаблона по максимуму в соответствии с возможностями opencart и сделать по 5 товаров в ряд если не стоит боковое меню, фильтр или другое. Когда товара очень много, хочется клиенту показать как можно больше товара на единицу площади экрана, при этом карточки товара в шаблоне довольно таки  крупные по размеру а сам шаблон довольно узок, opencart вполне позволяет делать ширину активной области сайта и в 1600 по ширине. При такой ширине, добавить еще одну карточку товара в ряд вполне возможно, в итоге вместе с боковыми модулями получается по 4 товара в ряд а не по 3. Клиент меньше листает-видит больше товара на экране.

Голос (6) (0) Подписаться
Для того, чтобы была выполнена доработка данного функционала, необходимо 150 голосов.
Данная цифра носит условный характер, популярные доработки будут внедряться намного раньше.
6
0

Комментарии



Паша Паша @Torvael

Добрый день!

Вы предлагает, если разрешение экрана больше 1280px шаблон растягивался на весь экран?

добавить еще одну карточку товара в ряд вполне возможно

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

Ответ написан: 15 августа 17:35
Антон Антон @Novaxx
Паша, сегодня 17:35

Добрый день!

Вы предлагает, если разрешение экрана больше 1280px шаблон растягивался на весь экран?

добавить еще одну карточку товара в ряд вполне возможно

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

почему на весь экран, нет конечно, в opencart ограничение вроде есть на ширину области сайта по отношению к экрану. Посмотрел другие шаблоны, у многих, при разрешении экрана 1920, ширина шаблона составляет 1600 или около этого, значит можно такую ширину при таком разрешении использовать в opencart и в этойм шаблоне. Считаю что шаблон слишком заужен, и вполне может нараститься по бокам без потерь.  Ваше решение как один из выходов из ситуации конечно, но насколько могу судить по скрину, карточки товара получаются узкими и при этом высокими, смотрится ИМХО не очень. Но все таки напишите если не сложно Ваш рецепт получения 4х товаров в ряд с фильтром сбоку. Хотя бы опционально тогда, кого устраивает текущая ширина и 3 товара с фильтром, все останется как есть. А кому надо пошире и 4 товара в ряд с фильтром, можно предусмотреть какой нибудь крыжик или кнопку. выбор ну что-то подобное.

Ответ написан: 15 августа 20:38
Антон Антон @Novaxx

Вот CSS код для 5ти товаров в ряд как на картинках у Torvael. Огромная благодарность ему за потраченое время на тестировние кода, его доработку.

/* 5 Товаров в ряд */
@media (min-width:1200px) {
.col-lg-4 {
  width: 25%;
 }
}
@media only screen and (min-width: 776px) {
.product-grid .product {
min-height: 384px;
}
}
@media only screen and (min-width: 994px) {
.product-grid .product {
 margin-right: -20px;
}
}
@media only screen and (min-width: 1200px) {
.product-grid .product-buttons .cart {
    width: 103px !important;
    margin-left: -5px;
}
}
@media screen and (max-width: 1199px) and (min-width: 769px) {
.product-grid .product-buttons .cart {
    width: 110px !important;
 }
}
@media only screen and (min-width: 1200px) {
.product-grid .product-buttons .additional {
    padding: 0 5px 0 0;
}
}
.product-grid .product-buttons .wishlist {
 margin-left: 0px;
}
.product-grid .product-buttons .compare {
 margin-left: 5px;
}
.product-grid .product {
margin-bottom: 10px !important;
}

Ответ написан: 16 сентября 11:17