Перейти к содержимому


Как В Списке Товаров (В Каталоге) Для Товара Поставить Значок К Примеру "новинка"


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 Иванов

Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 217 сообщений

Отправлено 10 Февраль 2015 - 17:46

Здравствуйте!

Подскажите, как в списке товаров (в каталоге) для товара поставить значок к примеру "Новинка", или "25%" (скидка)?

Никак не можем разобраться?

Спасибо! :huh:

#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 10 Февраль 2015 - 18:39

Просмотр сообщенияИванов (10 Февраль 2015 - 17:46) писал:

Здравствуйте!

Подскажите, как в списке товаров (в каталоге) для товара поставить значок к примеру "Новинка", или "25%" (скидка)?

Никак не можем разобраться?

Спасибо! :huh:

Здравствуйте. В шаблоне Товары найдите код:
<div class="product_image_wrapper">
						<a href="{goods.URL | url_amp}" title="{goods.NAME}"  class="product_img_link">
						  <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" />
						</a>
					  </div>

и замените его на:

<div class="product_image_wrapper">
						<a href="{goods.URL | url_amp}" title="{goods.NAME}"  class="product_img_link">
						  <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" />
						</a>
{% IF goods.IS_NEW %}
												<span class="new">Новинка</span>
										  {% ELSEIF goods.IS_TOP %}
												<span class="best">Хит</span>
										  {% ENDIF %}
										  {% IF goods.MAX_DISCOUNT %}
												<span class="sale">goods.MAX_DISCOUNT %</span>
										  {% ENDIF %}
					  </div>

Далее в style.css добавляем код:
.product_image_wrapper{position:relative;}
.product_image_wrapper span {position:absolute;top:0px;right:0px;background:yellow;}

Возможно Вы захотите изменить стилистику, для этого уточните, как должны эти стикеры выглядеть.

#3 Eclipse

Eclipse

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 10 Февраль 2015 - 19:58

А этот код (что вы предложили) сработает во всех предложенных сторлэндом шаблонах?

#4 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 10 Февраль 2015 - 20:21

Просмотр сообщенияEclipse (10 Февраль 2015 - 19:58) писал:

А этот код (что вы предложили) сработает во всех предложенных сторлэндом шаблонах?

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

#5 Иванов

Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 217 сообщений

Отправлено 10 Февраль 2015 - 21:21

Просмотр сообщенияMikDark (10 Февраль 2015 - 18:39) писал:

Здравствуйте. В шаблоне Товары найдите код:
<div class="product_image_wrapper">
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="product_img_link">
						 <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" />
					 </a>
					 </div>

и замените его на:

<div class="product_image_wrapper">
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="product_img_link">
						 <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" />
					 </a>
{% IF goods.IS_NEW %}
<span class="new">Новинка</span>
{% ELSEIF goods.IS_TOP %}
<span class="best">Хит</span>
{% ENDIF %}
{% IF goods.MAX_DISCOUNT %}
<span class="sale">goods.MAX_DISCOUNT %</span>
{% ENDIF %}
					 </div>

Далее в style.css добавляем код:
.product_image_wrapper{position:relative;}
.product_image_wrapper span {position:absolute;top:0px;right:0px;background:yellow;}

Возможно Вы захотите изменить стилистику, для этого уточните, как должны эти стикеры выглядеть.

Как-то не правильно отображается. Вот скрин:  http://prntscr.com/63guef

#6 Eclipse

Eclipse

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 10 Февраль 2015 - 21:23

Подскажете по шаблону "Техника"? Если инструкция выше не как раз для него)

Я правильно понимаю, что товары, на которых мы хотим видеть метку, должны находиться соответственно в стандартных категориях "Новинки" и "Хиты"? А для тех товаров, на изображениях которых мы хотим поставить скидку, должна быть задана старая цены и скидка в этом случае рассчитывается автоматически простым математическим действием и может выглядеть а-ля −11.27% ? Существуют ли какие-то другие способы помечать товары, на которых мы захотим поставить тот или иной, скажем, стикер? Какую-то характеристику например задавая, создав характеристику "Стикер", например?

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Февраль 2015 - 01:02

Просмотр сообщенияИванов (10 Февраль 2015 - 21:21) писал:

Как-то не правильно отображается. Вот скрин:  http://prntscr.com/63guef
{% IF goods.MAX_DISCOUNT %}
<span class="sale">goods.MAX_DISCOUNT %</span>
{% ENDIF %}
замените на:
{% IF goods.MAX_DISCOUNT %}
<span class="sale">{goods.MAX_DISCOUNT} %</span>
{% ENDIF %}

Просмотр сообщенияEclipse (10 Февраль 2015 - 21:23) писал:

Подскажете по шаблону "Техника"? Если инструкция выше не как раз для него)

Я правильно понимаю, что товары, на которых мы хотим видеть метку, должны находиться соответственно в стандартных категориях "Новинки" и "Хиты"? А для тех товаров, на изображениях которых мы хотим поставить скидку, должна быть задана старая цены и скидка в этом случае рассчитывается автоматически простым математическим действием и может выглядеть а-ля −11.27% ? Существуют ли какие-то другие способы помечать товары, на которых мы захотим поставить тот или иной, скажем, стикер? Какую-то характеристику например задавая, создав характеристику "Стикер", например?

Стикеры можно выводить разные, в зависимости от условий, которые вам необходимы. Код стандартных стикеров для шаблоне Товары:
{%IF goods.IS_NEW %}
<div class="ProductIconNew">Новинки</div>
{%ELSEIF goods.IS_TOP%}
<div class="ProductIconHit">Хиты</div>
{% ENDIF %}
{%IF goods.MAX_DISCOUNT>0 %}
<div class="ProductIconDiscount">Скидка</div>
{% ENDIF %}

Вам какие условия для вывода стикеров необходимы?

#8 Eclipse

Eclipse

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 11 Февраль 2015 - 01:31

Vaccina, этих трёх по идее достаточно. По крайней мере пока.

#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Февраль 2015 - 02:01

Вы их вставляете в шаблон Товары, обязательно, чтобы они шли после цикла {% FOR goods %}

И далее остается их простилизовать по соответствующим классам:
.ProductIconNew{

}
.ProductIconHit{

}

.ProductIconDiscount{

}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных