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


Можно Ли Добавить Иконку На Изображение Товара На Странице Товара?


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

#1 customer8765

customer8765

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

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

Отправлено 18 Ноябрь 2017 - 10:58

SL-388618

Можно ли добавить иконку на изображение некоторых товаров на странице товара и в каталоге?
Например, написать "Гарантия 5 лет"
Примерно так, как добавлены иконки NEW и HOT.

#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 22 Ноябрь 2017 - 21:07

Просмотр сообщенияcustomer8765 (18 Ноябрь 2017 - 10:58) писал:

SL-388618

Можно ли добавить иконку на изображение некоторых товаров на странице товара и в каталоге?
Например, написать "Гарантия 5 лет"
Примерно так, как добавлены иконки NEW и HOT.

Здравствуйте.
Просьба уточнить, к каким конкретным товарным позициям должны быть привязаны данные иконки?
Спасибо.

#3 customer8765

customer8765

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

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

Отправлено 24 Ноябрь 2017 - 03:15

Просмотр сообщенияRayLi (22 Ноябрь 2017 - 21:07) писал:

Здравствуйте.
Просьба уточнить, к каким конкретным товарным позициям должны быть привязаны данные иконки?
Спасибо.
Ко всем товарам нескольких разделов.
Например, к этому

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 29 Ноябрь 2017 - 15:26

Просмотр сообщенияcustomer8765 (24 Ноябрь 2017 - 03:15) писал:

Ко всем товарам нескольких разделов.
Например, к этому
Здравствуйте. Могу Вам предложить реализовать это через характеристику. Т.е. у тех товаров, у которых должен быть данный значок Вам нужно добавить характеристику Гарантия - есть. Далее в шаблоне Товар (карточка товара) найдите код
{% IF GOODS_MOD_MAX_DISCOUNT %}
		 <span class="ico-sale">Sale</span>
		 {% ENDIF %}
и сразу после него добавьте
{% IFNOT goods_features_empty %}
		 {% FOR goods_features%}
			 {% IF goods_features.NAME = Гарантия %}
			 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}
Далее найдите код
{% IF related_views_goods.MAX_DISCOUNT %}
					 <span class="ico-sale">Sale</span>
				 {% ENDIF %}
и после него вставьте код
{% IFNOT goods_features_empty %}
		 {% FOR goods_attr_list %}
			 {% IF goods_attr_list.NAME = Гарантия %}
			 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}
Затем найдите
{% IF related_goods.MAX_DISCOUNT %}
					 <span class="ico-sale">Sale</span>
				 {% ENDIF %}
и после него добавьте
{% IFNOT goods_attr_list_empty %}
		 {% FOR goods_attr_list %}
			 {% IF goods_attr_list.NAME = Гарантия %}
			 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}

В шаблоне Товары, Поиск, Просмотр акции (каталог, поисковая выдача и акции) найдите код (встречается дважды)
{% IF goods.MAX_DISCOUNT %}
					 <span class="ico-sale">Sale</span>
					 {% ENDIF %}
и после него добавьте
{% IFNOT goods_attr_list_empty %}
		 {% FOR goods_attr_list %}
			 {% IF goods_attr_list.NAME = Гарантия %}
			 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}

Тот же самый код вставьте в шаблоне HTML (товары на главной, новинки и хиты продаж ) после блоков:
{% IF index_page_new_goods.MAX_DISCOUNT %}
							 <span class="ico-sale">Sale</span>
							 {% ENDIF %}
и
{% IF index_page_goods.MAX_DISCOUNT %}
							 <span class="ico-sale">Sale</span>
							 {% ENDIF %}
а так же
{% IF index_page_favorites_goods.MAX_DISCOUNT %}
							 <span class="ico-sale">Sale</span>
							 {% ENDIF %}

В конец файла main.css добавьте блок
.garantIcon{
position: absolute;
overflow: hidden;
left: 0;
width: 130px;
height: 40px;
line-height: 40px;
color: #ffffff;
font-size: 13px;
text-align: center;
text-transform: uppercase;
z-index: 0;
-moz-border-radius: 50%;
top: 0px;
background: #1e8a70;
}


#5 customer8765

customer8765

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

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

Отправлено 20 Январь 2018 - 02:43

Просмотр сообщенияStasya (29 Ноябрь 2017 - 15:26) писал:

Здравствуйте. Могу Вам предложить реализовать это через характеристику. Т.е. у тех товаров, у которых должен быть данный значок Вам нужно добавить характеристику Гарантия - есть. Далее в шаблоне Товар (карточка товара) найдите код
{% IF GOODS_MOD_MAX_DISCOUNT %}
		 <span class="ico-sale">Sale</span>
		 {% ENDIF %}
и сразу после него добавьте
{% IFNOT goods_features_empty %}
		 {% FOR goods_features%}
			 {% IF goods_features.NAME = Гарантия %}
			 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}
Далее найдите код
{% IF related_views_goods.MAX_DISCOUNT %}
					 <span class="ico-sale">Sale</span>
				 {% ENDIF %}
и после него вставьте код
{% IFNOT goods_features_empty %}
		 {% FOR goods_attr_list %}
			 {% IF goods_attr_list.NAME = Гарантия %}
			 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}
Затем найдите
{% IF related_goods.MAX_DISCOUNT %}
					 <span class="ico-sale">Sale</span>
				 {% ENDIF %}
и после него добавьте
{% IFNOT goods_attr_list_empty %}
		 {% FOR goods_attr_list %}
			 {% IF goods_attr_list.NAME = Гарантия %}
			 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}

В шаблоне Товары, Поиск, Просмотр акции (каталог, поисковая выдача и акции) найдите код (встречается дважды)
{% IF goods.MAX_DISCOUNT %}
					 <span class="ico-sale">Sale</span>
					 {% ENDIF %}
и после него добавьте
{% IFNOT goods_attr_list_empty %}
		 {% FOR goods_attr_list %}
			 {% IF goods_attr_list.NAME = Гарантия %}
			 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}

Тот же самый код вставьте в шаблоне HTML (товары на главной, новинки и хиты продаж ) после блоков:
{% IF index_page_new_goods.MAX_DISCOUNT %}
							 <span class="ico-sale">Sale</span>
							 {% ENDIF %}
и
{% IF index_page_goods.MAX_DISCOUNT %}
							 <span class="ico-sale">Sale</span>
							 {% ENDIF %}
а так же
{% IF index_page_favorites_goods.MAX_DISCOUNT %}
							 <span class="ico-sale">Sale</span>
							 {% ENDIF %}

В конец файла main.css добавьте блок
.garantIcon{
position: absolute;
overflow: hidden;
left: 0;
width: 130px;
height: 40px;
line-height: 40px;
color: #ffffff;
font-size: 13px;
text-align: center;
text-transform: uppercase;
z-index: 0;
-moz-border-radius: 50%;
top: 0px;
background: #1e8a70;
}

Не работает. Иконка появилась на какое-то время, но больше не появляется. Вот товар

#6 Vaccina

Vaccina

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

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

Отправлено 20 Январь 2018 - 06:50

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Блок для иконки на товаре -->
{% IFNOT goods_attr_list_empty %}
	  {% FOR goods_attr_list %}
			  {% IF goods_attr_list.NAME = Гарантия %}
				 <span class="garantIcon">Гарантия 5 лет</span>
			   {% ENDIF %}
	  {% ENDFOR %}
{% ENDIF %}
<!-- Конец -->

замените на:
<!-- Блок для иконки на товаре -->
{% IFNOT goods_features_empty %}
	  {% FOR goods_features %}
			  {% IF goods_features.NAME = Гарантия %}
				 <span class="garantIcon">Гарантия 5 лет</span>
			   {% ENDIF %}
	  {% ENDFOR %}
{% ENDIF %}
<!-- Конец -->


#7 customer8765

customer8765

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

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

Отправлено 20 Январь 2018 - 13:48

Просмотр сообщенияVaccina (20 Январь 2018 - 06:50) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Блок для иконки на товаре -->
{% IFNOT goods_attr_list_empty %}
	 {% FOR goods_attr_list %}
			 {% IF goods_attr_list.NAME = Гарантия %}
				 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
	 {% ENDFOR %}
{% ENDIF %}
<!-- Конец -->

замените на:
<!-- Блок для иконки на товаре -->
{% IFNOT goods_features_empty %}
	 {% FOR goods_features %}
			 {% IF goods_features.NAME = Гарантия %}
				 <span class="garantIcon">Гарантия 5 лет</span>
			 {% ENDIF %}
	 {% ENDFOR %}
{% ENDIF %}
<!-- Конец -->

Спасибо, работает.

Вопросы:

1. Сейчас иконка отображается только на странице товара на среднем изображении. Это так и должно быть, или иконка должна отображаться и в каталоге, и еще много где?

2. Если иконка отображается только на странице товара, зачем надо было в таком большом количестве шаблонов вносить изменения в код?

3. Если мне достаточно, чтобы иконка отображалась только на странице товара, достаточно ли внести изменения только в шаблон "Товар", или все равно нужно вносить их во все шаблоны?

#8 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 27 Январь 2018 - 11:21

Просмотр сообщенияcustomer8765 (20 Январь 2018 - 13:48) писал:

Спасибо, работает.

Вопросы:

1. Сейчас иконка отображается только на странице товара на среднем изображении. Это так и должно быть, или иконка должна отображаться и в каталоге, и еще много где?

2. Если иконка отображается только на странице товара, зачем надо было в таком большом количестве шаблонов вносить изменения в код?

3. Если мне достаточно, чтобы иконка отображалась только на странице товара, достаточно ли внести изменения только в шаблон "Товар", или все равно нужно вносить их во все шаблоны?

Здравствуйте.
Большая инструкция была написана товаров на главной, каталоге и карточке товара.

Чтобы иконки отобразились в каталоге используйте код ниже, для шаблона Товары, тогда иконки отобразятся.

<!-- Блок для иконки на товаре -->
						{% IFNOT goods.goods_attr_list_empty %}
					   {% FOR goods_attr_list %}
							   {% IF goods.goods_attr_list.NAME = Гарантия %}
				 <div id="parenticon" class="garantIcon catalog" >
					<div class="garanttext"><b>Гарантия<br>
					3 года</b></div>
				 </div>
							   {% ENDIF %}
					   {% ENDFOR %}
					   {% ENDIF %}
<!-- Конец -->





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

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