Сообщений в теме: 5

[polosatoff]

SL-367426

Добрый день,

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

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

Спасибо.

[Vaccina]

В шаблоне Товары найдите:

<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;
}

[Ольга 94]

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

[Danil]

Ольга 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 %}

[DenisOff2017]

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

[Vaccina]

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

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