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


Альтернативная Картинка При Наведении На Товар

альтернативная картинка

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

#1 polosatoff

polosatoff

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

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

Отправлено 25 Май 2016 - 12:22

SL-367426

Добрый день,

у меня на главной каталог товаров.

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

Спасибо.

#2 Vaccina

Vaccina

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

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

Отправлено 26 Май 2016 - 03:03

В шаблоне Товары найдите:
<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
				  

замените на:
<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
{% FOR images %}
{% IF goods.images.index = 2 %}
<img src="{goods.images.MEDIUM}" class="goods-image-small goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
{% ENDIF %}
{% ENDFOR %}

В main.css найдите:
.products-grid .item .product-hover .product-image img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

после него пропишите:
.products-grid .item .product-hover .product-image img.goods-image-small2 {
	display: none;
}
.products-grid .item:hover .product-hover .product-image img.goods-image-small {
	display: none;
}
.products-grid .item:hover .product-hover .product-image img.goods-image-small2 {
	display: block;
}


#3 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 25 Июнь 2016 - 13:29

Скажите пожалуйста есть некоторая ошибка не ошибка. не знаю.
поле вставки данного кода действительно при наведении отображается второе изображение в карточке товара, а вот проблема с теми карточками в которых только одна фотография, по идее не должно вообще меняется изображение при наведении если в карточке только одно изображение. Но у меня по какой то причине там где только одна фотография отображается при наведении тупо белый фон. Как то можно исправить?

#4 Danil

Danil

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

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

Отправлено 25 Июнь 2016 - 19:51

Просмотр сообщенияОльга 94 (25 Июнь 2016 - 13:29) писал:

Скажите пожалуйста есть некоторая ошибка не ошибка. не знаю.
поле вставки данного кода действительно при наведении отображается второе изображение в карточке товара, а вот проблема с теми карточками в которых только одна фотография, по идее не должно вообще меняется изображение при наведении если в карточке только одно изображение. Но у меня по какой то причине там где только одна фотография отображается при наведении тупо белый фон. Как то можно исправить?
Здравствуйте.
В шаблоне Товары найдите код
{% FOR images %}
{% IF goods.images.index = 2 %}
<img src="{goods.images.MEDIUM}" class="goods-image-small goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
{% ENDIF %}
{% ENDFOR %}
и замените на
{% FOR images %}
{% IF goods.images.length < 2 %}
<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
{break}
{% ELSEIF goods.images.index = 2 %}
<img src="{goods.images.MEDIUM}" class="goods-image-small goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
{break}
{% ENDIF %}
{% ENDFOR %}


#5 DenisOff2017

DenisOff2017

    Новичок

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

Отправлено 21 Декабрь 2017 - 16:48

Как сделать такое же Чтобы при наведении показывалась вторая картинка товара только в шаблоне ГОРОД
СПАСИБО!
Аккаунт SL-430045

#6 Vaccina

Vaccina

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

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

Отправлено 22 Декабрь 2017 - 06:46

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

Ответила вам в другой теме форума:
https://forum.storel...ми/#entry271008




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

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