Как сделать выдачу каталога в три столбца - История изменений

Alexei в 13:39, 7 августа 2013

2013-08-07T13:39:33Z

Alexei в 13:37, 7 августа 2013

2013-08-07T13:37:28Z

Alexei в 13:36, 7 августа 2013

2013-08-07T13:36:55Z

Cmac в 10:48, 8 сентября 2011

2011-09-08T10:48:01Z

Cmac в 09:41, 12 января 2011

2011-01-12T09:41:16Z

Cmac: переименовал «Как сделать выдачу каталога в три столбца?» в «Как сделать выдачу каталога в три столбца»

2011-01-12T09:39:53Z

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

Sv в 15:05, 12 января 2010

2010-01-12T15:05:58Z

Sv: Новая страница: «

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

Этим же способом можно выводить товары …»

2009-09-01T13:27:44Z

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

Новая страница

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

Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только соотношение в стилях:
<pre>
$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;
</pre>

В шаблоне дизайна нужно будет подключить CSS примерно следующего вида:
<pre>

<style type="text/css">

#cat {

margin: 0 auto 0 auto;

width: 100%;

}

#cat .catItem {

width: 33%; float: left;

margin: 0 0 10px; 0;

}

</style>
</pre>

@@ Строка 14: / Строка 14: @@
 $FORMS['objects_block_line'] = <<<END
-<div class="catItem">
+<div   style="width: 33%; float: left; margin: 0/0/10px/0;">
    <img src="%photo%" height="112" width="150" />
 </div>

@@ Строка 16: / Строка 16: @@
 <div class="catItem">
    <img src="%photo%" height="112" width="150" />
 </div>

@@ Строка 15: / Строка 15: @@
 <div class="catItem">
    <img src="%photo%" height="112" width="150" />
    <p>%descr%</p>

← Предыдущая		Версия 10:48, 8 сентября 2011
Строка 40:		Строка 40:

	Изменяя значение width: 33% можно добиться вывода в 2, 3, 4 и т.д. столбцов		Изменяя значение width: 33% можно добиться вывода в 2, 3, 4 и т.д. столбцов
		+	[[Категория:Модуль Каталог]]

@@ Строка 1: / Строка 1: @@
 Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только процентное соотношение в стилях:
-<pre>
+<source lang="php">
 $FORMS['objects_block'] = <<<END
@@ Строка 21: / Строка 21: @@
 END;
-</pre>
+</source>
 В шаблоне дизайна нужно будет подключить CSS примерно следующего вида:
-<pre>
+<source lang="php">
      <style type="text/css">
@@ Строка 37: / Строка 37: @@
+}
 </style>
-</pre>
+</source>
 Изменяя значение width: 33% можно добиться вывода в 2, 3, 4 и т.д. столбцов

← Предыдущая	Версия 09:39, 12 января 2011
(нет различий)

@@ Строка 1: / Строка 1: @@
-<hr>
+Этим же способом можно выводить товары в два, четыре и более столбцов. Меняться будет только процентное соотношение в стилях:
 <pre>
 $FORMS['objects_block'] = <<<END
 <h1>Каталог продукции</h1>
 <div id="cat">
 %lines%
 </div>
@@ Строка 21: / Строка 15: @@
 <div class="catItem">
    <h3><a href="%link%">%name%</a></h3>
-   <h3><a href="% link%">% name%</a></h3>
+   <img src="%photo%" height="112" width="150" />
    <p>%descr%</p>
 </div>
@@ Строка 38: / Строка 28: @@
      <style type="text/css">
 #cat {
      margin: 0 auto 0 auto;
      width: 100%;
+}
 #cat .catItem {
      width: 33%; float: left;
      margin: 0 0 10px; 0;
+}
 </style>
 </pre>