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

[luckmann92]

Добрый вечер! Просьба помочь с проблемой, требуется увеличение картинки при наведении. Как решить эту проблему? Заранее спасибо

[Firefly]

luckmann92 (15 Февраль 2016 - 20:00) писал:

Добрый вечер! Просьба помочь с проблемой, требуется увеличение картинки при наведении. Как решить эту проблему? Заранее спасибо

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

.goods-cat-image-medium-square img.goods-cat-image-medium {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
.goods-cat-image-medium-square img.goods-cat-image-medium:hover {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
}
img.goods-image-other {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
img.goods-image-other:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}

После этого у Вас появится плавное увеличение товара в каталоге и на главной, а так же в карточке товара при наведении.
Проверьте, пожалуйста, устроит ли Вас данный вариант.

[luckmann92]

Firefly (16 Февраль 2016 - 11:19) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

.goods-cat-image-medium-square img.goods-cat-image-medium {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
.goods-cat-image-medium-square img.goods-cat-image-medium:hover {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
}
img.goods-image-other {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
img.goods-image-other:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}

После этого у Вас появится плавное увеличение товара в каталоге и на главной, а так же в карточке товара при наведении.
Проверьте, пожалуйста, устроит ли Вас данный вариант.

Спасибо проверил, но это не подойдет. Нужно увеличение как к примеру на http://ru.aliexpress.com//

[Юля123]

luckmann92 (16 Февраль 2016 - 22:16) писал:

Спасибо проверил, но это не подойдет. Нужно увеличение как к примеру на http://ru.aliexpress.com//

Здравствуйте, эта тема уже обсуждалась тут.