Return to previous page

Image Scrolling Stopped Working + Sizing Issue

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

DebbieC

Participant

November 15, 2021 at 09:38

Since the update, the images do not display properly on the product pages. When you click an image to enlarge it, the left and right arrows used to show the next image so customers could scroll through them, but now the arrows don’t work and each image has to be opened separately.
https://prnt.sc/1zncldf

My images on the homepage and in category pages are now displaying at odd sizes. I try to make most of the thumbnail images square, usually 450×450 or 500×500 and I would like them all to display at the same size. How do I fix the size so all images are neat and the same size?

Also on the homepage when you click the side arrow on an image, it displays the second image for that product but much smaller and blurry. I want to make these all display at the same thumbnail size.

On the category pages when any product image is hovered over, the photo shrinks (which makes it blurry). Can this be adjusted so all thumbnails display at the same size when the mouse hovers over it ?

Thanks, Debbie

#308721 Copied Theme version: 8.0.9 WooCommerce version: 5.9.0

11 Answers

Olga Barlow

Support staff

November 15, 2021 at 14:06

Hello,

Provide us with WP Dashboard and FTP access and also link to your product with the issue.

Regards

#308766 Copied

DebbieC

Participant

November 15, 2021 at 14:26

Hi,

All products have this issue, it is site wide – same as the image I attached in my first message. i attach login details, thank you.

Please contact administrator
for this information.

#308769 Copied

Rose Tyler

Support staff

November 16, 2021 at 13:53

Hello,

You forget to provide FTP access.
Meanwhile, we do not see the problem on your site – https://gyazo.com/d13d85e3725a3a0e86e0693333169ecf Clear cache and check one more time.

About image size read here – https://www.8theme.com/documentation/xstore/woocommerce/product-images/ It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery.

Regards

#308868 Copied

DebbieC

Participant

November 16, 2021 at 17:16

Hi, sorry yes the arrow scrolling appears okay now – although I always clear cache’s after updates. All thumbnail/main product images are prepared at around the same size already when uploaded to media.

I have read the link about image size for the thumbnails, but it does not mention about the second image that goes small – not the main thumbnail but the second and other images that show if you click the pink side arrow. This other images are half the size of the original thumbnail making them blurry and the ‘select options’ bar moves up higher. Like the middle image on this link: https://prnt.sc/1zsxx93

How can I make the images all appear the same size as the full sized thumbnail?

I attach the FTP details I forgot earlier. Debbie

Please contact administrator
for this information.

#308898 Copied

Olga Barlow

Support staff

November 17, 2021 at 17:19

Hello,

I changed some image settings in Theme Options > WooCommerce > Images. Check thumbnails and images now, please.

Regards

#309036 Copied

DebbieC

Participant

November 18, 2021 at 08:36

Hi,
Yes, the images look a lot neater now showing all the same size.

Thank you very much for your help. Debbie

#309098 Copied

Rose Tyler

Support staff

November 18, 2021 at 14:17

Hello,

You’re welcome!

Regards

#309130 Copied

DebbieC

Participant

November 22, 2021 at 11:43

Hi,

I have checked again this morning and the left/right scrolling arrow for images on the product pages is still not working.

I added this product – https://www.swankypins.co.uk/product/luxury-hold-up-stockings-20-40-den-ballerina-449/
and the second / larger image doesn’t enlarge properly when clicked, it just gets a grey overlay and the side arrows are not scrolling through the images.

I then checked a couple of other products and the same thing is happening. When the main image is clicked on, it doesn’t display the larger image and you cannot use the left/right arrows to scroll through all the images on the product. Debbie

#309454 Copied

Olga Barlow

Support staff

November 22, 2021 at 15:25

Hello,

Checked the mentioned product and don’t see any problem with the images https://recordit.co/0utTsL9y0U
Could you, please, provide us with the video of the issue with opened console to check if there is any error there?

Regards

#309504 Copied

DebbieC

Participant

November 22, 2021 at 16:52

Tried to download recordit but it won’t open so I don’t know how to do a video. However, I have checked on another computer and other browsers and this problem does not show elsewhere. I use Chrome and the problem only seems to be on here, so it is a browser issue, not theme issue.

#309528 Copied

Olga Barlow

Support staff

November 22, 2021 at 18:10

Hello,

Try to clear the browser cache https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn

Regards

#309539 Copied
Tagged: image scrolling, sizing issue, themes, troubleshooting, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)