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


Изменение Цвета Статуса Товара "в Наличии"/"нет В Наличии" И Замена Ярлыков "скидка", "хит" И Т.п.

хит новинка дизайн лазурь

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

#1 baddiru

baddiru

    Пользователь

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

Отправлено 20 Апрель 2017 - 19:54

Добрый день!
Прошу помочь разобраться в настройке сайта.
Полазив по форуму, в попытках настроить сайт самостоятельно, столкнулась со следующими трудностями:

1.1. Можно ли добавить еще один статус товара "Под заказ", при этом оставив статусы "В наличии" и "Нет в наличии"?
1.2. Как изменить цвет статуса товара, если его нет в наличии? Текст "Нет в наличии" должен быть красным, а "В наличии" оставаться зеленым (зеленый цвет уже сама навояла :)). Если возможно реализовать п.1.1, то текст статуса "Под заказ" должен быть желтым.

2.1. Как заменить ярлыки "хит", "новинка" и "скидка" на свои картинки?

#2 Vaccina

Vaccina

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

  • Модераторы
  • 21 699 сообщений

Отправлено 21 Апрель 2017 - 04:55

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

1.1 Уточните пожалуйста, при каком остатке должен выводиться данный статус?
1.2 Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-shop .goodsDataMainModificationAvailable span {
color: #03c03c;
margin-left: 5px;
}

замените на:
.product-shop .goodsDataMainModificationAvailable span {margin-left: 5px;}
.product-shop .goodsDataMainModificationAvailable .available-false span{color:red;}
.product-shop .goodsDataMainModificationAvailable .available-true span{color:green;}

2.1 Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% IF goods.IS_NEW %}
					 <span class="ico-product new">Новинка</span>
					 {% ELSEIF goods.IS_TOP %}
					 <span class="ico-product best">Хит</span>
					 {% ENDIF %}
					 {% IF goods.MAX_DISCOUNT %}
					 <span class="ico-product sale">Скидка</span>
					 {% ENDIF %}

текст замените на изображения вида:
<img src="cсылка на картинку" alt="" />


#3 kirussian

kirussian

    Продвинутый пользователь

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

Отправлено 21 Апрель 2017 - 20:40

Просмотр сообщенияVaccina (21 Апрель 2017 - 04:55) писал:

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

1.1 Уточните пожалуйста, при каком остатке должен выводиться данный статус?
1.2 Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-shop .goodsDataMainModificationAvailable span {
color: #03c03c;
margin-left: 5px;
}

замените на:
.product-shop .goodsDataMainModificationAvailable span {margin-left: 5px;}
.product-shop .goodsDataMainModificationAvailable .available-false span{color:red;}
.product-shop .goodsDataMainModificationAvailable .available-true span{color:green;}

2.1 Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% IF goods.IS_NEW %}
					 <span class="ico-product new">Новинка</span>
					 {% ELSEIF goods.IS_TOP %}
					 <span class="ico-product best">Хит</span>
					 {% ENDIF %}
					 {% IF goods.MAX_DISCOUNT %}
					 <span class="ico-product sale">Скидка</span>
					 {% ENDIF %}

текст замените на изображения вида:
<img src="cсылка на картинку" alt="" />

Подскажите мне, пожалуйста, как поменять цвет букв "В наличии" (на зеленый) и "Нет в наличии" на красный?

#4 Danil

Danil

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

  • Модераторы
  • 4 512 сообщений

Отправлено 21 Апрель 2017 - 20:52

Просмотр сообщенияkirussian (21 Апрель 2017 - 20:40) писал:

Подскажите мне, пожалуйста, как поменять цвет букв "В наличии" (на зеленый) и "Нет в наличии" на красный?
Здравствуйте.
В конец main.css добавьте код
.product-view .product-shop .goodsDataMainModificationAvailable .available-false span{color:red;}
.product-view .product-shop .goodsDataMainModificationAvailable .available-true span{color:green;}


#5 kirussian

kirussian

    Продвинутый пользователь

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

Отправлено 21 Апрель 2017 - 21:41

Просмотр сообщенияDanil (21 Апрель 2017 - 20:52) писал:

