Product Shop Display Spacing Issues

[carteblanche1]

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.

[Kyle – SUPPORT]

Hi

Are you using version 2.1.1 if Atelier? And have you made all other updates?

– Kyle

[carteblanche1]

Hi Kyle,

Yes we are using 2.1.1 and have made all updates.

[David Martin – Support]

Please add a WP login/URL for us to take a closer look.

Thanks.

[carteblanche1]

This reply has been marked as private.

[David Martin – Support]

Are you referring to instances such as this:

I updated your site to version 2.1.2 and this improved the output:

I see your site is showing many console errors which is likely also interfering with the isotope JS layout calculation.

Can you please deactivate all plugins whilst we look into this, I ask this as this is not something I can replicate on my local development version.

Thanks.

[carteblanche1]

Hi David,

Yes this is what we are referring to. And agree the output does seem better after the 2.1.2 update although still not in all areas of the site (see attached image from after 2.1.2 update)

As much as we would like to get this issue fixed, its not really feasible for us to deactivate all plugins on the site since that would make our store non-functional. Are there any specific plugins that you think could be the cause that we could selectively deactivate temporarily and not affect the whole site?

Thanks!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

This should be done at a time with less visitors, the test should be fast. This can be done in 5 minutes, you can also enable the maintenance mode if necessary.

You can keep the Woocommerce and SwiftFramework always active.

-Rui