Автор Тема: Изменение количества товаров в ряд  (Прочитано 47 раз)

13 Июнь 2018, 14:25:40
  • Новичок
  • *
  • Сообщений: 35
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Доброго времени суток. Почитал очень много информации в интернете, но решения так и не нашел (хотя есть якобы рабочие, но в моем случае они мне не помогли). Имеется код в файле product-list.tpl
{if isset($products) && $products}
{if !isset($nbItemsPerLine)}
{assign var='nbItemsPerLine' value=4}
{/if}
{if !isset($compare)}
{assign var='compare' value=1}
{/if}
{if !isset($quick_view)}
{assign var='quick_view' value=0}
{/if}
<ul class="w100 lil products clear product_list{if isset($class) && $class} {$class}{/if} ad1e"{if isset($id) && $id} id="{$id}"{/if}{if isset($data) && $data} {$data}{/if}>
{foreach from=$products item=product name=products}
{include file="{$tpl_dir}product-list-one.tpl" product=$product compare=$compare quick_view=$quick_view nbItemsPerLine={$nbItemsPerLine}}
{/foreach}
</ul>
<div class="clear"></div>
{if isset($compare) && $compare}
{if isset($comparator_max_item) && $comparator_max_item}
{addJsDefL name=min_item}{l s='Please select at least one product' js=1}{/addJsDefL}
{addJsDefL name=max_item}{l s='You cannot add more' js=1} {$comparator_max_item} {l s='product(s)' js=1}{/addJsDefL}
{addJsDef comparator_max_item=$comparator_max_item}
{addJsDef comparedProductsIds=$compared_products}
{addJsDefL name=compare_add}{l s='Add to compare' js=1}{/addJsDefL}
{addJsDefL name=compare_added}{l s='Added to compare' js=1}{/addJsDefL}
{/if}
{/if}
{/if}
На данный момент отображается по 4 товара в ряд, а мне необходимо сделать 2 в ряд и в большем формате. С форматом то ладно, но вот как конкретно сделать отображение - ума не приложу. Буду очень благодарен за помощь. За готовое решение готов внести материальную компенсацию за труд)
Естественно, что одно изменение значения тут ничего не дает.
{assign var='nbItemsPerLine' value=4}Вот еще видимо часть кода из global.js
function display(view)
{
 if (view == 'list')
 {
$('.product_list > li').removeClass('col-xs-12 col-sm-6 col-md-3')
.addClass('col-xs-12 col-sm-6 col-md-12');
}
 else
 {
 $('.product_list > li').removeClass('col-xs-12 col-md-12').addClass('col-xs-12 col-sm-6 col-md-3');
}}
13 Июнь 2018, 16:47:17
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 14786
  • Репутация: +14588/-5
  • Сообщество PrestaShop
    • Просмотр профиля
14 Июнь 2018, 07:27:08
Ответ #2
  • Новичок
  • *
  • Сообщений: 35
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
14 Июнь 2018, 10:41:40
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 21317
  • Репутация: +25286/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
Все правильно. Поменяли в product-list.tpl nbItemsPerLine нужно изменить классы в global.js
col-xs-6 - 2 товара в ряд
col-xs-4 - 3 товара
col-xs-2 - 6
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
14 Июнь 2018, 11:50:08
Ответ #4
  • Ветеран
  • *****
  • Сообщений: 1304
  • Репутация: +34/-1
  • Сообщество PrestaShop
    • Просмотр профиля