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


При Выборе Цвета Показывать Нужную Картинку


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

#1 Stay True

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 19 Январь 2016 - 20:49

Доброго времени суток.
Не смог придумать название для темы, так как не знаю как это называется.
В общем суть вот в чём.
Во многих интернет магазинах при выборе цвета открывается картинка товара с нужным цветом.
Здесь я к сожалению не смог разобраться как это сделать. Подскажите возможно ли это здесь.
А то боюсь проблемы будут с клиентами. Так как я сам в цветах не особо разбираюсь.

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Январь 2016 - 02:15

Для этого в разделе Товары - Товары при редактировании товара необходимо добавить модификации по цвету, а в описании к каждой модификации(цвету) вставлять картинку вида:
<img src="ссылка на картинку" alt="" />


#3 Stay True

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 20 Январь 2016 - 05:24

Просмотр сообщенияVaccina (20 Январь 2016 - 02:15) писал:

Для этого в разделе Товары - Товары при редактировании товара необходимо добавить модификации по цвету, а в описании к каждой модификации(цвету) вставлять картинку вида:
<img src="ссылка на картинку" alt="" />
Только вот так вот получается. То есть, не нужное фото выбирается, а появляется маленькая картинка возле списка цветов. А нельзя сделать так чтобы показывалась картинка основная, только выбранного цвета?

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

  • 2016-01-20 05-27-01 Скриншот экрана.png


#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Январь 2016 - 06:25

Как вариант, фото товаров добавлять к описанию модификаций и при смене модификации подменять основное фото, вставляя фото из описания, такой вариант устроит вас?

#5 Stay True

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 20 Январь 2016 - 14:20

Просмотр сообщенияVaccina (20 Январь 2016 - 06:25) писал:

Как вариант, фото товаров добавлять к описанию модификаций и при смене модификации подменять основное фото, вставляя фото из описания, такой вариант устроит вас?
То есть, сделать вот так? Вместо ссылки на маленькую картинку, вставил ссылку на фото товара.

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

  • 2016-01-20 14-24-23 Скриншот экрана.png


#6 Stay True

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 20 Январь 2016 - 14:28

Просмотр сообщенияVaccina (20 Январь 2016 - 06:25) писал:

Как вариант, фото товаров добавлять к описанию модификаций и при смене модификации подменять основное фото, вставляя фото из описания, такой вариант устроит вас?
Только сейчас кажется понял о чём Вы. Именно это мне и нужно.
Что бы при выборе модификации сменялось основное фото.

#7 Stay True

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 21 Январь 2016 - 14:39

Просмотр сообщенияStay True (20 Январь 2016 - 14:28) писал:

Только сейчас кажется понял о чём Вы. Именно это мне и нужно.
Что бы при выборе модификации сменялось основное фото.
Ну так как это сделать?! Если просто вставляю ссылку на основное фото получается то что я скинул немного выше.

#8 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Январь 2016 - 03:58

Простите за ожидание, данный вопрос ранее рассматривался на нашем форуме и имеет инструкцию по реализации:
http://forum.storela...__20#entry52966

#9 Stay True

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 23 Январь 2016 - 20:31

Просмотр сообщенияVaccina (23 Январь 2016 - 03:58) писал:

Простите за ожидание, данный вопрос ранее рассматривался на нашем форуме и имеет инструкцию по реализации:
http://forum.storela...__20#entry52966
Благодарю! Может тогда ещё подскажете как кнопку "увеличить изображение" сделать активной кнопкой? Так как сейчас при наведении на неё ничего не происходит. Как будто кнопки нет, а при нажатии изображение открывается. Боюсь что не все смогут разобраться. И ещё, как стрелочки сделать голубоватого цвета как и другие элементы сайта? Прикрепляю скриншоты чтобы было понятнее.

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

  • 2016-01-23 20-31-27 Скриншот экрана.png
  • 2016-01-23 20-35-15 Скриншот экрана.png


#10 Юля123

Юля123

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

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

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

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

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

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 06 Март 2016 - 04:36

Просмотр сообщенияVaccina (23 Январь 2016 - 03:58) писал:

Простите за ожидание, данный вопрос ранее рассматривался на нашем форуме и имеет инструкцию по реализации:
http://forum.storela...__20#entry52966
К сожалению так и не смог ничего понять... Там видимо какие-то сообщения удалены и не понятно о чём вообще разговор...
Я в этом деле новичок. Можете подробнее объяснить как сделать так, чтобы при смене цвета менялась и основная картинка?

#13 Stay True

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 06 Март 2016 - 04:42

Просмотр сообщенияStay True (26 Январь 2016 - 00:17) писал:

Благодарю! Огромное спасибо!
Подскажите, а как сделать так чтобы картинка открывалась не только при нажатии на "увеличить картинку"?
Чтобы тоже самое происходило и при нажатии на основную картинку в карточке товара.

#14 Stay True

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 10 Март 2016 - 17:03

В общем нужно сделать так, чтобы картинка автоматически сменялась и зависела от выбранной модификации товара.
Помогите пожалуйста разобраться. Без данного функционала не представляю вообще как будет работать ИМ...

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

  • 2016-03-10 17-06-06 Скриншот экрана.png
  • 2016-03-10 17-06-26 Скриншот экрана.png


#15 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 13 Март 2016 - 07:36

Просмотр сообщенияVaccina (12 Март 2016 - 08:42) писал:

Попробую вам поподробнее расписать данную инструкцию:
http://forum.storela...__20#entry52966
Нашёл только похожее. Не могу разобраться что именно удалять, а что добавить...
Прикрепляю текстовый файл с полным кодом который есть у меня в "товаре".
Буду очень благодарен за помощь!

Прикрепленные файлы

  • Прикрепленный файл  товар.txt   54,5К   418 Количество загрузок:


#17 Stay True

Stay True

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородБелгород

Отправлено 19 Март 2016 - 15:18

Сможете помочь с настройкой данной функции по примеру из моего текстового файла?
Там нет того что Вы писали выше. Есть только похожее... Для меня не понятое((

#18 monaco

monaco

    Новичок

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

Отправлено 20 Февраль 2017 - 11:30

Я не справлюсь с такими манипуляциями. Может админ зайти в админку моего сайта и настроить так, чтобы при выборе цвета менялась основная картинка с нужным цветом товара ?

#19 Stasya

Stasya

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

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

Отправлено 27 Февраль 2017 - 15:56

Просмотр сообщенияmonaco (20 Февраль 2017 - 11:30) писал:

Я не справлюсь с такими манипуляциями. Может админ зайти в админку моего сайта и настроить так, чтобы при выборе цвета менялась основная картинка с нужным цветом товара ?
Здравствуйте. Уточните, пожалуйста, номер аккаунта для которого необходимо произвести изменения, а так же ссылку на товар с уже добавленной картинкой в описании модификации?

#20 monaco

monaco

    Новичок

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

Отправлено 13 Март 2017 - 10:30

Просмотр сообщенияStasya (27 Февраль 2017 - 15:56) писал:

Здравствуйте. Уточните, пожалуйста, номер аккаунта для которого необходимо произвести изменения, а так же ссылку на товар с уже добавленной картинкой в описании модификации?

SL-408620

http://russian-box.s...6963#show_tab_1




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

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