Return to previous page

Images Changes Size on Page Load - by barronpj67

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

barronpj67

Participant

May 13, 2016 at 19:35

Hello,

When I load a product page, the main image loads and looks to be the correct size, but when the page finishes loading, it jumps to a slightly bigger size. I noticed this problem on my previous version of the theme, so have just updated, but it persists. I don’t think it did it originally, so maybe a WordPress or Woocommerce update changed things? I’m using latest version of all the above.

Here’s a link to a product page (the issue is present on all products, not just this one):
https://www.riding-gear.co.uk/riding-gear-2/shop/for-horses/saddlecloths-and-numnahs/hkm-saddle-cloth/

Many thanks indeed!

#125753 Copied Theme version: 1.6 WooCommerce version: 2.5.5

13 Answers

Eva Kemp

Support staff

May 16, 2016 at 11:42

Hello,

Try to set these sizes in Woocommerce settings http://storage5.static.itmages.com/i/16/0516/h_1463395320_8272191_dde89d32c9.jpeg and regenerate thumbnails after that with the plugin http://wordpress.org/plugins/regenerate-thumbnails/ .

Regards,
Eva Kemp.

#125919 Copied

barronpj67

Participant

May 16, 2016 at 20:49

I changed my regenerate settings to the following and regenerated the image for this product: https://www.riding-gear.co.uk/riding-gear-2/shop/horse-rugs/fly-rugs-and-fly-masks/zebra-summer-fly-sheet-with-neck-cover/

Thumbnail size Width 149 Height 198
Medium size Max Width 450 Max Height 600
Large size Max Width 555 Max Height 781

Unfortunately the problem persists. I’m sure it didn’t do this when I first started using the theme…?!

#126039 Copied

Eva Kemp

Support staff

May 17, 2016 at 11:02

Hello,

I’ve set image sizes in Woocommrece settings and regenerated thumbnails. Please clear browser cache and check single product page now.

Regards,
Eva Kemp.

#126137 Copied

barronpj67

Participant

May 17, 2016 at 20:32

Well, the images don’t seem to change on loading anymore. It looks like you’ve made a change to my site? I couldn’t find image sizes under Woocommerce settings last night, although I can see them now (I thought you meant Settings -> Media).

Nearly all of my images are square, so it seems a bit odd regenerating them as rectangular…! Are the sizes you have entered mandatory for this theme?

I have one or two rectangular images which have strange effect on the catalogue images (eg. https://www.riding-gear.co.uk/riding-gear-2/equine-horse-riding-products/horse-rugs/fly-rugs-and-fly-masks/) but I understand what’s going on now, so will just make those square and regenerate. Do you know of a plugin that can do that? It’s quite time consuming to do manually.

Thanks for your help.

#126243 Copied

Eva Kemp

Support staff

May 18, 2016 at 06:18

Hello,

I’ve already installed the plugin to regenerate thumbnails. You can view it in wp-admin > Tools > Regen. Thumbnails.

Regards,
Eva Kemp.

#126261 Copied

barronpj67

Participant

May 18, 2016 at 09:51

Yes, I’ve been using Regenerate Thumbnails for a couple of years. I was actually looking for a plugin to increase the image size in one direction to make them square (kind of inverse of cropping) – I doubt one exists though…

Please can you confirm that it’s correct to regenerate the thumbnails using rectangular settings even for my square images? And do you always have to use the sizes you suggest for this theme?

Thanks.

#126285 Copied

Eva Kemp

Support staff

May 18, 2016 at 10:37

Hello,

Unfortunately we can’t recommend you any of such plugins.

Those image sizes are suggested to use to display product images properly.

Regards,
Eva Kemp.

#126299 Copied

barronpj67

Participant

May 19, 2016 at 15:54

Sorry, one more thing on image sizes…

Some of your demo Classico sites appear to have smaller image sizes. If I wanted to make the single product images smaller, can I change that in CSS and then regenerate the images at the same size? If so, can you point me to the relevant CSS?

Thanks again!

#126555 Copied

Jack Richardson

Support staff

May 19, 2016 at 16:16

Hello,

You can change the sizes in Woocommerce settings > Products > Display and then regenerate thumbnails.

Best regards,
Jack Richardson.

#126565 Copied

barronpj67

Participant

May 19, 2016 at 18:49

I think this has brought me back to my original problem.

I’ve just changed the Single Product Image size to 409×409 and regenerated all the images for the following product:
https://www.riding-gear.co.uk/riding-gear-2/shop/horse-rugs/fly-rugs-and-fly-masks/zebra-summer-fly-sheet-with-neck-cover/

When the page loads, the image appears to load at 409×409, but then expands to 555×555 (I’ve cleared my cache etc btw). This was my initial problem. Eva regenerated my images to 555×741 (see above) and the images stopped re-sizing, but I didn’t like the new size – hence my last query about how to change the size.

I’m sure my images used to load at 409×409, but I’ve updated WordPress/Woocommerce/Classico recently – of course that could just be a red herring? Any ideas??

Thanks.

#126576 Copied

Eva Kemp

Support staff

May 19, 2016 at 19:17

Hello,

In this case disable zoom effect in Theme Options > E-Commerce > Single Product Page and check product image then.

Regards,
Eva Kemp.

#126579 Copied

barronpj67

Participant

May 19, 2016 at 19:31

Hi,

Yes, it did look like it was related to the zoom container size. I’ve disabled zoom and the image now stays at 409×409. But, I like the zoom too…

#126581 Copied
Eva Kemp

Support staff

May 20, 2016 at 13:21
Hello,

I’ve enabled zoom effect back and added this code in Custom CSS for desktop section:
```
.sxy-zoom-container {
    position: relative;
    width: 409px !important;
}
.single-product .images {
    width: 409px !important;
}
```
Please check the page now.

Regards,
Eva Kemp.
#126650 Copied
Viewing 14 results - 1 through 14 (of 14 total)