Как сделать выдачу каталога в три столбца — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
(Новая страница: «<hr> <h2>Как сделать выдачу каталога в три столбца?</h2> Этим же способом можно выводить товары …»)
(нет различий)

Версия 13:27, 1 сентября 2009


Как сделать выдачу каталога в три столбца?

Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только соотношение в стилях:

$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>