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


Скидки


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

#1 Юрий32

Юрий32

    Продвинутый пользователь

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

Отправлено 16 Июнь 2018 - 17:40

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

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

  • епппнррр.png


#2 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

Отправлено 19 Июнь 2018 - 11:37

Просмотр сообщенияЮрий32 (16 Июнь 2018 - 17:40) писал:

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

#3 Юрий32

Юрий32

    Продвинутый пользователь

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

Отправлено 19 Июнь 2018 - 19:06

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

#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 20 Июнь 2018 - 04:09

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<!-- Вывод товаров ТАБЛИЦЕЙ -->
		 <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;}


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

#5 Юрий32

Юрий32

    Продвинутый пользователь

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

Отправлено 20 Июнь 2018 - 16:38

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

#6 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 21 Июнь 2018 - 03:42

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

Вы не вставили код в 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);
		 }
	 }
});
});

Screenshot-2018-6-21 Организация и хранение.png

#7 Юрий32

Юрий32

    Продвинутый пользователь

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

Отправлено 21 Июнь 2018 - 14:22

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

#8 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 22 Июнь 2018 - 07:27

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

Как и писала выше, появится должен был ярлык только у товаров в категории, а сейчас доделаем для остальных разделов. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
			  {% 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%}


#9 Юрий32

Юрий32

    Продвинутый пользователь

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

Отправлено 22 Июнь 2018 - 10:05

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

#10 MikDark

MikDark

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

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

Отправлено 22 Июнь 2018 - 18:17

Просмотр сообщенияЮрий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 на нужный Вам цвет




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

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