Return to previous page

Size of Hover Image - by CorinnaL - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Jack Richardson

CorinnaL

Participant

May 10, 2016 at 13:01

Hi
I have some more question concerning images:
I want to activate the zoom effect, this is what I did on the single product page.
The size of the product image is 400×600. This is how I want it to be displayed on the single product page.
The size of the zoom image should be 900×600 (or bigger).

I tried to go to woo commerce product and go to
–> Upload image for hover effect
and insert here a bigger image (600×900), but it´s not shown when going over the image.
Instead, the product image now got bigger and the zoom image is displayed in 400×600?!

Or isn´t this the way to do it?

Please help.
Thanks,
Regards
Corinna

Please, contact administrator
for this information.

#124908 Copied

3 Answers

Jack Richardson

Support staff

May 10, 2016 at 14:36

Hello,

“Upload image for hover effect” option is used if you want to change image when hovering product on Shop page, not on single product page.
Original product image should have sizes approximately 1,425px × 1,900px. Please try to reupload product images with new dimensions.

Best regards,
Jack Richardson.

#124959 Copied

CorinnaL

Participant

May 12, 2016 at 07:43

1) Ok.

If I upload an image size 1425×1900 on the single product page the zoom effet works.

The only thing is that I want to display the single product image in size 400×600, not as it is now in
570×760.
See product

http://coco-lissy.com/shop/codello-tuch-loop-mit-herzchen-motiv/

Is there a way to do this and how?

2) I also have a question concerning the width of the site.
The sizes are not the same as on your demo site.

There´s blank space on the left and right side.

I already chose “Site layout” –> wide

Also the settings of the font sizes are not as on your demo site.
Is this something I have to set myself via general settings?

3) The scroll bar on the right side is hardly visible.

Thanks for helping.

Regards,
Corinna

Please, contact administrator
for this information.

#125370 Copied
Jack Richardson

Support staff

May 12, 2016 at 10:24
Hello,

1. Try to use this code in custom.css file:
```
.single-product-page .images.shown, .main-image-slider {
    width: 400px;
    height: 600px;
}
```
2. Our demo also has white space on both sides http://storage6.static.itmages.com/i/16/0512/h_1463044926_5623654_e5be139209.jpeg . Please clarify the issue with more details.
Also on our demo font family is Georgia http://storage4.static.itmages.com/i/16/0512/h_1463045007_8059491_6647e891fb.jpeg and on your site too http://storage8.static.itmages.com/i/16/0512/h_1463045059_1360475_052c386baa.jpeg . What exactly is incorrect?

3. Go to Theme Options > General > Nice Scroll > Off.

Best regards,
Jack Richardson.
#125430 Copied
Viewing 4 results - 1 through 4 (of 4 total)