WooCommerce Columns Renew Stack

[ptmarketing]

How are WC columns handled in the Renew stack, with regards to CSS? In X version 7, the columns seemed to be handled by this CSS selector .woocommerce .cols-4 li.product. In this case it set to width to 22%.

But in version 8, there doesn’t seem to be any .cols-4 in the Renew CSS file. So I’m wondering where the CSS is to handle the columns in WC?

The reason I’m asking is because after updating to version 8, the columns on our site stopped working. And changing the WC columns setting in the X theme options didn’t have any effect.

Since we have lots of customizations, I’m sure this isn’t an issue with X theme, but I need some help so I can troubleshoot the issue, and make our customizations compatible with the latest version of X.

This is the link to our shop page (I have reverted it back to version 7 of X theme): https://www.picturethisgallery.com/art/

[ptmarketing]

Hey, I think I found it. In version 8 WC columns are handled by the .columns CSS class instead of .cols. For example: ul.products.columns-4 li.product.

The reason why our columns stopped working after the update is because we have a custom loop-start.php, which was overriding the theme’s default HTML markup.

[friech]

Hi @ptmarketing,

Thank you for writing in, and glad you figure things out, unfortunately, we can’t provide support for any customization.

I would recommend though on your future projects to use PRO and utilize the new features Layout Builder and Loopers.

Cheers,