Shop Product Spacing / Alignment

[commotion]

Hi guys.
Sorry but I’ve got another problem with the site.

I’ve finally got multiple products uploaded, however the image alignment / spacing on the shop page is all out of whack (see screen grabs).

Any ideas?

Best wishes

Steve

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Looks like you have used the shortcode to set the shop page up? Just leave the editor black and assign it as your shop page in WooCommerce > Settings > Products

– Kyle

[commotion]

Hi Kyle.

Attached are a screenshot of the WooCommerce settings I’m currently using and one showing the ‘shop’ page blank as suggested. However, this how I already have the site set-up.

Any other ideas?

Steve

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Please provide me with a link and login so I can look into it for you

– Kyle

[commotion]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Fixed for you

– Kyle

[commotion]

That’s awesome. Cheers Kyle.

For future reference, what was the problem?

Whilst I’ve got your attention… I’ve send the right hand side bar to us the filter by price widget, however all the sub category pages are now showing a blank sidebar.

Also… is there anyway to remove the product categories from the beneath the shop thumbnails and on the product pages, as well as the SKU details (I’m not using SKU codes).

Many thanks

Steve

[Kyle – SUPPORT]

Hi

I had to set the WP Cache plugin to not minify the shop page as it breaks the layout

I’m seeing a sidebar on category pages: http://d.pr/i/1tNm/2wFjm1fa

Sure, add this to your custom css:

.product .product-details .posted_in {
    display: none;
}

– Kyle

[commotion]

Of course… should have thought of that myself. Apologies for that.

Cheers for the custom CSS. Worked a treat.

One last thing… is there a way to remove the SKU product details from the product pages?

Best wishes

Steve

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
.posted_in{display:none !important;}
Thanks
Mohammad

[commotion]

Cheers Mohammad.

That’s removed the product categories but not the SKU code field. What would be the custom CSS I’d need to use to remove that also?

Best wishes

Steve

[Kyle – SUPPORT]

Add this to your custom css:

.sku_wrapper {
  display: none;
}

– Kyle

[Rui Guerreiro – SUPPORT]

Hi,

Add this code to your custom css option

.single-product .sku_wrapper{
   display:none;
}

-Rui

[commotion]

Awesome work guys. Worked a treat.

Many thanks for all your help!

Steve

[Rui Guerreiro – SUPPORT]

No problem. Thanks Kyle

-Rui