betboy

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

Рекомендуемые сообщения

betboy    0

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

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

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

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

post-17875-0-97789200-1329742226_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
snastik    847

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

.product-list > div {

float: left;

height: 200px;

margin-bottom: 15px;

padding: 10px;

overflow: auto;

width: 45%;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
fabrikator    274

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

.product-list > div {

float: left;

margin-bottom: 15px;

overflow: auto;

width: 47.5%;

padding: 15px 20px 0 0;

border-top: 1px solid #EEE

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
yyyaaazzz    7

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Lekson1965    0

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

<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    2 092

Это  category.tpl

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Lekson1965    0

Это  category.tpl

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

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

<div class="resumecat category-product-count">
{include file="$tpl_dir./category-count.tpl"}
</div>
Или после первой строки? 40 строка...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Lekson1965    0

Это  category.tpl

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Marianna    57

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу