Return to previous page

Hover effects in woocommerce product - by nrik

This topic has 15 replies, 3 voices, and was last updated 10 years, 5 months ago ago by Jack Richardson

nrik

Participant

June 4, 2014 at 10:19

Hi, first sorry for my bad english.
when i do a hover in my site, i got this:

but i want to have a zoom effects like this

#5914 Copied

14 Answers

Jack Richardson

Support staff

June 4, 2014 at 10:53

Hello,

To avoid such effect when hovering an image you should upload image with the bigger sizes and enable zoom effect in Theme Options -> Single Product Page -> Zoom effect.

There is no such zoom feature as window at the right in this theme. All available zoom variants you can find in Theme Options -> Single Product Page –< Zoom effect. Regards, Jack Richardson

#5918 Copied

nrik

Participant

June 4, 2014 at 10:56

thank’s for your reply.
I have the zoom effect set to window, but the result is what you see in the previous image.

#5919 Copied

nrik

Participant

June 4, 2014 at 11:00

i don’t have a zoom effect, but only another copy of the image more little

#5920 Copied

Eva Kemp

Support staff

June 4, 2014 at 12:28

Hello,

Have you tried uploading bigger size image? Please do this and let us know if the problem persists.

Regards,
Eva Kemp.

#5947 Copied
nrik

Participant

June 4, 2014 at 12:31
yes, nothing change… but no problem i have disable it 🙂 is not really important…
another question if i want to set the maximum page width to 970px.. what i have to change? i have tried to edit large-resolution.css in theme directory

from
```
.boxed .page-wrapper {
		width:1230px;
	}
```
to
```
.boxed .page-wrapper {
		width:970px;
	}
```
but it doesn’t work
#5949 Copied
Eva Kemp

Support staff

June 4, 2014 at 12:35

You need change it in Theme Options > Responsive > set 1600 for example instead of default 1200px. And page wrapper width will be 980px for screens less than 1600px. Set more than 1600 if you want 980px width even on large screens.

Regards,
Eva Kemp.

#5952 Copied

nrik

Participant

June 4, 2014 at 12:48

i have do this, but the div are cut from the page:

#5953 Copied

nrik

Participant

June 4, 2014 at 12:52

i want only more margin, more white space between the page and browser window.
for example if i do “cmd”+”-” it’s ok.

#5954 Copied

Jack Richardson

Support staff

June 4, 2014 at 12:55

Hello,

Please provide us with wp-admin credentials in Private Content.

Regards,
Jack Richardson

#5955 Copied

nrik

Participant

June 4, 2014 at 12:57

the site isn’t online (localhost)

#5956 Copied

nrik

Participant

June 4, 2014 at 12:58

teamviewer it’s the same?

#5958 Copied

Jack Richardson

Support staff

June 4, 2014 at 13:00

Hello,

Ok, then did you remove the changes which you have made in large-resolution.css?

Regards,
Jack Richardson

#5959 Copied

nrik

Participant

June 4, 2014 at 13:06

no… now it work 🙂 thanks.. .so i have only to edit responsive panel and no the css files… thanks!

#5961 Copied

Jack Richardson

Support staff

June 4, 2014 at 13:21

Hello,

In this case you just have to set the “Large resolution from” value in Theme Options.

Also we advise you to do all further style changes in custom.css. It will prevent of losing your changes after theme upgrading.

Regards,
Jack Richardson

#5966 Copied
Viewing 15 results - 1 through 15 (of 15 total)