Woocommerce Product Category only showing two columns

[j300bac]

Hello Pro Pro’s!

So I have a site in development using Woocommerce and the layout is styled the way that I want it to be in the shop area.

I have separated the shop categories into “Brands” but as you can see in the link in the secure note - the brands aren’t listening to the layout function to match that of the shop. Example - the shop shows a 3 column layout as it should and is perfectly aligned. But when navigating to the “brands” it shows a 2 column layout which is randomly aligned and doesn’t look very tidy at all.

You will have to login as this site isn’t ready to replace the existing site just yet.

Many Thanks

[friech]

Hi J,

Thank you for writing in, please clear all your caching and optimizer plugins, including the siteground-optimizer as it combines the CSS, I don’t see the CSS that should give width to a 3 column product grid (width: 30.66667%;), that CSS might have been lost on combine process.

A temporary fix is to add that CSS width manually, you can add this to Theme Options > CSS

.archive.woocommerce-page li.product {
	 width: 30.66667%;
}

Cheers!

[j300bac]

Hey Friech,

Thanks for the temp fix but as you can see I’ve already used a fair bit of CSS on this install to get this shop front up to a standard.

I’d like for you guys to go a little deeper and figure out the root of this problem as it’s a fresh install and I’m 20 licences deep - about to be another 10x more when these devs are done.

All caches are cleared and I’ve actually excluded WooCommerce from the combined CSS function even though it has never been a problem in the past.

Thanks for your time

[Prasant]

Hello J,

Thanks for updating the thread.

I see that you have added code shared by my colleague and now page layout is showing in 3 column. However, the login details you have shared is not having administrator level privilege. Can you please assign admin level access so we can take a closer look at the setup?

Thanks.

[j300bac]

My apologies - the admin credentials are now replaced with the correct ones

Thank you for your support in this matter

[ruenel]

Hello J,

All your product categories is display a 3 column layout now. You maybe having a caching issue. If this happens again, just clear your plugin caches since you have installed SG Optimizer plugin.

Hope this helps. Kindly let us know.

[j300bac]

Hi RueNel,

Don’t want to patronise you but it’s really important to read the thread before attempting a contribution as you have now wasted all of our time.

Nothing to do with the cache - I’m not even going to repeat myself. Read the thread.

J

[lely]

Hi @j300bac,

Do you have any customization on your child theme? Can you try switching from child theme to main Pro theme? Let’s see if it’s cause by any custom code or template. A class that defines the column width is missing on the brand page. See this: https://screencast-o-matic.com/watch/cqiUlnOk2B