[Решено] Замена основного изображения при наведении(клике) на дополнительное

[Svarli]

Может кто-нибудь делал, чтобы при наведении (или при клике - без разницы) на дополнительные фото товара на странице продукта - открывалось не popup окно, а заменялось основное изображение на самой странице? Подскажите в какую сторону копать.

[tim21701]

Я что то подобное видел (на офф сайте). Но, за это просили денег...

Неудобно это, лишние телодвижения... ИМХО

[Svarli]

Я что то подобное видел (на офф сайте). Но, за это просили денег...

Неудобно это, лишние телодвижения... ИМХО

Здесь все достаточно индивидуально, поэтому говорить о мере удобности сложно. В моем случае приемлем только такой вариант из-за соответствующего дизайна.

Проблему я решил с помощь бесплатного модуля Product Image Zoom. Отключив в нем функцию зума, оставив только нужное переключение между картинками. Для этого нужно сделать несколько шагов:

1. Установить модуль как описано в readme.txt

2. В файле cloud-zoom.1.0.2.js установить значение переменных zoomWidth:'0' и zoomHeight:'0'

3. В файле cloud-zoom.css вместо класса

.cloud-zoom-lens {
border: 4px solid #888;
margin:-4px; /* Set this to minus the border thickness. */
background-color:#fff;
cursor:move;
display:none;
}

вставить

.cloud-zoom-lens {
cursor:default;
}

Готово.