Как сделать выдачу каталога в три столбца
Материал из Umicms
Версия от 09:39, 12 января 2011; Cmac (обсуждение | вклад) (переименовал «Как сделать выдачу каталога в три столбца?» в «Как сделать выдачу каталога в три столбца»)
Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только процентное соотношение в стилях:
$FORMS['objects_block'] = <<<END <h1>Каталог продукции</h1> <div id="cat"> %lines% </div> END; $FORMS['objects_block_line'] = <<<END <div class="catItem"> <h3><a href="%link%">%name%</a></h3> <img src="%photo%" height="112" width="150" /> <p>%descr%</p> </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 и т.д. столбцов