We’re locked at home because of covid-19, but working to support your business.
We apologize if you face any delay to get support response.
Stay safe and take care of your family and yourself.

Swatch image in gallery and gallery size

Gavin Harris

Hi,

A couple of issues please:

Example page: http://suburbanturbanmigration-com.stackstaging.com/infinity-band-kimmy-chemo-hat-set

1: In the Gallery, the variation swatch image is shown first.  The swatch image is coming up very blurry as it’s a small image.  Can I switch off the swatch being shown in the gallery please?

2: The gallery size changes height as each image is loaded (different heights).  I would like to fix the height of the gallery please, so that the images to click through to the next image (when placed underneath) don’t move each time an image is loaded.  How do I do this please?

3: The gallery loads a ‘blurry’ image, which is only sharp when hovering over.  I don’t want this blurry image, and would rather turn off the hover effect and just have a sharp image load in the first instance. How do I achieve this please?

Ahmed Ehsaan

Hi Gavin,

I’ve regenerated the size: https://www.loom.com/share/1ad0c508e2204bd6a18f34dbe0b27fe3

Just regenerate the thumbnails and come back to me.

Thank You

Ahmed Ehsaan

Try to input image in this way: https://www.loom.com/share/4ad9576129da443984ef92856e748824

 

Gavin Harris

Thanks, there is still this query:

2: The gallery size changes height as each image is loaded (different heights).  I would like to fix the height of the gallery please, so that the images to click through to the next image (when placed underneath) don’t move each time an image is loaded.  How do I do this please?

What I want to achieve is a fixed height and width, and the image is contained within that. Is that possible please?

 

If not, then just a fixed height would be better than a fixed width….

Gavin Harris

Hi,

The biggest issue remains the quality of the image.

Take a look at https://www.suburbanturban.com/wool-winter-chemo-hat-for-hair-loss/

The first image loaded is https://www.suburbanturban.com/wp-content/uploads/2019/11/beige-wool-felt-hat-frnt-300×450.png

As you can see, it’s a reduce size from the main image – if I click on the Zoom icon, I get https://www.suburbanturban.com/wp-content/uploads/2019/11/beige-wool-felt-hat-frnt.png

How do I stop it loading the 300px width image please?  Is there a setting for this somewhere?

Thanks