Автор Тема: 2 товара в ряд  (Прочитано 736 раз)

27 Июнь 2017, 07:48:59
  • Фрилансер
  • *
  • Сообщений: 182
  • Репутация: +0/-44
    • Просмотр профиля
    • RUS-DESIGN
подскажите как на мобильных сделать в категории по 2 товара в ряд в дефолтном шаблоне?
27 Июнь 2017, 12:43:03
Ответ #1
  • Пользователь
  • **
  • Сообщений: 93
  • Репутация: +2/-0
  • PrestaShop 1.7.7.3
    • Просмотр профиля
Скорее всего не поместится и это будет не удобно - очень мелкие картинки станут.
Какая версия 1.6 или 1.7?
_________
Удаление вирусов и вредоносного кода с любых сайтов.
27 Июнь 2017, 13:26:07
Ответ #2
  • Ветеран
  • *****
  • Сообщений: 1614
  • Репутация: +32/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Класс замените в product-list.tpl у <li /> col-xs-12  на col-xs-6
27 Июнь 2017, 19:18:29
Ответ #3
  • Фрилансер
  • *
  • Сообщений: 182
  • Репутация: +0/-44
    • Просмотр профиля
    • RUS-DESIGN
Скорее всего не поместится и это будет не удобно - очень мелкие картинки станут.
Какая версия 1.6 или 1.7?

1.6 а сейчас картинки крупные и мутные, уж лучше мелкие и четкие)
27 Июнь 2017, 20:10:40
Ответ #4
  • Фрилансер
  • *
  • Сообщений: 182
  • Репутация: +0/-44
    • Просмотр профиля
    • RUS-DESIGN
Класс замените в product-list.tpl у <li /> col-xs-12  на col-xs-6

заменил, в две колонки, поправил css (уменьшил высоту фото на мобильном), все вроде бы хорошо, но косяк.
Косяк в том что идут 6 фото товаров в два ряда, далее один товар в ряду, далее по 2 ряда опять несколько товаров и т.д. как править эту штуку??
27 Июнь 2017, 20:43:32
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 1285
  • Репутация: +13/-1
  • Сообщество PrestaShop
    • Просмотр профиля
{*define number of products per line in other page for desktop*}
{if $page_name !='index' && $page_name !='product'}
{assign var='nbItemsPerLine' value=3}
{assign var='nbItemsPerLineTablet' value=2}
{assign var='nbItemsPerLineMobile' value=3}
{else}
{assign var='nbItemsPerLine' value=4}
{assign var='nbItemsPerLineTablet' value=3}
{assign var='nbItemsPerLineMobile' value=2}
{/if}
{*define numbers of product per line in other page for tablet*}
{assign var='nbLi' value=$products|@count}
{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
{math equation="nbLi/nbItemsPerLineTablet" nbLi=$nbLi nbItemsPerLineTablet=$nbItemsPerLineTablet assign=nbLinesTablet}
Количество в ряду нужно изменить.
27 Июнь 2017, 20:57:10
Ответ #6
  • Фрилансер
  • *
  • Сообщений: 182
  • Репутация: +0/-44
    • Просмотр профиля
    • RUS-DESIGN
{*define number of products per line in other page for desktop*}
{if $page_name !='index' && $page_name !='product'}
{assign var='nbItemsPerLine' value=3}
{assign var='nbItemsPerLineTablet' value=2}
{assign var='nbItemsPerLineMobile' value=3}
{else}
{assign var='nbItemsPerLine' value=4}
{assign var='nbItemsPerLineTablet' value=3}
{assign var='nbItemsPerLineMobile' value=2}
{/if}
{*define numbers of product per line in other page for tablet*}
{assign var='nbLi' value=$products|@count}
{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
{math equation="nbLi/nbItemsPerLineTablet" nbLi=$nbLi nbItemsPerLineTablet=$nbItemsPerLineTablet assign=nbLinesTablet}
Количество в ряду нужно изменить.

+ еще в global.js тоже исправить с col-xs-12 на col-xs-6 но все равно тоже самое((.
28 Июнь 2017, 19:18:34
Ответ #7
  • Фрилансер
  • *
  • Сообщений: 182
  • Репутация: +0/-44
    • Просмотр профиля
    • RUS-DESIGN
ни у кого нет мыслей как поправить вид?
почему не все товары встают по два в ряд??
28 Июнь 2017, 19:28:14
Ответ #8
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
Проверь в консоле веб мастера, так увидишь что мешает.
04 Июль 2017, 09:53:55
Ответ #9
  • Фрилансер
  • *
  • Сообщений: 182
  • Репутация: +0/-44
    • Просмотр профиля
    • RUS-DESIGN
ага еще кеш почисти.

гениально бл...
04 Июль 2017, 11:32:01
Ответ #10
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
Не хочешь, не делай. Так оставь, раз нет желания исправлять. Ну или найми кого-нибуть.
18 Ноябрь 2018, 12:54:43
Ответ #11
  • Новичок
  • *
  • Сообщений: 3
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Цитировать
заменил, в две колонки, поправил css (уменьшил высоту фото на мобильном), все вроде бы хорошо, но косяк.
Косяк в том что идут 6 фото товаров в два ряда, далее один товар в ряду, далее по 2 ряда опять несколько товаров и т.д. как править эту штуку??

Это поведение свойства float у <li> с товаром. Если высота у какого-то блока в ряду оказывается больше, то в следующем ряду тот, что под ним смещается в право, и все остальные соответственно тоже оказываются не на своих местах.
18 Ноябрь 2018, 13:10:07
Ответ #12
  • Ветеран
  • *****
  • Сообщений: 22125
  • Репутация: +25303/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
С фиксированной высотой блоков будет нормально.
Для li и для блока с названием, описанием нужно задать фикс. высоту.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
20 Ноябрь 2018, 14:59:17
Ответ #13
  • Фрилансер
  • *
  • Сообщений: 112
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день.
Как можно увеличить количество отображаемых товаров в категории путем уменьшения фото и скорее всего размера шрифта названия товара? Чтобы в имеющейся области, в которой отображается 9 товаров (в ряду 3 шт., в строке 3 шт.) стало отображаться примерно 16 товаров (в ряду 4 шт., в строке 4 шт.)
На данный момент в админке выставлено количество товаров 9 шт. и в категории по умолчанию отображается 9 товаров, под этим списком "кнопка" "Загрузить больше товаров".

Спасибо.
21 Ноябрь 2018, 12:26:48
Ответ #14
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Классы у li col-xs-12 col-sm-4 col-md-3 нужно изменить. Верстка по bootsrap и классы от него, увеличить колиство в ряд можно меняя ширину li.