After Starter Templates update Woocommerce products not appearing properly

Hello @waye1234

That’s strange! As there’s no CSS which Starter Templates applies to the pages or posts. It’s only after import you will notice the respective pages having the concerned CSS applied from the page builder.

So we are not sure what could be causing it, could be cache or some other conflict causing this issue.

To debug further do reach out to on our Support Portal for quicker resolution.

Looking forward to hearing from you!

Regards,
Suman

.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
float: none;
width: 100%;
}

It seems to be this “float:none” that is causing it. Is this then a Woocommerce bug? When I remove the float none it looks proper, but I don’t like overriding CSS especially not for layout that should be working.

For anyone having the same bug overriding Woocommerce CSS with the following fixes it… *Not proud*

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: right !IMPORTANT;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: left !IMPORTANT;
}

Hello @waye1234

We aren’t sure if it is a bug from the WooCommerce end or what caused this issue.

We will need to take a closer look to confirm, while we do not see any Astra classes in the above CSS which could have caused this issue on your end.

I hope that clarifies.

Regards,
Suman