Return to previous page

Single Product Page Image Size, Columns and Product Information

This topic has 11 replies, 3 voices, and was last updated 10 years, 8 months ago ago by Eva Kemp

Mobilplaneten

Participant

April 6, 2015 at 00:04

Hi,

1. I’m trying to find out how to change the size of the big product image. It’s way too big on normal computer/laptop screen, it’s basically half the screen. How do I change this?
see: http://beta.mobilplaneten.se/butik/kostnadsforslagundersokning/ (user and pw in private content)
want it more like this: http://mobilplaneten.se/butik/kostnadsforslagundersokning/

2. Changing the side bar position in theme options for Single Product Page doesn’t change anything, still looks the same? Tried to change to the one in the middle which I imagine should show the categories list on the left side, but nothing happens.

3. I want to change the position of Product Information showed on single product page, seeing the product code and category is not important to show first when showing products. Would rather hide or show it in a different place. How do I change the position for this information or hide it?

Thanks in advance

Please, contact administrator
for this information.

#54775 Copied Theme version: 2.6.3 WooCommerce version: 4.1.1

10 Answers

Mobilplaneten

Participant

April 6, 2015 at 10:13

Regarding point 3. I didn’t mean the Product information, the text/information of the product is important, but I don’t want the categories and product code to be the first thing 🙂

#54822 Copied
Eva Kemp

Participant

April 6, 2015 at 10:45
Hello,

1. Your original image sizes should be 1135px × 1550px approximately. Try to reupload the image.

2. Please provide us with wp-admin panel credentials.

3. Please add this code in custom.css file:

.quick-view-popup .product-info .posted_in, .single-product-page .product-info .posted_in, .single-product-page .product-info .sku_wrapper { display: none !important; }

How to create custom.css you can watch in this tutorial.

Thank you.
Regards,
Eva Kemp.
#54829 Copied
Mobilplaneten

Participant

April 6, 2015 at 18:56

Dear Eva,

thank you very much for your help.

1. I did this, but the single product page now shows an image with size 600×819, bigger than the old image I had which was 600×600. I want this to be smaller :-/
2. Provided.
3. It worked, thank you very much.

Thanks for your support 🙂

Please, contact administrator
for this information.

#55042 Copied

Robert Hall

Participant

April 6, 2015 at 19:28

Hello,

1) As I see size of image is smaller now. See screenshot: http://prntscr.com/6qdxtq

2) Please navigate to Appearance->Widget->and add widgets to Single Product page sidebar then check your page.

Regards,
Robert Hall.

#55048 Copied

Mobilplaneten

Participant

April 6, 2015 at 22:31

Dear Robert,

thank you.

1. Ok, the screenshot is slightly confusing for me, but I kinda understand 🙂 but I want it to be maximum 400 in width and/or hight, is it possible to change?

2. Thanks, it worked.

Best regards,
Aldrin

#55091 Copied
Eva Kemp

Participant

April 7, 2015 at 09:27
Hello,

You can try to add this code in custom.css file:

.main-image-slider { width: 400px; }

Regards,
Eva Kemp.
#55206 Copied
Mobilplaneten

Participant

April 18, 2015 at 22:20

Hi Eva,

it’s not the slider I’m trying to change, it’s the single product image, e.g. http://beta.mobilplaneten.se/butik/kostnadsforslagundersokning/

if you see that product on normal computer with 13″ or above the product image is huge.

I want the maximum size to be something more like this: http://mobilplaneten.se/butik/kostnadsforslagundersokning/

Thanks for all support.

#57881 Copied

Eva Kemp

Participant

April 19, 2015 at 20:29

Hello,

Unfortunately there is no possibility to change image sizes for a single product page. An image is resized accordingly to image block which max width is 570px (if sidebar is enabled), height is unlimited.
So if you want to make smaller height you need upload a wider image.

Sorry for inconveniences.
Regards,
Eva Kemp.

#57925 Copied

Mobilplaneten

Participant

April 21, 2015 at 19:58

Hi Eva,

thanks for the information, as for the solution about making a wider image it seems to work well 🙂

Thank you very much again!

Regards/Aldrin

#58562 Copied

Eva Kemp

Participant

April 21, 2015 at 21:37

Hello,

You’re welcome.

Regards,
Eva Kemp.

#58576 Copied
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Single Product Page Image Size, Columns and Product Information’' has been successfully resolved, and the topic is now closed for further responses

Single Product Page Image Size, Columns and Product Information

Explore our best WordPress WooCommerce Themes collection