Сообщений в теме: 4

[alpha-me]

Доброго времени суток! Подскажите пожалуйста, как добавить иконку о наличии товара как показано на прикрепленном изображении?
SL-103567

Прикрепленные изображения

• 

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

<div class="product-image-wrapper goods-cat-image-medium-square onhover">
				  <a class="product_img" title="{goods.NAME}" href="{goods.URL_MIN_PRICE_NOW | url_amp}">
					<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="" class="goods-cat-image-medium" />
				  </a>
				</div>

                
замените на:

<div class="product-image-wrapper goods-cat-image-medium-square onhover">
				  {% IF goods.MAX_REST_VALUE>0 %}
					<span class="ico">В наличии</span>
				  {% ELSE %}
				   <span class="ico false">Нет в наличии</span>
				  {% ENDIF %}
				  <a class="product_img" title="{goods.NAME}" href="{goods.URL_MIN_PRICE_NOW | url_amp}">
					<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="" class="goods-cat-image-medium" />
				  </a>
				</div>

                
далее зайдите в style.css - найдите:

.main_general {margin-bottom: 10px;margin-left: 10px;float: left;display: -moz-inline-stack;*display: inline;vertical-align: top;position:relative;width: auto; *width: 200px !important;*border: solid 1px #ccc;}
.main_general .product {*border: none;}

после него пропишите:

.main_general .product .ico{position: absolute;right: 5px; bottom: 5px;background: #fff;padding: 5px;color: green;}
.main_general .product .ico.false{color: red;}

[alpha-me]

Vaccina (17 Апрель 2018 - 04:12) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

<div class="product-image-wrapper goods-cat-image-medium-square onhover">
				 <a class="product_img" title="{goods.NAME}" href="{goods.URL_MIN_PRICE_NOW | url_amp}">
				 <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="" class="goods-cat-image-medium" />
				 </a>
			 </div>

замените на:

<div class="product-image-wrapper goods-cat-image-medium-square onhover">
				 {% IF goods.MAX_REST_VALUE>0 %}
				 <span class="ico">В наличии</span>
				 {% ELSE %}
				 <span class="ico false">Нет в наличии</span>
				 {% ENDIF %}
				 <a class="product_img" title="{goods.NAME}" href="{goods.URL_MIN_PRICE_NOW | url_amp}">
				 <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="" class="goods-cat-image-medium" />
				 </a>
			 </div>

далее зайдите в style.css - найдите:

.main_general {margin-bottom: 10px;margin-left: 10px;float: left;display: -moz-inline-stack;*display: inline;vertical-align: top;position:relative;width: auto; *width: 200px !important;*border: solid 1px #ccc;}
.main_general .product {*border: none;}

после него пропишите:

.main_general .product .ico{position: absolute;right: 5px; bottom: 5px;background: #fff;padding: 5px;color: green;}
.main_general .product .ico.false{color: red;}

Спасибо! Работает.
Подскажите еще как размер текста увеличить?

[metry]

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->style.css и найдите:

.main_general .product .ico{position: absolute;right: 5px; bottom: 5px;background: #fff;padding: 5px;color: green;}
.main_general .product .ico.false{color: red;}

замените на:

.main_general .product .ico{position: absolute;right: 5px; bottom: 5px;background: #fff;padding: 5px;color: green;font-size:16px;}
.main_general .product .ico.false{color: red;font-size:16px;}

- в замененном коде параметр font-size определяет размер шрифта.

[alpha-me]

metry (17 Апрель 2018 - 14:22) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->style.css и найдите:

.main_general .product .ico{position: absolute;right: 5px; bottom: 5px;background: #fff;padding: 5px;color: green;}
.main_general .product .ico.false{color: red;}

замените на:

.main_general .product .ico{position: absolute;right: 5px; bottom: 5px;background: #fff;padding: 5px;color: green;font-size:16px;}
.main_general .product .ico.false{color: red;font-size:16px;}

- в замененном коде параметр font-size определяет размер шрифта.

Спасибо!