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

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

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

Внимание! 5, 6 и 7 января в службе поддержки выходные дни.

© OCTemplates 2018

Антон Антон@Novaxx
4

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

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

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

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

Закрепленное сообщение

Евгений Евгений @front-end-octemplates

Доработка внедрена в версии 8.0

Ответ написан: 05 ноября 2018 11:17

Комментарии



Паша Паша @Torvael

Добрый день!

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

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

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

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

Добрый день!

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

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

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

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

Ответ написан: 15 августа 2018 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 сентября 2018 11:17