There seems to be an issue with the shop display pages where the space margins in between different rows of products are not separated enough.
See attached screenshots for examples. This affects all product shop pages on our site and we have tested in different browsers both on desktop and mobile all with the same issue.
For example in the first screenshot, I am showing the last row and the second to last row so you can see the difference is that the last row shows the “add to cart” button but on the second to last row (and all preceding rows) it doesn’t show the add to cart button because the product image thumbnail in the next row down is blocking it (not enough margin spacing between rows).
Sometimes as a workaround we use a combination of the product element with blank spacer elements to effectively manually create rows of products but this is frustrating because we need to create a product element for each individual row and blank spacers between each row rather than just having this done automatically. Also there is no option for this customization if we are using the woocommerce default shop pages since these don’t use page builder elements.
Attachments:
You must be
logged in to view attached files.