Здравствуйте.
В конец main.css добавьте код
.product-view .product-shop .goodsDataMainModificationAvailable .available-false span{color:red;}
.product-view .product-shop .goodsDataMainModificationAvailable .available-true span{color:green;}

Отлично, спасибо! техподдержка начинает все больше радовать.
Кстати, дам рекомендацию администрации сторлэнда (может услышат):
я пробовал делать сайт на платформе  Nethouse, там руководство пошло по пути взаимовыгодного сотрудничества со всякими агрегаторами, системами аналитики платными и т.п., но минимум улучшений для простых пользователей. Не идите по их пути, улучшайте сервис для рядовых пользователей, не ищите выгодные контракты с системами типа МойСклад и т.д. Это все второе. Главное - думать о пользователях, тогда у вас все получится и будет больше прибыли.

#6 baddiru

baddiru

    Пользователь

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

Отправлено 23 Апрель 2017 - 20:53

Просмотр сообщенияVaccina (21 Апрель 2017 - 04:55) писал:

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

1.1 Уточните пожалуйста, при каком остатке должен выводиться данный статус?
1.2 Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-shop .goodsDataMainModificationAvailable span {
color: #03c03c;
margin-left: 5px;
}

замените на:
.product-shop .goodsDataMainModificationAvailable span {margin-left: 5px;}
.product-shop .goodsDataMainModificationAvailable .available-false span{color:red;}
.product-shop .goodsDataMainModificationAvailable .available-true span{color:green;}

2.1 Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% IF goods.IS_NEW %}
					 <span class="ico-product new">Новинка</span>
					 {% ELSEIF goods.IS_TOP %}
					 <span class="ico-product best">Хит</span>
					 {% ENDIF %}
					 {% IF goods.MAX_DISCOUNT %}
					 <span class="ico-product sale">Скидка</span>
					 {% ENDIF %}

текст замените на изображения вида:
<img src="cсылка на картинку" alt="" />

Спасибо! С этим разобралась!
Вопрос 1.1 не актуален теперь.

Подскажите пожалуйста, что необходимо сделать, чтобы цена на товар указывалась от и до, при условии, если товар имеет модификации с различной ценой?

Прикрепленные изображения

  • 9DN__DSSbRQ.jpg


#7 Vaccina

Vaccina

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

  • Модераторы
  • 21 699 сообщений

Отправлено 25 Апрель 2017 - 06:51

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<p class="special-price">
							  <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
							</p>

замените на:
<p class="special-price">
							  <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{% IF goods.MIN_PRICE_NOW < goods.MAX_PRICE_NOW %}от {% ENDIF %}{goods.MIN_PRICE_NOW | money_format}{% IF goods.MIN_PRICE_NOW < goods.MAX_PRICE_NOW %}до {goods.MAX_PRICE_NOW | money_format}{% ENDIF %}</span>
							</p>


#8 baddiru

baddiru

    Пользователь

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

Отправлено 27 Апрель 2017 - 18:14

Просмотр сообщенияVaccina (25 Апрель 2017 - 06:51) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<p class="special-price">
							 <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
						 </p>

замените на:
<p class="special-price">
							 <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{% IF goods.MIN_PRICE_NOW < goods.MAX_PRICE_NOW %}от {% ENDIF %}{goods.MIN_PRICE_NOW | money_format}{% IF goods.MIN_PRICE_NOW < goods.MAX_PRICE_NOW %}до {goods.MAX_PRICE_NOW | money_format}{% ENDIF %}</span>
						 </p>

Добрый день!
Получилось как-то не до конца. В каталоге не показывается максимальная цена, а на главной странице вообще ничего не изменилось.
Прилагаю скриншоты ниже.

Прикрепленные изображения

  • от и до.jpg
  • Screenshot_3.jpg


#9 Firefly

Firefly

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

  • Модераторы
  • 3 221 сообщений

Отправлено 27 Апрель 2017 - 18:26

Просмотр сообщенияbaddiru (27 Апрель 2017 - 18:14) писал:

Добрый день!
Получилось как-то не до конца. В каталоге не показывается максимальная цена, а на главной странице вообще ничего не изменилось.
Прилагаю скриншоты ниже.

