Return to previous page

Slider revolutuion - by apotik - on WordPress WooCommerce support

This topic has 13 replies, 2 voices, and was last updated 4 years, 3 months ago ago by Olga Barlow

apotik

Participant

January 15, 2020 at 12:14

Hello i have many problems to submits to you.

1 – I cant change this image on my slider ( there is a new notification ” optimize file size”

2- I resize my images in the shop to make it harmonious, but when I click on the product, it appears in small size which reduces the quality of the photo. I have worked on other sites with the theme xstore and I have never encountered this problem. Can you find a solution please

thank you for your help

Please, contact administrator
for this information.

#228328 Copied Theme version: 6

12 Answers

Olga Barlow

Support staff

January 15, 2020 at 12:46

Hello,

1) File Size Optimizer is a new option of the Revolution slider, you can find detailed information here https://www.themepunch.com/slider-revolution/file-size-optimizer/ Are you trying to replace existing image by any other or trying to optimize image?

2) Image that you use for the featured image of the product http://prntscr.com/qnzsh1 and gallery image http://prntscr.com/qnzt8k are 2 differen images. If you want to have a small image at the shop page and good resolution image on the single product then use the featured image with a good resolution and manage shop thumbnails size to smaller via Appearance > Customizer > WooCommerce > Product images > http://prntscr.com/qnzuvu
Regenerate product thumbnails after these changes using the Regenerate thumbnails plugin to apply.

Regards

#228330 Copied

apotik

Participant

January 15, 2020 at 12:56

what should i put here?

Please contact administrator
for this information.

#228331 Copied

apotik

Participant

January 15, 2020 at 13:29

I used the regenerate plugin, here is the result, the images are cut I do not understand at all how to do it

Please contact administrator
for this information.

#228337 Copied

Olga Barlow

Support staff

January 15, 2020 at 14:16

Hello,

https://prnt.sc/qnzuvu here you should use the desired max-width of your images. Disable crop http://prntscr.com/qo1evv if you don’t want to crop images because at this moment you set to crop all the images to square and if you use non-squared images they will be cropped.

Regards

#228340 Copied

apotik

Participant

January 15, 2020 at 16:14

But if I deactivate the cropping the images will not be aligned on my shop page. You had recommended me in a previous post to resize them all to the same size, but the problem is that on the product page they are therefore too small. I hope I was clear, sorry

#228355 Copied

apotik

Participant

January 15, 2020 at 16:25

There is the screenshot

Please contact administrator
for this information.

#228357 Copied
Olga Barlow

Support staff

January 15, 2020 at 17:53
Hello,

Because all your images have the different height. Add the following code to child theme style.css to limit height of the images
```
.content-product .product-content-image img {
    max-height: 195px;
    width: auto;
}
```
Regards
#228363 Copied
apotik

Participant

January 15, 2020 at 22:09

is it compulsory to put 195? because for my last two products the image appears tiny, and when I put another value everything shifts

Please contact administrator
for this information.

#228376 Copied

Olga Barlow

Support staff

January 16, 2020 at 08:04

Hello,

You used images with different proportions for the different products that’s why if you limit width and choose uncropped images in WooCommerce settings you get unordered grid. So, to make images the same height you have 2 ways:
1) limit height of the images taking to account height of the smaller image.
2) Re-upload all the featured images for your products with the same proportions, for example 1900×1900.
Choose the most suitable for you way.

Regards

#228390 Copied

apotik

Participant

January 16, 2020 at 14:40

I’m really sorry but I don’t understand at all what I have to do in my case, when I put everything in the same proportion, the images of the product sheet are too small, when I put the original size you tell me that that’s what is problematic, concretely what should I do? thank you for your help

#228415 Copied

Olga Barlow

Support staff

January 16, 2020 at 18:28

Hello,

Update all the products with landscape images and make them squared http://prntscr.com/qoo1e5 or portrait http://prntscr.com/qoo7vl but all the product images should have the same size. Don’t use different images, for example, one image 3000×4000 and other 4500×3400. Then may remove the custom CSS that I sent you above and you’ll get aligned grid of products.

Also, we would recommend using smaller images than 4000px width. 2000px will be much enough.
Some additional information about product images you can find in WooCommerce documentation https://docs.woocommerce.com/document/fixing-blurry-product-images/ because this question is not directly related to theme but to WooCommerce plugin.

Regards

#228426 Copied

Olga Barlow

Support staff

January 16, 2020 at 18:33

P.S. Don’t forget also to optimize images before uploading them to your media library. You can save much space and speed up the site https://prnt.sc/qoo7n0

Regards

#228427 Copied
Viewing 13 results - 1 through 13 (of 13 total)