Отображение товара блоками

[lmao]

Всех приветствую! Всю голову сломал, никак не получается (файл productcategory.tpl + css)

Как сделать отображение товара как на картинке?

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

Надеюсь, что понятно сформулировал =)

Заранее благодарю за помощь!

[fabrikator]

попробуйте например в файле catalog/view/theme/ваша тема/stylesheet/stylesheet.css в блоке .product-list > div вписать что- то типа

padding:10px;
border:5px solid #ccc;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-khtml-border-radius:7px;

и в блоке .product-list > div + div сменить значение у пункта border-top:1px solid #EEE; например на border-top:5px solid #ccc;

[lmao]

Спасибо за ответ, но немного не то..

Мне надо это реализовать именно при помощи графики, т.е. например:

css:
.product-header {
background: url("../img/product-header.jpg");
}
.product-list {
background: url("../img/product-center.jpg") repeat-y;
...
}
.product-footer {
background: url("../img/product-footer.jpg");
}

tpl:
<div class="product-header"></div>
<div class="product-list">
...
</div>
<div class="product-footer"></div>

Как раз на картинке (из первого сообщения) я подметил, что блок состоит из трех граф. частей ^)

[romign]

Покажите код, в котором не работают такие рамки, вам помогут найти ошибку. А писать заново весь код вам, думаю, никто не будет.

[lmao]

Все, разобрался. Проблема была в том, что <div class="product-header"></div> я вставлял до " <?php foreach ($products as $product) { ?>" и соответственно верхняя часть блока отображалась только на первом товаре.

[romign]

Мило :)