Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#982814

Hi
For this you have to apply the css on the image class of product page . You can use custom.css file for this .
Here is style code :

   -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;

        -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);

[Gigaparts Friend GigapartsJoin date: February 2016Posts: 116Downloads:309Uploads:16 Thanked: 2 times in 2 posts]

#982829

so i must add a new custom.css with this code where?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#982979

Yes , you have to apply this code in on the style class of your product image . You can post the URL here and i will give you correct code.

[Gigaparts Friend GigapartsJoin date: February 2016Posts: 116Downloads:309Uploads:16 Thanked: 2 times in 2 posts]

#983090

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#983107

Hi
Add below code in custom.css file to add zoom style for product page image

.com_virtuemart .productdetails-view .vm-product-container .vm-product-media-container .main-image:hover img {-webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;

        -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}

[Gigaparts Friend GigapartsJoin date: February 2016Posts: 116Downloads:309Uploads:16 Thanked: 2 times in 2 posts]

#983114

Hello

This works fine but its not exaclty what i need.

I want to hover mouse over image and display in window with a large piece of the image like a magnifier.

My client needs this cause he sells watches and he need to display details in product image.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#983116

Hi In this case, I suggest you check this link for further style effect on image hover . Also, you can contact to Virtualmart support team for this custom request . So they can check your feature request in this extension .

[Gigaparts Friend GigapartsJoin date: February 2016Posts: 116Downloads:309Uploads:16 Thanked: 2 times in 2 posts]

#983119

Can you please send me link?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#983125

Here is link of Virtualmart forum : https://forum.virtuemart.net/

[Gigaparts Friend GigapartsJoin date: February 2016Posts: 116Downloads:309Uploads:16 Thanked: 2 times in 2 posts]

#983136

Thank you for resolving this once more great support.

Matter closed by me

[Author]

Posts