Digital experiences for all disciplines
New Landing › How can we help? › Atelier › Product Shop Display Spacing Issues
New Landing › How can we help? › Atelier › Product Shop Display Spacing Issues
- This topic has 7 replies, 4 voices, and was last updated 8 years by Rui Guerreiro – SUPPORT.
-
Posted in: Atelier
-
June 6, 2016 at 8:24 pm #272790
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.June 7, 2016 at 10:29 am #272893Hi
Are you using version 2.1.1 if Atelier? And have you made all other updates?
– Kyle
June 7, 2016 at 6:01 pm #273003Hi Kyle,
Yes we are using 2.1.1 and have made all updates.
June 8, 2016 at 6:52 pm #273270Please add a WP login/URL for us to take a closer look.
Thanks.
June 8, 2016 at 7:29 pm #273279This reply has been marked as private.June 10, 2016 at 6:35 pm #273930Are 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.
June 10, 2016 at 6:45 pm #273935Hi 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.June 10, 2016 at 6:59 pm #273939Hi,
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
-
Posted in: Atelier
You must be logged in and have valid license to reply to this topic.