[РЕШЕНО] Как сделать разные стили цены для видов list и grid в category.tpl

[Rustem]

Здравствуйте. Не могу понять принцип работы скрипта, который выводит товары в виды grid и list. В php вообще ничего не смыслю.

Итак, есть вид grid, в котором меня все устраивает:

Но если переключиться на list, то товар с акцией получается перекошенным:

Необходимо:

1. Сделать чтобы после старой цены был перенос на новую строку (br) новой цены. Когда пытаюсь менять div price в category.tpl, отображение цены меняется и в виде grid.

2. Поменять стиль для картинки с акцией так, чтобы она была на изображении товара, по аналогии с видом grid. (Но тут я думаю принцип тот же, что и в пункте 1, мне главное понять логику.)

3. Поменять стиль для рейтинга, чтобы он залезал на картинку по аналогии с видом grid. (Если пойму логику - сам сделаю)

Помогите пожалуйста разобраться, файл category.tpl прикрепляю.

category.zip

[ingenerks]

Здравствуйте. Не могу понять принцип работы скрипта, который выводит товары в виды grid и list. В php вообще ничего не смыслю.

Итак, есть вид grid, в котором меня все устраивает:

Но если переключиться на list, то товар с акцией получается перекошенным:

Необходимо:

1. Сделать чтобы после старой цены был перенос на новую строку (br) новой цены. Когда пытаюсь менять div price в category.tpl, отображение цены меняется и в виде grid.

2. Поменять стиль для картинки с акцией так, чтобы она была на изображении товара, по аналогии с видом grid. (Но тут я думаю принцип тот же, что и в пункте 1, мне главное понять логику.)

3. Поменять стиль для рейтинга, чтобы он залезал на картинку по аналогии с видом grid. (Если пойму логику - сам сделаю)

Помогите пожалуйста разобраться, файл category.tpl прикрепляю.

Тут нужно верстку смотреть, ссылку на сайт!

[Rustem]

http://maoshop.ru/index.php?route=product/category&path=59_60

[noVe]

Вроде list и grid в таблице стилей.

[Rustem]

Вроде list и grid в таблице стилей.

Спасибо, некоторые элементы подвинул, осталась проблема с ценой:

В category.tpl такая картина:

Наверху идет код:

	  <?php if ($product['price']) { ?>
	  <div class="price">
		<?php if (!$product['special']) { ?>
		<?php echo $product['price']; ?>
		<?php } else { ?>
		<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
		<?php } ?>
		<?php if ($product['tax']) { ?>
		<br />
		<span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
		<?php } ?>
	  </div>
	  <?php } ?>

Ниже скрипт, который выводит div price в список:

if (price != null) {
				html += '<div class="price" style="margin-bottom:10px;">' + price + '</div>';
			}

Если менять верхний код и добавлять вместо nbsp тег br вот в этом месте:

<span class="price-old"><?php echo $product['price']; ?></span>    <span class="price-new"><?php echo $product['special']; ?>

То происходит перенос второй цены на новую строчку и в виде grid, а мне нужно чтобы в гриде цены оставались в одной строке, а в списке они переносились.

Вопрос: Как это реализовать? В php не шарю и все мои чаяния оказались бесполезными, надеюсь на вашу помощь, друзья.

[noVe]

Здесь не php, а javascript :) Тут надо писать функцию, которая бы вставляла тег переноса или правила классы.

[Rustem]

Как?)

[ingenerks]

Как?)

А ссылка есть на сайт?

[Rustem]

Выше ссылка есть http://maoshop.ru

[ingenerks]

Выше ссылка есть http://maoshop.ru

Что бы перенести цену на вторую строку нужно зайти в файл

catalogviewthemedefaulttemplateproductcategory.tpl

найти строки и вставить <br> выделил жирным где.

<div class="price">

<?php if (!$product['special']) { ?>

<?php echo $product['price']; ?>

<?php } else { ?>

<span class="price-old"><?php echo $product['price']; ?></span><br><span class="price-new"><?php echo $product['special']; ?></span>

а если поменять местами <span class="price-new"><?php echo $product['special']; ?></span><br><span class="price-old"><?php echo $product['price']; ?></span> то сразу будет новая цена, а ниже старая перечеркнутая

Я бы еще кнопку купить с ценой куда-то подвинул, может даже влево, а то справа ее не замечаешь. Люди просмтривают по такому принципу слева направо сверху вниз.

[Rustem]

Так в том то и дело, что когда я так делаю, вторая цена переносится на новую строчку в обоих видах.

А мне нужно, чтобы в виде Grid цены были в одну строку, а в виде List в две.

[Rustem]

Все оказалось чертовски просто.

Добавляем в css:

.product-grid .price br{
display:none;
}

И все! :)

[Marianna]

а у меня наоборот grid отображается как попало, каждый товар в прилипку к друг другу.

тс как ты организовал на сайте старую цену?