Изменение Цвета Статуса Товара "в Наличии"/"нет В Наличии" И Замена Ярлыков "скидка", "хит" И Т.п.
#1
Отправлено 20 Апрель 2017 - 19:54
Прошу помочь разобраться в настройке сайта.
Полазив по форуму, в попытках настроить сайт самостоятельно, столкнулась со следующими трудностями:
1.1. Можно ли добавить еще один статус товара "Под заказ", при этом оставив статусы "В наличии" и "Нет в наличии"?
1.2. Как изменить цвет статуса товара, если его нет в наличии? Текст "Нет в наличии" должен быть красным, а "В наличии" оставаться зеленым (зеленый цвет уже сама навояла ). Если возможно реализовать п.1.1, то текст статуса "Под заказ" должен быть желтым.
2.1. Как заменить ярлыки "хит", "новинка" и "скидка" на свои картинки?
#2
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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 не актуален теперь.
Подскажите пожалуйста, что необходимо сделать, чтобы цена на товар указывалась от и до, при условии, если товар имеет модификации с различной ценой?
#7
Отправлено 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
Отправлено 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>
Добрый день!
Получилось как-то не до конца. В каталоге не показывается максимальная цена, а на главной странице вообще ничего не изменилось.
Прилагаю скриншоты ниже.
#9
Отправлено 27 Апрель 2017 - 18:26
baddiru (27 Апрель 2017 - 18:14) писал:
Получилось как-то не до конца. В каталоге не показывается максимальная цена, а на главной странице вообще ничего не изменилось.
Прилагаю скриншоты ниже.
Здравствуйте.
Внес Вам аналогичные изменения для всех категорий товаров на на главной в шаблоне HTML.
Проверьте, пожалуйста.
#10
Отправлено 27 Апрель 2017 - 19:18
Firefly (27 Апрель 2017 - 18:26) писал:
Здравствуйте.
Внес Вам аналогичные изменения для всех категорий товаров на на главной в шаблоне HTML.
Проверьте, пожалуйста.
Благодарю! Все отображается корректно!
Параллельно появилось еще несколько вопросов,касающихся мобильной версии.
1 В первом случае название товара немного "съедается" с левого края. Как можно исправить?
2 Во втором случае, при повороте экрана, только сейчас обнаружила каким образом отображается слайдер.Отсюда,собственно, и вопрос: как можно настроить моб.версию таким образом, чтобы слайдер отображался на всю ширину экрана, т.е. не было фиолетовых зон по бокам? Может быть необходимо уменьшить, например, логотип и полосу с каталогом и корзиной, а сам слайдер сделать больше по высоте? Сможете помочь найти решение в этом вопросе?
#11
Отправлено 02 Май 2017 - 13:55
baddiru (27 Апрель 2017 - 19:18) писал:
Параллельно появилось еще несколько вопросов,касающихся мобильной версии.
1 В первом случае название товара немного "съедается" с левого края. Как можно исправить?
2 Во втором случае, при повороте экрана, только сейчас обнаружила каким образом отображается слайдер.Отсюда,собственно, и вопрос: как можно настроить моб.версию таким образом, чтобы слайдер отображался на всю ширину экрана, т.е. не было фиолетовых зон по бокам? Может быть необходимо уменьшить, например, логотип и полосу с каталогом и корзиной, а сам слайдер сделать больше по высоте? Сможете помочь найти решение в этом вопросе?
<div class="inner row">и замените ее на
<div class="inner">
2) К сожаелнию, такого отображения обнаружить не удалось скриншот с мобильного устройства прикрепила.
#12
Отправлено 02 Май 2017 - 22:37
Stasya (02 Май 2017 - 13:55) писал:
1) В шаблоне HTML найдите строку
<div class="inner row">и замените ее на
<div class="inner">
2) К сожаелнию, такого отображения обнаружить не удалось скриншот с мобильного устройства прикрепила.
Спасибо! По первому все корректно.
По второму вопросу просьба, может кто-то из Ваших коллег пользуется iphone. Перепроверила, отображение что на 5, что на 4 айфонах - как на моем скриншоте выше.
Очень хотелось бы исправить.
#13
Отправлено 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
Отправлено 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
Благодарю! Все корректно!
#15
Отправлено 24 Август 2017 - 09:27
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="" />
Здравствуйте, проделал подобные изменения, но цвет букв "в наличии" и "нет в наличии" не изменился, помогите проделать тоже самое
аккаунт sl420436
#16
Отправлено 24 Август 2017 - 09:43
rodionsokolov@mail.ru (24 Август 2017 - 09:27) писал:
аккаунт sl420436
Здравствуйте.
Цвет букв у Вас уже изменен.
Вам необходимо очистить кэш браузера (Ctrl+F5).
#18
Отправлено 17 Сентябрь 2017 - 16:57
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
Добрый день!
А как тоже самое исправить в шаблоне "Туризм"?
Поменяли шаблон и снова появилась проблема отображения главного слайдера на устройствах apple
Помогите пожалуйста!
#19
Отправлено 18 Сентябрь 2017 - 11:46
baddiru (17 Сентябрь 2017 - 16:57) писал:
А как тоже самое исправить в шаблоне "Туризм"?
Поменяли шаблон и снова появилась проблема отображения главного слайдера на устройствах apple
Помогите пожалуйста!
Найдите в файле main.css
@media all and (max-width: 481px) {
после вставьте
#slideshow .slider { display: none; } #slideshow { position: relative; padding-top: 104px; }
#20
Отправлено 18 Сентябрь 2017 - 16:22
Ирина345 (18 Сентябрь 2017 - 11:46) писал:
Найдите в файле main.css
@media all and (max-width: 481px) {
после вставьте
#slideshow .slider { display: none; } #slideshow { position: relative; padding-top: 104px; }
Благодарю за подсказку! Все корректно.
Темы с аналогичным тегами хит новинка, дизайн, лазурь
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных