woocommerce product gallery image spacing not - css

I'm working on a Woocommerce site build with the Divi theme. I have issues with the spacing between the images in the product gallery. If there are 9 images shown on a page, then the spacing on the second and third row is not correct. Does anyone know how to resolve this?? thanks in advance!
regards,
Gerry
product gallery woocommerce

Related

woocommerce product gallery flex-control mobile

I have a problem in mobile display for the photo gallery of product pages.
I don't know why from the 2nd line it no longer works properly.
gallery product
Thank you
I find this css :
css
Thank you

How to add an embed code as a last image of woocommerce gallery

we want to integrate AR files into Woocommerce product gallery.
Similar like here: https://www.carltonfurniture.co.uk/holcot-coffee-table-grey-finish/p638
AR (GLB and USDZ files) plugins don't seem to accomplish this, they just add a button to view in AR on mobile device. I want to integrate with woocommerce product gallery so the last image is the AR.
I have the embed code
<model-viewer src=" ...
..... 
But I struggle to find how can I include it to woocommerce gallery as the last gallery image. Maybe there's a plugin to add a code as a gallery item?
Thanks for your help.

Woocommerce (Wordpress) - Hide featured product from products

I have to create a view in a Wordpress template where I highlight a featured product in the header with [featured_products] and show all the other remaining products in a section below the header. I need to list all products with [products orderby="rand"] without the featured one, because this one is shown in the header of the page already.
Any way to do this?
Thanks in advance!
PS: I don't understand how people have not come across the same problem, lol.

How to resize thumbnails in woocommerce lightbox

I have been trying to resize the thumbnails in lightbox but can't figure it out.
My current thumbnails are cropped and are about 50x30 px.
I need them to be square like 50x50.
I looked online for an hour but can't seem to find anything that works.
Below is a screenshot of the problem:
https://i.stack.imgur.com/yltym.jpg
Thanks for any help
You can change the sizes of WooCommerce thumbnails by going to the WordPress admin and navigating to WooCommerce > Settings > Products > Display. Then, adjust the sizes of WooCommerce Thumbnails. You'll also need to regenerate the thumbnails using a plugin, like Regenerate Thumbnails.
There's more information at the WooCommerce Docs.
Additionally, if those settings don't do it for you, you can drop in a function to adjust the WooCommerce thumbnails further. See this StackOverflow answer.

Sidebar Dropping WP Woocommerce

Have a crazy issue with a woocommerce product page...the sidebar is dropping only on a single product page but no other woocommerce pages...
see here: http://brachelleart.com/shop/vate-lamp/
Any help would be amazing.
Page doesn't not exist. Thats your problem.

Resources