Как сделать выдачу каталога в три столбца — различия между версиями
Материал из Umicms
Sv (обсуждение | вклад) (Новая страница: «<hr> <h2>Как сделать выдачу каталога в три столбца?</h2> Этим же способом можно выводить товары …») |
Alexei (обсуждение | вклад) |
||
| (не показано 6 промежуточных версий 3 участников) | |||
| Строка 1: | Строка 1: | ||
| − | + | Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только процентное соотношение в стилях: | |
| − | + | <source lang="php"> | |
| − | |||
| − | Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только соотношение в стилях: | ||
| − | < | ||
$FORMS['objects_block'] = <<<END | $FORMS['objects_block'] = <<<END | ||
<h1>Каталог продукции</h1> | <h1>Каталог продукции</h1> | ||
| − | |||
<div id="cat"> | <div id="cat"> | ||
| − | + | %lines% | |
| − | % lines% | ||
| − | |||
</div> | </div> | ||
| Строка 20: | Строка 14: | ||
$FORMS['objects_block_line'] = <<<END | $FORMS['objects_block_line'] = <<<END | ||
| − | <div | + | <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" /> |
| − | |||
| − | <img src="% photo%" height="112" width="150" /> | ||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
END; | END; | ||
| − | </ | + | </source> |
В шаблоне дизайна нужно будет подключить CSS примерно следующего вида: | В шаблоне дизайна нужно будет подключить CSS примерно следующего вида: | ||
| − | < | + | <source lang="php"> |
<style type="text/css"> | <style type="text/css"> | ||
| − | |||
#cat { | #cat { | ||
| − | |||
margin: 0 auto 0 auto; | margin: 0 auto 0 auto; | ||
| − | |||
width: 100%; | width: 100%; | ||
| − | |||
} | } | ||
| − | |||
#cat .catItem { | #cat .catItem { | ||
| − | |||
width: 33%; float: left; | width: 33%; float: left; | ||
| − | |||
margin: 0 0 10px; 0; | margin: 0 0 10px; 0; | ||
| − | |||
} | } | ||
| + | </style> | ||
| + | </source> | ||
| − | + | Изменяя значение width: 33% можно добиться вывода в 2, 3, 4 и т.д. столбцов | |
| − | + | [[Категория:Модуль Каталог]] | |
Текущая версия на 13:39, 7 августа 2013
Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только процентное соотношение в стилях:
$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 и т.д. столбцов
