Здравствуйте! вот опять исполняю просьбу пользователей и в этот раз она оказалась довольно лёгкой а именно вывести процентную разницу между двумя ценами старой и новой в интернет магазине
Но так как это сделать довольно просто нам всего лишь для этого достаточно использовать условный оператор одной и другой цены после сложить в условие которое посчитает и выведет разницу в процентах пример кода смотрите ниже
Пример условия
Так как я не знаю какие операторы у вас для старой и новой цены я просто в место них использую
x и
y чтобы не писать операторы первого и второго дополнительного поля
Подробнее об условии
- Xзаменяем на оператор который выводит старую цену в двух местах
- Yзаменяем на оператор который выводит новую цену
на этом можно было сказать что всё готова но я всё таки покажу пример с оператором доп полей один и два для наглядности что и куда
Пример условия с оператором
Код
<? ($OTHER1$-$OTHER2$)/$OTHER1$*100 ?>
Теперь что бы материал был не пустым я набросал полный блок с выводом старой цены перечёркнутой новой ценой и процентное различие между ними пример блока смотрите на скриншоте ниже что бы иметь наглядное представление о чем идёт речь
Скриншот вида блока
ну и для тех кому понравился мой вариант предлагаю перейти к установки
Установка блока
Для начала копируем код блока который представлен ниже затем заходим на страницу товара или на страницу материала и комментариев к нему если вы будите использовать его в другом модуле и вставляем в то место где хотим видеть данный блок
Код блока
Код
<div class="waakbccena">
<div class="waakbccenal"><b>Цена:</b> <br>Выгода <? ($OTHER1$-$OTHER2$)/$OTHER1$*100 ?></div>
<div class="waakbccenar">
<span class="waakbccenanev"> 800<i class="fa fa-rub" aria-hidden="true"></i> </span>
<span class="waakbccenastar"><s>1000<i class="fa fa-rub" aria-hidden="true"></i></s> </span>
</div>
<div class="clr"></div>
</div>
внимание в данном коде я использую доп поля первое и второе вы же должны поменять их на свои, какое куда написано было выше
Теперь нам нужно подключим стили для нашего блока которые я приготовил, просто копируйте код ниже заходите в свою таблицу стилей и в самый конец её добавляем скопированный код
Таблица стилей
Код
.waakbccena {
font-size: 16px;
background: #FFF;
width: 300px;
padding: 20px;
color: #434343;
}
.waakbccenal {
float: left;
width: 40%;
}
.waakbccenal b {
line-height: 35px;
}
.waakbccenar {
width: 60%;
float: right;
text-align: right;
}
span.waakbccenanev {
font-size: 35px;
font-weight: 600;
color: #59dc69;
display: block;
}
span.waakbccenastar s {
color: #939393;
}
span.waakbccenanev i {
font-size: 30px;
}
span.waakbccenastar i {
font-size: 15px;
}
Отлично не забываем сохранить и пока мы ещё в таблице стилей подключим шрифтовые иконки от
font-awesome для того что бы выводилась иконка
если вы не будите её выводить то и подключать нечего не нужно так же не нужно подключать если она у вас уже подключена.
Для тех кому нужно подключать, просто копируйте строчку ниже и добавьте её первой строчкой в свою таблицу стилей
Код
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css);
Отлично не забываем сохранить!