Return to previous page

Mobile theme doesn't use resized product images

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

RemcoF

Participant

March 18, 2017 at 10:46

Why does the mobile version of the theme (Xstore) uses the original (full sized) product images and not the thumbnails?
It only happens when you show the shop on a mobile, not the mobile view on the desktop. It happens not only in my webstore but also in your demo theme.

You can also view it on Google Pagespeed Insights and see that the mobile version uses the full images.

Please, contact administrator
for this information.

#157257 Copied

3 Answers

Olga Barlow

Participant

March 22, 2017 at 14:53

Hello,

The size of the images that are used for the products depends on your settings in WooCommerce > Settings > Products > Display > Image Sizes.
We use catalog image size for the products grid http://prntscr.com/en3dfz

But Google Speed tool tells you that you can optimize original image because at present it’s too large. If you optimize original image and then regenerates thumbnails all the image sizes (catalog images, thumbnails) also will be optimized. Please, download optimized images and use them for your products http://prntscr.com/en3t5v

You can optimize images manually or use special services, for example https://kraken.io/

Regards

#157534 Copied

RemcoF

Participant

March 23, 2017 at 07:17

Thank you for answering. It works like that on the desktop version, but not on a real mobile. The theme doesn’t use the catalog images but the full original images. How can I change that?

In Google Pagespeed Insights you can see that he doesn’t use the url path to the catalog images on a mobile but the url path to the full images.

#157630 Copied

Olga Barlow

Participant

March 23, 2017 at 12:44

Hello,

No, you see that Google Pagespeed shows you notice about these products and recommends you to change the images. It even generates images. You can download the archive http://prntscr.com/en3t5v then edit products and replace images by images from the archive. After that test the site again.

Mobile version does not use real images. Google speed tool defines that catalog images can be optimized, but catalog image is autogenerated image, WP uses real images and autogenerates catalog images and thumbnails. So, only if you optimize the original image you’ll get the optimized catalog and thumbnail images. That’s why Google speed tool shows you these notices and offers you real images.

Regards

#157679 Copied
Tagged: mobile theme, product images, resized, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)