Скидки

Здравствуйте. скажите можно ли на главную картинку товаров, на которые есть скидка, добавить типа виджита "скидка ...%" с округлением процентов до целого числа ? так что бы эту скидку было видна на витрине магазина и при просмотре определенного товара. спасибо

Юрий32 (16 Июнь 2018 - 17:40) писал:

Здравствуйте, Вы хотите выводить разницу между старой ценой и ценой продажи в процентном соотношение?
Или выводить скидку по акции, в которой участвует товар?

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

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

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

<!-- Вывод товаров ТАБЛИЦЕЙ -->
		 <div class="products-grid row">
		 {% FOR goods %}
				 <div class="item">
				 <div class="item-inner" itemscope itemtype="https://schema.org/Product">
						 <div class="product rotation">
						 <div class="default">
								 {% IF goods.IS_NEW %}
								 <span class="new"></span>
								 {% ELSEIF goods.IS_TOP %}
								 <span class="best"></span>
								 {% ENDIF %}
								 {% IF goods.MAX_DISCOUNT %}
								 <span class="sale right"></span>
								 {% ENDIF %}

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

								 {% IF goods.MIN_PRICE_OLD > goods.MIN_PRICE_NOW %}
									<span class="sale right">Скидка <span class="saving"></span>%</span>
								 {%ENDIF%}

    
    
далее зайдите в main.js - в самом конце пропишите:

$(function () {
  $('.item').each(function () {
	if ($(this).find('.saving').length) {
	  var old = parseFloat($(this).find('.default .price-old .num').text().replace(/\s+/, ''));
	  var now = parseFloat($(this).find('.default .price-box .price .num').text().replace(/\s+/, ''));
	  if (now < old) {
		var saving = number_format(100-(now /old)*100, 0, '.', ' ');
		$(this).find('.saving').text(saving);
	  }
	}
  });
});

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

/* Товары списком */
.products-list .item {overflow: hidden;padding: 15px 0;margin: 0;float: left;width: 100%;border-bottom: 1px solid #dddddd;position: relative;}

перед ним вставьте:

.item .default .sale{display:block;position: absolute;top: 10px;left: 10px;background: red; color: #fff;padding: 10px;z-index:10;}

Проверьте работу отображения скидки в категориях

Здравствуйте, спасибо за ответ, но ничего не изменилось

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

Вы не вставили код в main.js:

$(function () {
$('.item').each(function () {
	 if ($(this).find('.saving').length) {
		 var old = parseFloat($(this).find('.default .price-old .num').text().replace(/\s+/, ''));
		 var now = parseFloat($(this).find('.default .price-box .price .num').text().replace(/\s+/, ''));
		 if (now < old) {
			 var saving = number_format(100-(now /old)*100, 0, '.', ' ');
			 $(this).find('.saving').text(saving);
		 }
	 }
});
});

Здравствуйте, спасибо!
При открытие самого товара на картинке нет значка скидка
На главной странице магазина также нет значков скидки

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

Как и писала выше, появится должен был ярлык только у товаров в категории, а сейчас доделаем для остальных разделов. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:

			  {% IF GOODS_MOD_MAX_DISCOUNT %}
				<span class="ico-sale">Скидка</span>
			  {% ENDIF %}

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

			  {% IF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
				<span class="sale right">Скидка <span class="saving"></span>%</span>
			  {% ENDIF %}

              
Далее зайдите в шаблон main.js - найдите:

  $('.item').each(function () {
		if ($(this).find('.saving').length) {
		  var old = parseFloat($(this).find('.default .price-old .num').text().replace(/\s+/, ''));
		  var now = parseFloat($(this).find('.default .price-box .price .num').text().replace(/\s+/, ''));
		  if (now < old) {
				var saving = number_format(100-(now /old)*100, 0, '.', ' ');
				$(this).find('.saving').text(saving);
		  }
		}
  });

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

		 if ($('.goodsDataForm .general-img').find('.saving').length) {
				 var old = parseFloat($(this).find('.price-box .goodsDataMainModificationPriceOld .num').text().replace(/\s+/, ''));
				 var now = parseFloat($(this).find('.price-box .goodsDataMainModificationPriceNow .num').text().replace(/\s+/, ''));
				 if (now < old) {
						 var saving = number_format(100-(now /old)*100, 0, '.', ' ');
						 $(this).find('.saving').text(saving);
				 }
		 }
		 

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

.product-view .product-img-box .general-img a {position: relative;display: inline-block;}

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

.product-view .product-img-box .general-img a .sale{display:block;position: absolute;top: 10px;left: 10px;background: red; color: #fff;padding: 10px;z-index:10;}

Далее зайдите в шаблон HTML - найдите:

								 {% IF index_page_goods.MAX_DISCOUNT %}
								 <span class="sale right"></span>
								 {% ENDIF %}

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

																 {% IF index_page_goods.MIN_PRICE_OLD > index_page_goods.MIN_PRICE_NOW %}
																		<span class="sale right">Скидка <span class="saving"></span>%</span>
																 {%ENDIF%}

    
далее найдите:

								 {% IF index_page_new_goods.MAX_DISCOUNT %}
								 <span class="sale right"></span>
								 {% ENDIF %}

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

																 {% IF index_page_new_goods.MIN_PRICE_OLD > index_page_new_goods.MIN_PRICE_NOW %}
																		<span class="sale right">Скидка <span class="saving"></span>%</span>
																 {%ENDIF%}

    
    
далее найдите:

								 {% IF index_page_favorites_goods.MAX_DISCOUNT %}
								 <span class="sale right"></span>
								 {% ENDIF %}

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

																 {% IF index_page_favorites_goods.MIN_PRICE_OLD > index_page_favorites_goods.MIN_PRICE_NOW %}
																		<span class="sale right">Скидка <span class="saving"></span>%</span>
																 {%ENDIF%}

огромное спасибо, все получилось.
И еще вопрос, а как если что поменять цвет фона "скидка"

Юрий32 (22 Июнь 2018 - 10:05) писал:

Вам нужно в шаблоне main.css найти код:

.item .default .sale {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	background: red;
	color: #fff;
	padding: 10px;
	z-index: 10;
}

и там заменить red на нужный Вам цвет