Как сделать выдачу каталога в три столбца — различия между версиями
Материал из Umicms
Cmac (обсуждение | вклад) м (переименовал «Как сделать выдачу каталога в три столбца?» в «Как сделать выдачу каталога в три столбца») |
Cmac (обсуждение | вклад) |
||
| Строка 1: | Строка 1: | ||
Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только процентное соотношение в стилях: | Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только процентное соотношение в стилях: | ||
| − | < | + | <source lang="php"> |
$FORMS['objects_block'] = <<<END | $FORMS['objects_block'] = <<<END | ||
| Строка 21: | Строка 21: | ||
END; | END; | ||
| − | </ | + | </source> |
В шаблоне дизайна нужно будет подключить CSS примерно следующего вида: | В шаблоне дизайна нужно будет подключить CSS примерно следующего вида: | ||
| − | < | + | <source lang="php"> |
<style type="text/css"> | <style type="text/css"> | ||
| Строка 37: | Строка 37: | ||
} | } | ||
</style> | </style> | ||
| − | </ | + | </source> |
Изменяя значение width: 33% можно добиться вывода в 2, 3, 4 и т.д. столбцов | Изменяя значение width: 33% можно добиться вывода в 2, 3, 4 и т.д. столбцов | ||
Версия 09:41, 12 января 2011
Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только процентное соотношение в стилях:
$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 и т.д. столбцов
