Return to previous page

Single product page, size image + previous/next buttons

This topic has 27 replies, 4 voices, and was last updated 9 years, 8 months ago ago by Robert Hall

cahena

Participant

March 10, 2015 at 23:57

Hi, I have 1 big issue:

What I want is like your demo:
This is what I have:

A. The image slider on single product page.
I set up the images sizes in woocommerce/product/display/ single product image to 555x741px.
But my images are 505x741px, so the result is that the previous/next image buttons are not on top of the images.
Also, this size (505x741px) is too big, I wanted it smaller like 409x600px, so I’ve changed the size in woo/product/display, the size displays well in the single product page but the container of the previous/next buttons doesn’t fit to the new size.

So my question is how to reduce the size of the image on single product page in a correct way, as shown in your demo and how to fit the container previous/next button on top of the image.

B. The next/previous product which appears up next to description
This almost disappears as it goes out of the window, is there a way to reduce the width of the description sidebar, in order to have it display entirely and not half?

Please, contact administrator
for this information.

#48665 Copied WooCommerce version: 1.3

26 Answers

cahena

Participant

March 11, 2015 at 09:52

Also, I don’t know why, but if the zoom effect is activated the images in single product page don’t show.

#48698 Copied
Eva Kemp

Support staff

March 11, 2015 at 19:20
Hello,

1. Your original image is too small. You need upload it with dimensions 1425px × 1900px approximately and it will be scaled to the sizes you set in Woocommerce > Settings.
2. Please add this code in custom.css file:
```
.product-navigation .next-product .hide-info {
   left: -240px !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#48891 Copied
cahena

Participant

March 12, 2015 at 12:11

Hello Eva,
Thank you so much for your reply!

1. I still have the same problem. I think the problem is that the images are not proportional to this size 1900×1425 px. I have uploaded 1900×1294 and tried also with 2092×1425 px, but the buttons are still outside of the image.
The pictures of the products are drawings, so I can’t crop the images to fit exactly to 1900×1425 px.
Is there a way to change the format of the container of the image slider?

2.The Next/previous product button is now perfect. Thank you!

#49030 Copied

Eva Kemp

Support staff

March 12, 2015 at 14:57

Hello,

As I see now the arrows are shown fine:

Please check it.

Thank you.
Regards,
Eva Kemp.

#49130 Copied

cahena

Participant

March 12, 2015 at 16:57

Hi Eva,
If I move the window, the arrows don’t fit anymore.
Now if I upload an image with the exact size 1900×1425 px, this doesn’t happen. The arrows are always in the same place respected to the image, like in your demo.
My question is, if all my images are 1900 x 1294 px, is it possible to adapt the arrows?

Also, the I have problem with the zoom effect. The images can’t stop loading.

Thank you.

#49160 Copied

cahena

Participant

March 13, 2015 at 08:29

Hi Eva,
Now the arrows and the zoom effect work perfectly in Firefox.
But in Safari the problem is still, the images can’t stop loading and the arrows don’t fit.
I’ve checked in another computer, and it happens the same (firefox: great & safari: bugs)

#49282 Copied

Eva Kemp

Support staff

March 13, 2015 at 12:28

Hello,

Please specify what Safari version you’re using.

Thank you.
Regards,
Eva Kemp.

#49338 Copied

cahena

Participant

March 13, 2015 at 13:00

Versión 8.0.3

#49350 Copied

cahena

Participant

March 14, 2015 at 11:56

Hello,

It happens the same on Chrome, the single product image don’t stop loading.

#49611 Copied

cahena

Participant

March 14, 2015 at 12:52

Could someone help me with this issue?
One of the many reasons I chose this theme is for the zoom effect, it’s been 4 days now since I can’t resolve this…
I would really appreciate if you could tell me what is going wrong.
Thank you.

#49619 Copied

Eva Kemp

Support staff

March 16, 2015 at 12:45

Hello,

Sorry for a delay.
Please provide us with wp-admin panel credentials.

Thank you.
Regards,
Eva Kemp.

#49831 Copied

cahena

Participant

March 16, 2015 at 12:56

Hello,

Here they are.

Please, contact administrator
for this information.

#49837 Copied

Eva Kemp

Support staff

March 16, 2015 at 18:12

Hello,

Are ftp credentials you provided earlier correct and direct to the site you’re talking about?
The changes I’m making in the files aren’t recognized.
Please provide us with the correct FTP login details.

Thank you.
Regards,
Eva Kemp.

#49941 Copied

cahena

Participant

March 16, 2015 at 18:39

Sorry for that. Here is the ftp.

Please, contact administrator
for this information.

#49951 Copied

Eva Kemp

Support staff

March 17, 2015 at 15:01

Hello,

We’ve passed your query to the second support level and you’ll be informed with the result as soon as possible.

Thank you for understanding and patience.

Regards,
Eva Kemp.

#50188 Copied

cahena

Participant

March 17, 2015 at 18:01

ok, thank you.

#50274 Copied

Robert Hall

Support staff

March 18, 2015 at 16:14

Hello,

You’re welcome!

Regards,
Robert Hall.

#50575 Copied

cahena

Participant

March 19, 2015 at 11:18

Hello,

Do you know when they are going to look at it?

#50833 Copied

Eva Kemp

Support staff

March 19, 2015 at 15:50

Hello,

We’re sorry, but the issue is still being investigated.
Once there is some news we’ll inform you.

Thank you for your patience.

Regards,
Eva Kemp.

#50933 Copied

Eva Kemp

Support staff

March 25, 2015 at 10:15

Hello,

Please take our apologies for a long delay.
The issue has been fixed.
Please check image loading now and clear browser cache.

Thank you.
Regards,
Eva Kemp.

#52186 Copied

cahena

Participant

March 25, 2015 at 13:36

Hello Eva,

I just saw it!
Thank you so much!!

#52256 Copied

Brian Johnson

Member

March 25, 2015 at 13:40

You are welcome.
We would very much appreciate if you leave a comment and rating for our theme on themeforest

With best regards
Brian Johnson

#52259 Copied

cahena

Participant

March 25, 2015 at 14:06

Hi Brian,
I followed your link, but I can’t find where to rate your theme…

#52270 Copied

Eva Kemp

Support staff

March 25, 2015 at 14:40

Hello,

You can leave a comment at this link http://themeforest.net/item/woopress-responsive-ecommerce-wordpress-theme/9751050/comments (at the bottom of the page).

Regards,
Eva Kemp.

#52283 Copied

cahena

Participant

March 25, 2015 at 15:28

Done! 🙂

#52291 Copied

Robert Hall

Support staff

March 25, 2015 at 15:30

Hello,

Thank you.
If you have any questions please feel free to contact us.
Have a good day!

Regards,
Robert Hall.

#52293 Copied
Viewing 27 results - 1 through 27 (of 27 total)

The issue related to '‘Single product page, size image + previous/next buttons’' has been successfully resolved, and the topic is now closed for further responses

Single product page, size image + previous/next buttons

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection