Return to previous page

Problem with images - by JohnSpratt - on WordPress WooCommerce support

This topic has 24 replies, 4 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

JohnSpratt

Participant

December 13, 2017 at 23:52

Hello
I import all my products for my shop via FTP so they come from the suppliers. I’m trying to get my shop images to be the same size (note NOT crop them) I have tried setting the size etc and it’s just not working. Is there a way to have my thumbs and the single iproduct image the one size. It seems to be the height that is cusing the problems. Please help as it’s making my site look very ugly

Please, contact administrator
for this information.

#180091 Copied Theme version: Latest WooCommerce version: Latest

23 Answers

Rose Tyler

Support staff

December 14, 2017 at 09:47

Hello,

Please read this article https://docs.woocommerce.com/document/fixing-blurry-product-images/ To change the size of the product images go to WooCommerce > Settings > Product > Display > Image settings and don’t forget to regenerate thumbnails after changes(use Regenerate thumbnails plugin).

Also, for your Shop page you can enable masonry (Theme Options > E-Commerce > Product Page Layout) then product will appear one below another without gap.

Regards

#180121 Copied

JohnSpratt

Participant

December 14, 2017 at 11:39

Thank you I have already done that and still everything looks the same.

2nd note i don’t want the products to be one after the other

#180142 Copied
Olga Barlow

Support staff

December 14, 2017 at 12:04
Hello,

The best solution is to use all the images in one size, I mean you need to choose the optimal size for your image and then use it for all the future images. For example instead of https://shop.johnspratt.co.uk/wp-content/uploads/2017/12/0083E7C1-1600-1600.jpg image use https://shop.johnspratt.co.uk/wp-content/uploads/2017/12/0083E7C1-1600-1600-1-edited.jpg or proportional.

I have added some CSS code to fix the situation on the grid and added min-height for your product image block but it would better to use normal images.
```
.content-product .product-content-image {
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}
```
Regards
#180149 Copied
JohnSpratt

Participant

January 17, 2018 at 17:02

Hi I’m not sure what you mean, how do i get images like that

#182166 Copied

Olga Barlow

Support staff

January 18, 2018 at 10:05

Hello,

Use the graphics editor (Photoshop or any other you prefer) and make all the images in one size. Edit images before uploading them to your Media Gallery to get the nice and aligned grid.

Regards

#182195 Copied

JohnSpratt

Participant

January 18, 2018 at 11:09

Thanks but that’s going to take some time I have over 2k products. You added some css code (above) this is working for now but it’s not on mobile it was massive gaps between each product. Any help there. If you go to site on mobile and click shop you will see

#182210 Copied
Olga Barlow

Support staff

January 18, 2018 at 11:23
Hello,

I see. Ok. Add also the following code for the mobile devices
```
@media screen and (max-width: 480px){
.content-product .product-content-image {
    min-height: 200px !important;
}
}
```
Regards
#182212 Copied
JohnSpratt

Participant

January 21, 2018 at 22:53

That’s great thanks. Can you help with one more thing. On a mobile the menu has other options at bottom (newsletter & login) how do I remove the newsletter and change it to my account also I can’t get rid of the pre footer at bottom of page.

#182538 Copied

Riffaz

Member

January 22, 2018 at 05:19

On a mobile the menu has other options at bottom (newsletter & login) how do I remove the newsletter
– appearance > widgets > mobile sidebar widget and change it as you want

rid of the pre footer at bottom of page.
– appearance > widgets > prefooter and remove it

#182543 Copied

JohnSpratt

Participant

January 22, 2018 at 10:16

Hello
Both are empty but still showing

#182576 Copied
Rose Tyler

Support staff

January 22, 2018 at 11:23
Hello,

1. Please add this code in Theme Options > Styling > Custom css > Custom css for mobile:
```
.mobile-menu-wrapper .links {
    display: none;
}
```
to hide this http://prntscr.com/i3ujez
2. All your footer column areas are empty?

Regards
#182592 Copied
JohnSpratt

Participant

January 22, 2018 at 13:02

Hi
I still want the menu option I just want to change the “newsletter” to my account.

Yes all the pre footer is empty but there is still a block there.

Please, contact administrator
for this information.

#182610 Copied

Olga Barlow

Support staff

January 22, 2018 at 16:56

Hello,

The password that you provided is incorrect. Please, check and provide us the correct one.

Regards

#182656 Copied

JohnSpratt

Participant

January 22, 2018 at 18:31

Sorted now the password should work

#182661 Copied

Olga Barlow

Support staff

January 23, 2018 at 11:06

Hello,

Check the mobile menu now. You have My account link only. Also, I have removed the content from the widget area below the products. Do you have any other questions?

Regards

#182711 Copied

JohnSpratt

Participant

January 23, 2018 at 11:18

That’s great thank you very much but you have removed my static block not the pre footer section. I need the blocks kept there as they had info on them. It’s the black area under them and before my copyright that needs removed.

#182714 Copied

Olga Barlow

Support staff

January 23, 2018 at 11:40

Hello,

Oh, I see. But that area is not prefooter, it’s footer. I have removed all the widgets from the footer widget area and now you have only banners and copyrights.

Regards

#182716 Copied

JohnSpratt

Participant

January 23, 2018 at 12:00

That’s great thank you very much.
I have another issue. It’s on the private content.

Please, contact administrator
for this information.

#182719 Copied

JohnSpratt

Participant

January 23, 2018 at 14:41

Thank much better, I have another little issue details are in private content

Please, contact administrator
for this information.

#182737 Copied
1 2

Viewing 20 results - 1 through 20 (of 24 total)