Здравствуйте.
Внес Вам аналогичные изменения для всех категорий товаров на на главной в шаблоне HTML.
Проверьте, пожалуйста.

#10 baddiru

baddiru

    Пользователь

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

Отправлено 27 Апрель 2017 - 19:18

Просмотр сообщенияFirefly (27 Апрель 2017 - 18:26) писал:



Здравствуйте.
Внес Вам аналогичные изменения для всех категорий товаров на на главной в шаблоне HTML.
Проверьте, пожалуйста.

Благодарю! Все отображается корректно!
Параллельно появилось еще несколько вопросов,касающихся мобильной версии.
1 В первом случае название товара немного "съедается" с левого края. Как можно исправить?
2 Во втором случае, при повороте экрана, только сейчас обнаружила каким образом отображается слайдер.Отсюда,собственно, и вопрос: как можно настроить моб.версию таким образом, чтобы слайдер отображался на всю ширину экрана, т.е. не было фиолетовых зон по бокам? Может быть необходимо уменьшить, например, логотип и полосу с каталогом и корзиной, а сам слайдер сделать больше по высоте? Сможете помочь найти решение в этом вопросе?

Прикрепленные изображения

  • gd04XJ4-UfI.jpg
  • miXwT26lEV0.jpg


#11 Stasya

Stasya

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

  • Модераторы
  • 3 561 сообщений

Отправлено 02 Май 2017 - 13:55

Просмотр сообщенияbaddiru (27 Апрель 2017 - 19:18) писал:

Благодарю! Все отображается корректно!
Параллельно появилось еще несколько вопросов,касающихся мобильной версии.
1 В первом случае название товара немного "съедается" с левого края. Как можно исправить?
2 Во втором случае, при повороте экрана, только сейчас обнаружила каким образом отображается слайдер.Отсюда,собственно, и вопрос: как можно настроить моб.версию таким образом, чтобы слайдер отображался на всю ширину экрана, т.е. не было фиолетовых зон по бокам? Может быть необходимо уменьшить, например, логотип и полосу с каталогом и корзиной, а сам слайдер сделать больше по высоте? Сможете помочь найти решение в этом вопросе?
1) В шаблоне HTML найдите строку
<div class="inner row">
и замените ее на
<div class="inner">

2) К сожаелнию, такого отображения обнаружить не удалось скриншот с мобильного устройства прикрепила.

Прикрепленные изображения

  • Screenshot_2017-05-02-13-57-24.png


#12 baddiru

baddiru

    Пользователь

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

Отправлено 02 Май 2017 - 22:37

Просмотр сообщенияStasya (02 Май 2017 - 13:55) писал:


1) В шаблоне HTML найдите строку
<div class="inner row">
и замените ее на
<div class="inner">

2) К сожаелнию, такого отображения обнаружить не удалось скриншот с мобильного устройства прикрепила.

Спасибо! По первому все корректно.
По второму вопросу просьба, может кто-то из Ваших коллег пользуется iphone. Перепроверила, отображение что на 5, что на 4 айфонах - как на моем скриншоте выше.
Очень хотелось бы исправить.

#13 Vaccina

Vaccina

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

  • Модераторы
  • 21 699 сообщений

Отправлено 03 Май 2017 - 03:21

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

Попробуйте следующее, зайдите в раздел Сайт - Редактор шаблонов - jssor_slider.js - найдите:
//if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {
  //	$(window).bind("orientationchange", ScaleSlider);
  //}
  //responsive code end

замените на:
if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {
	  $(window).bind("orientationchange", ScaleSlider);
  }
  //responsive code end


#14 baddiru

baddiru

    Пользователь

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

Отправлено 04 Май 2017 - 00:45

Просмотр сообщенияVaccina (03 Май 2017 - 03:21) писал:

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

Попробуйте следующее, зайдите в раздел Сайт - Редактор шаблонов - jssor_slider.js - найдите:
//if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {
  //	$(window).bind("orientationchange", ScaleSlider);
  //}
  //responsive code end

замените на:
if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {
	  $(window).bind("orientationchange", ScaleSlider);
  }
  //responsive code end

Благодарю! Все корректно!





Темы с аналогичным тегами хит новинка, дизайн, лазурь

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

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