Как Вставить Иконку "хит Продаж", "новинка", "рекомендуем"
#1
Отправлено 29 Ноябрь 2015 - 17:03
Помогите, пож-та, вставить иконку "Хит продаж", "новинка", "Рекомендуем" вместо тепершней обычной надписи "хит продаж".
#2
Отправлено 29 Ноябрь 2015 - 17:22
Иванов (29 Ноябрь 2015 - 17:03) писал:
Помогите, пож-та, вставить иконку "Хит продаж", "новинка", "Рекомендуем" вместо тепершней обычной надписи "хит продаж".
В шаблоне Товары найдите код
<span class="new">Новинка</span> {% ELSEIF goods.IS_TOP %} <span class="best">Хит</span>и замените на
<span class="new"></span> {% ELSEIF goods.IS_TOP %} <span class="best"></span>В style.css найдите
.product_image_wrapper span { position: absolute; top: 0px; right: 0px; background: yellow; }и замените на
.product_image_wrapper span { position: absolute; top: 0px; right: 0px; } .product_image_wrapper span.new {background:url("{ASSETS_IMAGES_PATH}Название изображения для новинок");width:50px;height:50px;} .product_image_wrapper span.best {background:url("{ASSETS_IMAGES_PATH}Название изображения для хитов");width:50px;height:50px;}Устанавливайте значения у свойств width(ширина) и height(высота), в зависимости от размера загруженных изображений.
#3
Отправлено 29 Ноябрь 2015 - 18:06
ещё подскажите как картинку поставить для АКЦИЙ ? (к примеру акция месяца на определённый товар - 15 %) Как сделать чтобы на новой (добавленной нами картинке) отображалась величина скидки в % ?
Danil (29 Ноябрь 2015 - 17:22) писал:
В шаблоне Товары найдите код
<span class="new">Новинка</span> {% ELSEIF goods.IS_TOP %} <span class="best">Хит</span>и замените на
<span class="new"></span> {% ELSEIF goods.IS_TOP %} <span class="best"></span>В style.css найдите
.product_image_wrapper span { position: absolute; top: 0px; right: 0px; background: yellow; }и замените на
.product_image_wrapper span { position: absolute; top: 0px; right: 0px; } .product_image_wrapper span.new {background:url("{ASSETS_IMAGES_PATH}Название изображения для новинок");width:50px;height:50px;} .product_image_wrapper span.best {background:url("{ASSETS_IMAGES_PATH}Название изображения для хитов");width:50px;height:50px;}Устанавливайте значения у свойств width(ширина) и height(высота), в зависимости от размера загруженных изображений.
Спасибо.
ещё подскажите как картинку поставить для АКЦИЙ ? (к примеру акция месяца на определённый товар - 15 %) Как сделать чтобы на новой (добавленной нами картинке) отображалась величина скидки в % ?
#4
Отправлено 29 Ноябрь 2015 - 19:05
Иванов (29 Ноябрь 2015 - 18:06) писал:
ещё подскажите как картинку поставить для АКЦИЙ ? (к примеру акция месяца на определённый товар - 15 %) Как сделать чтобы на новой (добавленной нами картинке) отображалась величина скидки в % ?
Спасибо.
ещё подскажите как картинку поставить для АКЦИЙ ? (к примеру акция месяца на определённый товар - 15 %) Как сделать чтобы на новой (добавленной нами картинке) отображалась величина скидки в % ?
#5
Отправлено 29 Ноябрь 2015 - 20:27
Danil (29 Ноябрь 2015 - 19:05) писал:
Загрузили картинку на сайт: skidka.png
Товар на скидку добавили: /goods/TESTOSTERONE-PROPIONATE-TeSTOSTeRON-PROPIONAT-1-ampula-1-ml-2?from=YzJh
РАзмер скидки как должен отображаться на прикрепленном файле видно.
#6
Отправлено 30 Ноябрь 2015 - 09:48
Иванов (29 Ноябрь 2015 - 20:27) писал:
Товар на скидку добавили: /goods/TESTOSTERONE-PROPIONATE-TeSTOSTeRON-PROPIONAT-1-ampula-1-ml-2?from=YzJh
РАзмер скидки как должен отображаться на прикрепленном файле видно.
div id="left-column"> <!-- Большое изображение --> <div class="image">и замените на
div id="left-column"> <!-- Большое изображение --> <div class="image"> <div class="skidka"><span>{GOODS_MOD_MAX_DISCOUNT}</span></div>В конец style.css добавьте
.skidka { background:url("{ASSETS_IMAGES_PATH}skidka.png"); position: absolute; color: #FFF; font-size: 20px; z-index: 99999; width: 159px; height: 69px; right: 0; top: 0; } .image { position: relative; } .skidka span{ padding-left: 14px; display: block; padding-top: 29px; }
#7
Отправлено 30 Ноябрь 2015 - 12:20
Danil (30 Ноябрь 2015 - 09:48) писал:
div id="left-column"> <!-- Большое изображение --> <div class="image">и замените на
div id="left-column"> <!-- Большое изображение --> <div class="image"> <div class="skidka"><span>{GOODS_MOD_MAX_DISCOUNT}</span></div>В конец style.css добавьте
.skidka { background:url("{ASSETS_IMAGES_PATH}skidka.png"); position: absolute; color: #FFF; font-size: 20px; z-index: 99999; width: 159px; height: 69px; right: 0; top: 0; } .image { position: relative; } .skidka span{ padding-left: 14px; display: block; padding-top: 29px; }
Вы не так нас поняли... этот ярлык должен отображаться в общем списке товаров, также как "ХИТЫ ПРОДАЖ" и "Новинки"
#8
Отправлено 30 Ноябрь 2015 - 12:37
Иванов (30 Ноябрь 2015 - 12:20) писал:
#12
Отправлено 30 Ноябрь 2015 - 17:51
Иванов (30 Ноябрь 2015 - 14:54) писал:
Здравствуйте, в main.css найдите код:
.sale {text-align:left;display: block; width: 159px; height: 68px;background: url('http://st.muscle-pharma.cc/12/1779/066/skidka.png') no-repeat center left;clear:both;color:#666666;margin-bottom:10px;border-top:1px dotted #c0c0c0;} .sale span {color:#fff;font-size:22px; position: absolute; left: 26px; top: 26px; }
и замените на код:
.sale {text-align:left;display: block; width: 100px; height: 60px;background: url('http://st.muscle-pharma.cc/12/1779/066/skidka.png') no-repeat center left;clear:both;color:#666666;margin-bottom:10px;border-top:1px dotted #c0c0c0; background-size: 100%;} .sale span {color:#fff;font-size:22px; position: absolute; left: 7px; top: 24px; }
#13
Отправлено 01 Декабрь 2015 - 13:11
Юля123 (30 Ноябрь 2015 - 17:51) писал:
.sale {text-align:left;display: block; width: 159px; height: 68px;background: url('http://st.muscle-pharma.cc/12/1779/066/skidka.png') no-repeat center left;clear:both;color:#666666;margin-bottom:10px;border-top:1px dotted #c0c0c0;} .sale span {color:#fff;font-size:22px; position: absolute; left: 26px; top: 26px; }
и замените на код:
.sale {text-align:left;display: block; width: 100px; height: 60px;background: url('http://st.muscle-pharma.cc/12/1779/066/skidka.png') no-repeat center left;clear:both;color:#666666;margin-bottom:10px;border-top:1px dotted #c0c0c0; background-size: 100%;} .sale span {color:#fff;font-size:22px; position: absolute; left: 7px; top: 24px; }
Такой размер Вас устроит?
QIP Shot - Screen 022.png
всё отлично!
Просьба: удалите пож-та скрин с предыдущего сообщения...
Спасибо за помощь!!!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных