Как сделать выдачу каталога в три столбца
Материал из Umicms
Версия от 13:39, 7 августа 2013; Alexei (обсуждение | вклад)
Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только процентное соотношение в стилях:
$FORMS['objects_block'] = <<<END
<h1>Каталог продукции</h1>
<div id="cat">
%lines%
</div>
END;
$FORMS['objects_block_line'] = <<<END
<div style="width: 33%; float: left; margin: 0/0/10px/0;">
<p><a href="%link%">%text%</a></p>
<img src="%photo%" height="112" width="150" />
</div>
END;
В шаблоне дизайна нужно будет подключить CSS примерно следующего вида:
<style type="text/css">
#cat {
margin: 0 auto 0 auto;
width: 100%;
}
#cat .catItem {
width: 33%; float: left;
margin: 0 0 10px; 0;
}
</style>
Изменяя значение width: 33% можно добиться вывода в 2, 3, 4 и т.д. столбцов