Значок Со Скидкой
#1
Отправлено 11 Октябрь 2012 - 08:36
при открытии описания товара, изображение скидки остается, а при увеличении изображения - ее нет.
можно такое реализовать?
#2
Отправлено 11 Октябрь 2012 - 09:26
<!--> Скидка на товар <--> {% IF goods.MAX_DISCOUNT > 5 %} <div class="goodsListItemDiscount"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %}
Условие определяет, что скидка более 5%. Здесь выводится название акции, т.к. размеры скидок хранятся с дробными числами. Т.е. 5% скидка будет выглядеть вот так: 5.00%. Поэтому я назвал акции по размерам скидок. Дальше дело фантазии - можно проверять размер скидки и выводить соответствующую картинку, можно выводить всегда один и тот же стикер, а размер скидки писать текстом. Название перемнной с наибольшей скидкой: "goods.MAX_DISCOUNT"
#3
Отправлено 11 Октябрь 2012 - 13:51
kovalevap (11 Октябрь 2012 - 09:26) писал:
<!--> Скидка на товар <--> {% IF goods.MAX_DISCOUNT > 5 %} <div class="goodsListItemDiscount"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %}
Условие определяет, что скидка более 5%. Здесь выводится название акции, т.к. размеры скидок хранятся с дробными числами. Т.е. 5% скидка будет выглядеть вот так: 5.00%. Поэтому я назвал акции по размерам скидок. Дальше дело фантазии - можно проверять размер скидки и выводить соответствующую картинку, можно выводить всегда один и тот же стикер, а размер скидки писать текстом. Название перемнной с наибольшей скидкой: "goods.MAX_DISCOUNT"
спасибо за подсказку.
но вот как само изображение с размером скидки выводить не понял...
#5
Отправлено 11 Октябрь 2012 - 23:20
но это еще только пол-беды...
как сделать разные бирки для разных акций?
как сделать бирки на страницах каждого товара со скидкой, с учетом размера скидки?
как сделать чтобы выводились 2 цены, старая и новая в обзоре категории(как это сделано на странице товара)?
#6
Отправлено 11 Октябрь 2012 - 23:31
.goodsListItemDiscount { background-image: url(ссылка на изображение); width: 40px; height: 40px; text-align: center; }
Изменив в последствии путь к изображению скидки, и размеры изображения.
Цитата
Можно исходить из максимальной скидки
<!-- Скидка на товар --> {% IF goods.MAX_DISCOUNT > 30 %} <div class="goodsListItemDiscount30"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF goods.MAX_DISCOUNT > 25 %} <div class="goodsListItemDiscount25"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF goods.MAX_DISCOUNT > 15 %} <div class="goodsListItemDiscount15"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %}
Цитата
Необходимо вставить подобный код, но уже в шаблон "Товар", и выглядеть он будет так
<!-- Скидка на товар --> {% IF GOODS_MOD_MAX_DISCOUNT > 5 %} <div class="goodsListItemDiscount30"> <p>-{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %}
Цитата
Это будет что-то вроде этого, если я вас правильно понимаю.
<p> Цена сейчас: {goods.MIN_PRICE_NOW | money_format}<br /> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} Цена без учёта скидки: {goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format} {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} Старая цена: {goods.MIN_PRICE_OLD | money_format} {% ENDIF %} </p>
#7
Отправлено 12 Октябрь 2012 - 18:18
1) начну с цены
сейчас она выглядит так:
нужно сделать так:
то есть, больше ничего не меняя, вывести под ценой акционного товара зачеркнутую старую цену. просто копирование коды со страницы "товар" не помогает...
код с ценами:
<div class="goodsListItemPriceNew"> <h5><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></h5> </div> <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} </h5><a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a></h5> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} </h5><a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a></h5> {% ENDIF %} </div>
что нужно сделать чтобы получить желаемое?
вот страница каталога
=======
2) каталог с бирками.
страница: http://knife-for-lif.../catalog/skidki
сейчас картинки со скидками выведены следующим кодом:
<!-- Если есть товары --> {% ELSE %} {% FOR goods %} <td class="goodsListItem" style="position:relative;"> {%IF goods.MAX_DISCOUNT >28%} <div style="position:absolute;right:10;top:5;background:url(http://files.storela...71/skidka30.png);width:60px;height:60px;"></div> {%ENDIF%} {%IF goods.MAX_DISCOUNT >55%} <div style="position:absolute;right:10;top:5;background:url(http://files.storela...3/skidka_60.png);width:60px;height:60px;"></div> {%ENDIF%}
по сути, получается, что сначала на все товары со скидкой более 28% выводится соответствующее изображение, а затем сверзху на него накладывается изображение по условию акции "более 55%". в итоге все картинки на своих местах конечно.
как сделать так, чтобы не было накладок картинок со скидками друг на друга?
#8
Отправлено 12 Октябрь 2012 - 18:26
3) картинки скидок на страницах товаров.
попробовал сделать как описано выше, через новый класс стилей. название акции сразу убрал.
в итоге картинка обрезается и появляется только одна у всех товаров - 30%. вот так:
выровнять ее наверное можно через стели, но с учетом того, что обновления не видны сразу (то ли из-за сервиса стореленда, то ли из-за кеша), приходится гадать где бирка окажется в след. раз....
опять же проблема с тем, что выводится везде 30....
можно ли просто вывести поверх уменьшенных изображений товаров на странице "товар" по аналогии с приведенным мной кодом для страницы "товары"? то есть не создавая доп. стелий.
#9
Отправлено 12 Октябрь 2012 - 21:12
Serg83 (12 Октябрь 2012 - 18:26) писал:
3) картинки скидок на страницах товаров.
попробовал сделать как описано выше, через новый класс стилей. название акции сразу убрал.
в итоге картинка обрезается и появляется только одна у всех товаров - 30%. вот так: Снимок экрана 2012-10-12 в 19.23.13.png
получилось сделать кодом:
{% IF GOODS_MOD_MAX_DISCOUNT > 25 %} <div style="position:absolute;right:11;top:1;background:url(http://files.storela...71/skidka30.png);width:60px;height:60px;"></div> </div> {% ENDIF %} {% IF GOODS_MOD_MAX_DISCOUNT > 55 %} <div style="position:absolute;right:1;top:1;background:url(http://files.storela...3/skidka_60.png);width:60px;height:60px;"></div> </div> {% ENDIF %}
но есть проблема, описанная выше - бирка большей акции наложена на бирку меньшей
#10
Отправлено 12 Октябрь 2012 - 22:54
{% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %}
Проблема в том что я не наблюдаю в исходном коде страницы блока <div class="goodsListItemPriceOld">, а этот блок находиться вне условия, и должен отображаться. Если ничего не получиться, то приложите ваш шаблон "Товары"
2) Вам необходимо код
{%IF goods.MAX_DISCOUNT >28%} <div style="position:absolute;right:10;top:5;background:url(http://files.storela...71/skidka30.png);width:60px;height:60px;"></div> {%ENDIF%} {%IF goods.MAX_DISCOUNT >55%} <div style="position:absolute;right:10;top:5;background:url(http://files.storela...3/skidka_60.png);width:60px;height:60px;"></div> {%ENDIF%}заменить на
{%IF goods.MAX_DISCOUNT >55%} <div style="position:absolute;right:10;top:5;background:url(http://files.storela...3/skidka_60.png);width:60px;height:60px;"></div> {%ELSEIF goods.MAX_DISCOUNT >28%} <div style="position:absolute;right:10;top:5;background:url(http://files.storela...71/skidka30.png);width:60px;height:60px;"></div> {%ENDIF%}
#11
Отправлено 01 Март 2013 - 15:38
Надо сделать 10% скидку на все виды платьев.
Что я сделала:
1. добавила все нужные платья в раздел акция
2. в main.css добавила после .goodsDataMainDeliveryItemRules p span {border-bottom:1px solid #ffffff;color:#666666;}
.goodsListItemDiscount {
background-image: url(http://files.storela...42/15-11599.jpg);
width: 40px;
height: 40px;
text-align: center;
}
3. в шаблон товары в самый конец добавила
<!-- Для бирки скидок -->
{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
<div style="position:absolute;right:0;top:0;">{%MAX_DISCOUNT%}</div>
{%ENDIF%}
Правильно ли я сделала или нужно было в конкретное место какое-то помещать?
4.В шаблон "Товар" вставила код:
{% IF GOODS_MOD_MAX_DISCOUNT_ID %}
<div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}15-11599.jpg);width:70px;height:76px;">{goods.MAX_DISCOUNT}</div>
{%ENDIF%}
в том месте, где изображение большой картинки товара
Вот иконка моей скидки для размещения http://files.storela...42/15-11599.jpg
Не получилось:
1. разместить бирку
2. не нравится что цена убегает вниз, не видно новой цены
http://agatastyle.ru...alog/Весна-Лето
#12
Отправлено 01 Март 2013 - 16:47
Подскажите как добавить сам раздел Акции. http://agatastyle.ru...iscount/8-марта
Вот у меня на него ссылка, но с сайта как найти это??
#13
Отправлено 01 Март 2013 - 18:13
marykvoffll (01 Март 2013 - 16:47) писал:
Подскажите как добавить сам раздел Акции. http://agatastyle.ru...iscount/8-марта
Вот у меня на него ссылка, но с сайта как найти это??
Или можете создать акцию в разделе "Заказы" -> "Скидки"...
так же можно по поводу акций почитать тут http://forum.storela...кции/#entry1608
#14
Отправлено 02 Март 2013 - 02:06
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }
и заменить на
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; position: relative; }
#15
Отправлено 27 Май 2013 - 19:20
Vaccina (11 Октябрь 2012 - 23:31) писал:
.goodsListItemDiscount { background-image: url(ссылка на изображение); width: 40px; height: 40px; text-align: center; }
Изменив в последствии путь к изображению скидки, и размеры изображения.
Можно исходить из максимальной скидки
<!-- Скидка на товар --> {% IF goods.MAX_DISCOUNT > 30 %} <div class="goodsListItemDiscount30"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF goods.MAX_DISCOUNT > 25 %} <div class="goodsListItemDiscount25"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF goods.MAX_DISCOUNT > 15 %} <div class="goodsListItemDiscount15"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %}
Необходимо вставить подобный код, но уже в шаблон "Товар", и выглядеть он будет так
<!-- Скидка на товар --> {% IF GOODS_MOD_MAX_DISCOUNT > 5 %} <div class="goodsListItemDiscount30"> <p>-{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %}
Это будет что-то вроде этого, если я вас правильно понимаю.
<p> Цена сейчас: {goods.MIN_PRICE_NOW | money_format}<br /> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} Цена без учёта скидки: {goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format} {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} Старая цена: {goods.MIN_PRICE_OLD | money_format} {% ENDIF %} </p>
подскажите пожалуйста куда именно вставлять
Цитата
background-image: url(ссылка на изображение);
width: 40px;
height: 40px;
text-align: center;
}
Цитата
{% IF goods.MAX_DISCOUNT > 30 %}
<div class="goodsListItemDiscount30">
<p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p>
</div>
{% ENDIF %}
<!-- Скидка на товар -->
{% IF goods.MAX_DISCOUNT > 25 %}
<div class="goodsListItemDiscount25">
<p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p>
</div>
{% ENDIF %}
<!-- Скидка на товар -->
{% IF goods.MAX_DISCOUNT > 15 %}
<div class="goodsListItemDiscount15">
<p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p>
</div>
{% ENDIF %}
#16
Отправлено 27 Май 2013 - 20:13
nika_i (27 Май 2013 - 19:20) писал:
и вот это
в файл main.css можете в самом конце вставить блок
.goodsListItemDiscount { background-image: url(ссылка на изображение); width: 40px; height: 40px; text-align: center; }
какой у Вас номер аккаунта?
#18
Отправлено 29 Май 2013 - 02:29
<!-- Скидка на товар --> {% IF goods.MAX_DISCOUNT > 30 %} <div class="goodsListItemDiscount30"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF goods.MAX_DISCOUNT > 25 %} <div class="goodsListItemDiscount25"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF goods.MAX_DISCOUNT > 15 %} <div class="goodsListItemDiscount15"> <p>-{goods.MAX_DISCOUNT_CAMPAIGN_NAME}</p> </div> {% ENDIF %}
вам необходимо вставлять в шаблон "Товары" после строки
<div class="goodsListItemBlock withBorder cornerAll">
#19
Отправлено 22 Декабрь 2013 - 01:34
Vaccina (29 Май 2013 - 02:29) писал:
я хочу разместить разные скидки
20,30 и 40%
у каждой своя бирка
в итоге видно только наименьшую
пробывала делать так:
{%ELSEIF goods.MAX_DISCOUNT >19%}
вместо
{% IF goods.MAX_DISCOUNT > 19 %}
не хочет сохранять - пишет ошибку
Мой код:
<!-- Скидка на товар --> {% IF GOODS_MOD_MAX_DISCOUNT > 39 %} <div class="goodsListItemDiscount40"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG40.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF GOODS_MOD_MAX_DISCOUNT > 29 %} <div class="goodsListItemDiscount30"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG30.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF GOODS_MOD_MAX_DISCOUNT > 19 %} <div class="goodsListItemDiscount20"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG20.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %}сайт
Вот на этом товаре стоит 40% скидка
#20
Отправлено 22 Декабрь 2013 - 06:30
tanch (22 Декабрь 2013 - 01:34) писал:
я хочу разместить разные скидки
20,30 и 40%
у каждой своя бирка
в итоге видно только наименьшую
пробывала делать так:
{%ELSEIF goods.MAX_DISCOUNT >19%}
вместо
{% IF goods.MAX_DISCOUNT > 19 %}
не хочет сохранять - пишет ошибку
Мой код:
<!-- Скидка на товар --> {% IF GOODS_MOD_MAX_DISCOUNT > 39 %} <div class="goodsListItemDiscount40"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG40.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF GOODS_MOD_MAX_DISCOUNT > 29 %} <div class="goodsListItemDiscount30"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG30.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %} <!-- Скидка на товар --> {% IF GOODS_MOD_MAX_DISCOUNT > 19 %} <div class="goodsListItemDiscount20"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG20.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %}сайт
Вот на этом товаре стоит 40% скидка
Можно задать интервалами
Код -
{% IF GOODS_MOD_MAX_DISCOUNT > 19 %} <div class="goodsListItemDiscount20"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG20.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %}замените на -
<!-- Скидка на товар от 0 до 20 --> {% IF GOODS_MOD_MAX_DISCOUNT <= 20 %} <div class="goodsListItemDiscount20"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG20.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %}
Код -
<!-- Скидка на товар --> {% IF GOODS_MOD_MAX_DISCOUNT > 29 %} <div class="goodsListItemDiscount30"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG30.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %}заменить на -
<!-- Скидка на товар от 21 до 30 --> {% IF GOODS_MOD_MAX_DISCOUNT <= 30 && GOODS_MOD_MAX_DISCOUNT >20 %} <div class="goodsListItemDiscount30"> <div style="position:absolute;right:110;top:30;background:url({ASSETS_IMAGES_PATH}NG30.png);width:70px;height:77px;"style="position:relative;"></div> </div> {% ENDIF %}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных