При Выборе Цвета Показывать Нужную Картинку
#1
Отправлено 19 Январь 2016 - 20:49
Не смог придумать название для темы, так как не знаю как это называется.
В общем суть вот в чём.
Во многих интернет магазинах при выборе цвета открывается картинка товара с нужным цветом.
Здесь я к сожалению не смог разобраться как это сделать. Подскажите возможно ли это здесь.
А то боюсь проблемы будут с клиентами. Так как я сам в цветах не особо разбираюсь.
#2
Отправлено 20 Январь 2016 - 02:15
<img src="ссылка на картинку" alt="" />
#3
Отправлено 20 Январь 2016 - 05:24
Vaccina (20 Январь 2016 - 02:15) писал:
<img src="ссылка на картинку" alt="" />
#4
Отправлено 20 Январь 2016 - 06:25
#5
Отправлено 20 Январь 2016 - 14:20
Vaccina (20 Январь 2016 - 06:25) писал:
#6
Отправлено 20 Январь 2016 - 14:28
Vaccina (20 Январь 2016 - 06:25) писал:
Что бы при выборе модификации сменялось основное фото.
#7
Отправлено 21 Январь 2016 - 14:39
Stay True (20 Январь 2016 - 14:28) писал:
Что бы при выборе модификации сменялось основное фото.
#8
Отправлено 23 Январь 2016 - 03:58
http://forum.storela...__20#entry52966
#9
Отправлено 23 Январь 2016 - 20:31
Vaccina (23 Январь 2016 - 03:58) писал:
http://forum.storela...__20#entry52966
#10
Отправлено 25 Январь 2016 - 14:47
Stay True (23 Январь 2016 - 20:31) писал:
Здравствуйте,
1) В конце main.css добавьте код:
center.goodsImageZoom:hover { color: blue; cursor:pointer;}
blue - цвет ссылки про наведении, вы можете заменить на свой.
2) Также в конце main.css добавьте код:
.navigation .prev, .navigation .next { background: #09afe7; }
#11
Отправлено 26 Январь 2016 - 00:17
Юля123 (25 Январь 2016 - 14:47) писал:
1) В конце main.css добавьте код:
center.goodsImageZoom:hover { color: blue; cursor:pointer;}
blue - цвет ссылки про наведении, вы можете заменить на свой.
2) Также в конце main.css добавьте код:
.navigation .prev, .navigation .next { background: #09afe7; }
#12
Отправлено 06 Март 2016 - 04:36
Vaccina (23 Январь 2016 - 03:58) писал:
http://forum.storela...__20#entry52966
Я в этом деле новичок. Можете подробнее объяснить как сделать так, чтобы при смене цвета менялась и основная картинка?
#15
Отправлено 12 Март 2016 - 08:42
http://forum.storela...__20#entry52966
Для начала необходимо в редактировании товара каждой модификации добавить фото, то есть в описание модификации добавляем по примеру:
<a href="ссылка на большое изображение" onclick="$(this).nyroModalManual();"> <img src="ссылка на Маленькое изображение" /> </a>
вместо текста подставляем необходимые ссылки.
Далее заходим в раздел Сайт - Редактор шаблонов - Товар - находим и удаляем:
<!-- Блок описания модификации --> <tr> <td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2"> {GOODS_MOD_DESCRIPTION} </td> </tr>
Далее находим:
{% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" /> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a> {% ENDIF %}
заменяем на:
{% IF GOODS_MOD_DESCRIPTION %} {GOODS_MOD_DESCRIPTION | htmlspecialchars_decode} {%ELSE%} {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" /> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a> {% ENDIF %} <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{GOODS_IMAGE_ID}" /> {% ENDIF %}
#16
#17
Отправлено 19 Март 2016 - 15:18
Там нет того что Вы писали выше. Есть только похожее... Для меня не понятое((
#18
Отправлено 20 Февраль 2017 - 11:30
#19
Отправлено 27 Февраль 2017 - 15:56
monaco (20 Февраль 2017 - 11:30) писал:
#20
Отправлено 13 Март 2017 - 10:30
Stasya (27 Февраль 2017 - 15:56) писал:
SL-408620
http://russian-box.s...6963#show_tab_1
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных