Как реализовать чтобы товары отображались рядом друг с другом, а не следом друг за другом?

Хочется чтобы было как на скриншоте.

Ни кто так не делал?

Надоело построчное отображение товаров..

global.css

правим там как нужно. Хоть в строчку, хоть как.

Спасибо за подсказку. Я в принципе почти сразу догадался что в css дело..

Вот что сделал..




Теперь появились две колонки. Только в самом низу почему то одна колонка смешается. по непонятным причинам..
В стандартный (не переделанный шаблон) засовывал этот изменённый тег, всё равно также..
Причем сколько бы строк не было, все равно последняя смещается.

Может кто сталкивался, как исправить?

фаерфокс + фаербаг вам в помощь, как говорится

Спасибо)) Иногда бывает очевидное не явным))

Справился с этим делом.. Оказалось что это из-за текста. Когда текста много то колонка расширяется и из-за этого смещается другая колонка.

Поставил здесь 100% и текст стал на всё окошко...
ul#product_list li p.product_desc{ font-size:0.92em; }
ul#product_list li div.center_block{
float:left;
width:100%;


Но всё равно когда много текста колонки смещаются.


Если может кто знает как можно настроить обрезание текста. Оно как бы есть и обрезает текст определенной длинны в описании товара.

Вот например многоточие:

Если, я правильно понял, то
truncat

если надо обрезать тэги, то striptags(truncate(...))

Мне надо обрезать описание в категориях. Чтобы ограничить вывод описания до 150 знаков например.

Про трункат не понял. Как его применить?

описание самих категорий или описание продуктов при навигации по категориям?
во втором случае - themes/prestashop/product-list.tpl,
меняем

<p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}">{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}</a></p>

на

<p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}">{$product.description_short|strip_tags:'UTF-8'|truncate:150:'...'}</a></p>