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


Как Вставить Иконку "хит Продаж", "новинка", "рекомендуем"

Автор Иванов, 29 нояб. 2015 17:03

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

#1 Иванов

Иванов

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

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

Отправлено 29 Ноябрь 2015 - 17:03

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

Помогите, пож-та, вставить иконку "Хит продаж", "новинка", "Рекомендуем" вместо тепершней обычной надписи "хит продаж".

#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 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 Иванов

Иванов

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

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

Отправлено 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 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 29 Ноябрь 2015 - 19:05

Просмотр сообщенияИванов (29 Ноябрь 2015 - 18:06) писал:

Спасибо.

ещё подскажите как картинку поставить для АКЦИЙ ? (к примеру акция месяца на определённый товар - 15 %)   Как сделать чтобы на новой (добавленной нами картинке) отображалась величина скидки в %  ?



Спасибо.

ещё подскажите как картинку поставить для АКЦИЙ ? (к примеру акция месяца на определённый товар - 15 %)   Как сделать чтобы на новой (добавленной нами картинке) отображалась величина скидки в %  ?
Добавьте хотя бы 1 товар в акцию и пришлите его название, так же пришлите скриншот с желаемым отображением ярлыка "акция" и надписи в нем.

#5 Иванов

Иванов

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

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

Отправлено 29 Ноябрь 2015 - 20:27

Просмотр сообщенияDanil (29 Ноябрь 2015 - 19:05) писал:

Добавьте хотя бы 1 товар в акцию и пришлите его название, так же пришлите скриншот с желаемым отображением ярлыка "акция" и надписи в нем.



Загрузили картинку на сайт:  skidka.png

Товар на скидку добавили:  /goods/TESTOSTERONE-PROPIONATE-TeSTOSTeRON-PROPIONAT-1-ampula-1-ml-2?from=YzJh

РАзмер скидки как должен отображаться на прикрепленном файле видно.

#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 30 Ноябрь 2015 - 09:48

Просмотр сообщенияИванов (29 Ноябрь 2015 - 20:27) писал:

Загрузили картинку на сайт:  skidka.png

Товар на скидку добавили:  /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 Иванов

Иванов

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

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

Отправлено 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 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 30 Ноябрь 2015 - 12:37

Просмотр сообщенияИванов (30 Ноябрь 2015 - 12:20) писал:

Вы не так нас поняли... этот ярлык должен отображаться в общем списке товаров, также как "ХИТЫ ПРОДАЖ" и "Новинки"
Пришлите скриншот с желаемым отображением ярлыка "Скидка" непосредственно на самом товаре, т.к. в примере из сообщения 5, присутствует еще один ярлычок "Новинка".

#9 Иванов

Иванов

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

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

Отправлено 30 Ноябрь 2015 - 12:50

Просмотр сообщенияDanil (30 Ноябрь 2015 - 12:37) писал:

Пришлите скриншот с желаемым отображением ярлыка "Скидка" непосредственно на самом товаре, т.к. в примере из сообщения 5, присутствует еще один ярлычок "Новинка".
Как-то так...

#10 MikDark

MikDark

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

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

Отправлено 30 Ноябрь 2015 - 14:13

Просмотр сообщенияИванов (30 Ноябрь 2015 - 12:50) писал:

Как-то так...

В каталоге изменения произвели, посмотрите, Вас устроит?

#11 Иванов

Иванов

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

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

Отправлено 30 Ноябрь 2015 - 14:54

Просмотр сообщенияMikDark (30 Ноябрь 2015 - 14:13) писал:

В каталоге изменения произвели, посмотрите, Вас устроит?

Всё ОК, только размер нужно меньше сделать...  раза в 2

#12 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 30 Ноябрь 2015 - 17:51

Просмотр сообщенияИванов (30 Ноябрь 2015 - 14:54) писал:

Всё ОК, только размер нужно меньше сделать...  раза в 2

Здравствуйте, в 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 Иванов

Иванов

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

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

Отправлено 01 Декабрь 2015 - 13:11

Просмотр сообщенияЮля123 (30 Ноябрь 2015 - 17:51) писал:

Здравствуйте, в 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;
}

Такой размер Вас устроит?
Прикрепленный файл QIP Shot - Screen 022.png

всё отлично!  

Просьба: удалите пож-та скрин с предыдущего сообщения...

Спасибо за помощь!!! :)
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Вопросы общие для всех шаблонов
  5. → Изменение общей стилистики
  6. Privacy Policy