Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

Надіслати
Поділитися на інших сайтах


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

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

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

Проблему я решил с помощь бесплатного модуля 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;
}

Готово.

  • +1 3
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.