Product Gallery Images issue

Posted in: Newspaper
Post count: 50

Example

All subsequent images beyond the initial product image load into the main container slightly zoomed in. My client has a URL at the bottom of most of the images that is not visible in the main container.

How do I fix this?

Thanks,

Keith

Post count: 22421

Hi,

Please provide a link to your site so I can inspect it.

Thank you!

Post count: 50
Post count: 22421

Hi,

I’m not sure what you mean. The images appear fine. The theme has a cropping system and will cut images center top if that is what you mean. But it will not zoom in the image. It will only cut the thumbnails. Please read this guide: https://forum.tagdiv.com/featured-image/

Thank you!

Post count: 50

The images don’t appear ‘fine’, in that they’re cropped. The vendor requires that their product images have the URL of their website at the bottom of all of their images.

How do I disable this feature?

Post count: 22421

Unfortunately there is no setting to remove the cropping system. If you use theme elements then the images will be cropped and thumbs created for them. Alternatively if you have coding skills you can try the theme api: https://www.screencast.com/t/CD8pHV72TL2 but please note there is no simple solution we can provide via the theme support. This represents customization and is not covered by the support.

Thank you!

Post count: 50

What theme element? The WooCommerce plugin?

These are all square images that do not require cropping. Only re-sizing. Also, you’re assuming that no relevant product information was contained in the outer areas of the product picture! Take a look at the image where the glasses are placed over a measuring chart. There are obviously times when you need the full image to convey the intended message!

There were other ways to write that code. Maybe something in the CSS that properly contains a square image? Or some Javascript to determine if the image needed center-top cropping at all?

https://stackoverflow.com/questions/11552380/how-to-automatically-crop-and-center-an-image

It seems like there are some viable CSS options on how to properly place an image without being forced to crop..

Post count: 22421

Ok,

Please contact us via email@contact@tagdiv.com and provide wp-admin so we can take a look at the woocommerce block and inspect the possibilities

Thank you!

Post count: 50

Email sent!

Post count: 50

Email sent from TagDiv pertaining to this issue (it’s a bug that will be addressed in subsequent release):

Hello,

Upon further investigation I found a css that was causing this issue.
Please add this code in your theme panel-> custom css box:

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){
padding-top: 0!important;
}

I will add this to our bug list for future updates.

Thank you!
Bogdan B

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.