Увеличить фото товара при наведении на него ОС 2.1.0.1

[varistello]

Добрый день. Искал модуль или коды для увеличения фото товаров при наведении, но так и не нашел. 

Может кто подскажет как правильно и грамотно сделать? Или посоветуйте какой модуль...

Спасибо.

[mazein]

Увеличение фото товара при наведении где? В админке? В категории? В поиске? В карточке товара?

[varistello]

В категориях товара и на главной странице

[varistello]

В категориях товара и на главной странице

И в карточке товара

[mazein]

Так что сложного?

css, псевдокласс :hover

[varistello]

Так что сложного?

css, псевдокласс :hover

Я не очень опытный. Если не сложно - поясни подробней!

[mazein]

.product-thumb {

overflow: hidden;

}

.product-thumb img {

-moz-transition: all .5s ease-out;

-o-transition: all .5s ease-out;

-webkit-transition: all .5s ease-out;

transition: all .5s ease-out;

}

.product-thumb:hover img {

-webkit-transform: scale(1.1);

-moz-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1);

-moz-transition: all .5s ease-out;

-o-transition: all .5s ease-out;

-webkit-transition: all .5s ease-out;

transition: all .5s ease-out;

}

[varistello]

.product-thumb {
    overflow: hidden;
}
.product-thumb img {
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.product-thumb:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

это нужно вставить в файл stylesheet.css?

[mazein]

Да, в него.

[varistello]

Да, в него.

Я по ставил. Спасибо. А возможно ли сделать так, чтоб при наведении на фото, в карточке товара, выскакивало окно по больше?

Вот такого плана, только по больше

http://xoztovary.com.ua/p60635854-silikonovyj-kovrik-vannuyu.html

[mazein]

Выбирай любой, и встраивай.

[varistello]

Выбирай любой, и встраивай.

А Вы не подскажете как правильно вставить этот зуммер в карточку товара? Чтоб только в самом товаре этот зуммер работал.

http://www.bennadel.com/blog/1823-creating-an-image-zoom-and-clip-effect-with-jquery.htm

Не могу разобраться!