[Решено] Каким образом разбить строку на 2 столбца в списке товаров?

[betboy]

Приветствую.

При построении товаров списком необходимо сделать так, чтобы он был разбит на 2 столбца, в каждом из которых товар.

Каким образом это осуществить?

На фото квадратами отмечены изображения товаров - их расположение в 2 столбца.

[snastik]

найдите в файле стилей ориентировочно 818 строка вот этот блок .product-list > div { сделайте как я написал ниже ну и далее приводите к необходимому Вам виду

.product-list > div {

float: left;

height: 200px;

margin-bottom: 15px;

padding: 10px;

overflow: auto;

width: 45%;

}

[fabrikator]

можно попробовать еще чуть изменить

.product-list > div {

float: left;

margin-bottom: 15px;

overflow: auto;

width: 47.5%;

padding: 15px 20px 0 0;

border-top: 1px solid #EEE

}

[yyyaaazzz]

Я решил этот вопрос таким путем:

<div class="multicolumn">  // wrapper страницы категории (в вашем случае product-list)
<?php

$iCol = 1; // новая колонка
$cellCount = 2; // количество колонок
$cellwidth = intval(100 / $cellCount); // ширина колонки, равная 100 / кол-во колонок
?>
	  <?php foreach ($products as $product) { ?>
	  <div class="column" style="width:<?php echo $cellwidth; ?>%; float:left;" > // каждая колонка = div с относительной шириной, зависимой от кол-ва колонок.
	    <?php if ($product['thumb']) { ?>
		 <a class="image" href="<?php echo $product['href']; ?>"><img align="middle" src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a>
	    <?php } ?>
	  </div>
	  <?php } ?>
<?php
if ($iCol == $cellCount) {
  echo "<br style="clear:both;" />n"; // закрываем ряд в случае если в нем необходимое нам кол-во колонок
  $iCol = 1;
}
else {
  $iCol++; // добавляем колонки до определенного количества
}
?>
</div>

Если что-то не понятно, вышлю .tpl с готовым решением

[migalkin]

Выложите .tpl с вашим решением. Будьте так добры

Мне помог код такой:

.product-list > div {
float: left;
height: 300px;
margin-bottom: 15px;
padding: 10px;
overflow: auto;
width: 45%;
}

[Lekson1965]

Я решил этот вопрос таким путем:

<div class="multicolumn">  // wrapper страницы категории (в вашем случае product-list)
<?php

$iCol = 1; // новая колонка
$cellCount = 2; // количество колонок
$cellwidth = intval(100 / $cellCount); // ширина колонки, равная 100 / кол-во колонок
?>
	  <?php foreach ($products as $product) { ?>
	  <div class="column" style="width:<?php echo $cellwidth; ?>%; float:left;" > // каждая колонка = div с относительной шириной, зависимой от кол-ва колонок.
	    <?php if ($product['thumb']) { ?>
		 <a class="image" href="<?php echo $product['href']; ?>"><img align="middle" src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a>
	    <?php } ?>
	  </div>
	  <?php } ?>
<?php
if ($iCol == $cellCount) {
  echo "<br style=\"clear:both;\" />\n"; // закрываем ряд в случае если в нем необходимое нам кол-во колонок
  $iCol = 1;
}
else {
  $iCol++; // добавляем колонки до определенного количества
}
?>
</div>

Если что-то не понятно, вышлю .tpl с готовым решением

 

Добрый день! Я как раз очень ищу данное решение. Пожалуйста, скажите в каком именно файле TPL нужно прописать Ваши строки? Я уже прошерстил и product.tpl и product-list.tpl не могу найти. Помогите пожалуйтса, я еще новичек, поэтому не сердитесь плиз))

[Tom]

Это  category.tpl

[Lekson1965]

Ой! Спасибо! Вы так быстро ответили!

[Lekson1965]

Это  category.tpl

А можео еще уточнение?

Вот после этих строк вписывать?:

<div class="resumecat category-product-count">

{include file="$tpl_dir./category-count.tpl"}

</div>

Или после первой строки? 40 строка...

[Lekson1965]

Это  category.tpl

Простите за назойливость! )

Уже второй день не могу найти куда вставить ваш код. 

В category.tpl - не пойму где..уже сто вариантов перепробовал - глухо...

[Marianna]

Простите за назойливость! )

Уже второй день не могу найти куда вставить ваш код. 

В category.tpl - не пойму где..уже сто вариантов перепробовал - глухо...

я тоже не поняла, вернее вроде как вместо   <div class="product-list">, но не дошло до какой строки