Очень Не Хватает Простых Фишек Как Новинки, Акции И Т.п.
#1
Отправлено 29 Январь 2014 - 08:28
То что каждый товар можно отнести к новинкам, рекомендуем это хорошо, но мне ну нежны полосы и просто товар, а лучше всего, когда на самом товаре, среди десятка других позиций выделять один или два товара: Например рекомендуем или Акция, заход на данный товар будет значительно выше.
Реально ли такое сделать? (что-то подобное)
#2
Отправлено 29 Январь 2014 - 09:12
sportilius (29 Январь 2014 - 08:28) писал:
То что каждый товар можно отнести к новинкам, рекомендуем это хорошо, но мне ну нежны полосы и просто товар, а лучше всего, когда на самом товаре, среди десятка других позиций выделять один или два товара: Например рекомендуем или Акция, заход на данный товар будет значительно выше.
Реально ли такое сделать? (что-то подобное)
Возможно Вы хотите установить бирки на товары в зависимости от того в каком они разделе?
http://forum.storela...кции/#entry7753
http://forum.storela...кам/#entry78131
#3
Отправлено 29 Январь 2014 - 12:10
#4
Отправлено 29 Январь 2014 - 12:56
miyako (29 Январь 2014 - 09:12) писал:
http://forum.storela...кции/#entry7753
http://forum.storela...кам/#entry78131
Имеем файл пнг, например 30х30 px. Его нужно наложить на товары, которые участвуют в акции, чтобы метка была видна в верхнем правом углу всех акционных товаров.
При этом вывод иконки на большом изображении товара не нужен.
Шаблон вечность.
сайта http://sportilius.ru
Заранее спасибо.
#5
Отправлено 29 Январь 2014 - 13:33
<div class="containers32"> <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">и после него добавьте код -
<div class="containers32"> <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;"> {%IF goods.MAX_DISCOUNT_EXPIRED_AT%} <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div> {%ENDIF%}не забудьте указать путь до изображения в коде, также можно убрать вывод скидки {%MAX_DISCOUNT%}, если не нужно.
Далее аналогично для отображения товаров таблицей найдите код в шаблоне Товары -
<div class="items masonry-brick" style="float: left; width: 173px; margin: 10px; background-color: rgb(255, 255, 255); padding: 10px; height: 400px; position: absolute; top: 0px; left: 210px; background-position: initial initial; background-repeat: initial initial;">и замените на -
<div class="items masonry-brick" style="float: left; width: 173px; margin: 10px; background-color: rgb(255, 255, 255); padding: 10px; height: 400px; position: relative; top: 0px; left:0px; background-position: initial initial; background-repeat: initial initial;"> {%IF goods.MAX_DISCOUNT_EXPIRED_AT%} <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div> {%ENDIF%}
#6
Отправлено 29 Январь 2014 - 17:20
<div class="items masonry-brick" style="float: left; width: 173px; margin: 10px; background-color: rgb(255, 255, 255); padding: 10px; height: 400px; position: absolute; top: 0px; left: 210px; background-position: initial initial; background-repeat: initial initial;">
а также такого в шаблоне товары нет может быть вы с другой темой спутали?
#7
Отправлено 29 Январь 2014 - 21:23
#8
Отправлено 29 Январь 2014 - 21:44
desbest (29 Январь 2014 - 21:23) писал:
#9
Отправлено 30 Январь 2014 - 02:39
sportilius (29 Январь 2014 - 17:20) писал:
<div class="items masonry-brick" style="float: left; width: 173px; margin: 10px; background-color: rgb(255, 255, 255); padding: 10px; height: 400px; position: absolute; top: 0px; left: 210px; background-position: initial initial; background-repeat: initial initial;">
а также такого в шаблоне товары нет может быть вы с другой темой спутали?
Попробуйте в вашем шаблоне "Товары" найти строку
<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px; height:400px">
и заменить её на
<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px; height:400px; position: relative;"> {%IF goods.MAX_DISCOUNT_EXPIRED_AT%} <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div> {%ENDIF%}
а так же найти строку
<div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
и заменить её на
<div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;"> {%IF goods.MAX_DISCOUNT_EXPIRED_AT%} <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div> {%ENDIF%}
#10
Отправлено 30 Январь 2014 - 19:55
#11
Отправлено 31 Январь 2014 - 01:30
<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px; height:400px; position: relative;"> {%IF goods.MAX_DISCOUNT_EXPIRED_AT%} <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div> {%ENDIF%}
и замените на
<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px; height:400px; position: relative;"> {%IF goods.MAX_DISCOUNT_EXPIRED_AT%} <div class="discount-birka">{%MAX_DISCOUNT%}</div> {%ENDIF%}
далее найдите
<div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;"> {%IF goods.MAX_DISCOUNT_EXPIRED_AT%} <div style="position:absolute;right:0;top:0;background:url(путь до изображения);">{%MAX_DISCOUNT%}</div> {%ENDIF%}
и замените на
<div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;"> {%IF goods.MAX_DISCOUNT_EXPIRED_AT%} <div class="discount-birka">{%MAX_DISCOUNT%}</div> {%ENDIF%}
далее в файл стилей style.css добавьте
.discount-birka { background: url("{ASSETS_IMAGES_PATH}stiker1.png") no-repeat center center; color: #FFFFFF; font-size: 26px; font-weight: bold; height: 104px; line-height: 98px; position: absolute; right: 0; top: 0; width: 107px !important; z-index: 1; }
#12
Отправлено 31 Январь 2014 - 11:07
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных