Hide default product catalogue on custom shop page

Support
#1

Hi!

Since the new Pro update with its non-secure compatibility with the latest WooCommerce (which forced me to go back to old Woo version) my shop got messed up.

I want to hide the default product catalogue under my custom The Grid catalogue there. Could you please tell me how to correct this CSS so that it does not also hide the images under “you may also be interested in these related products…” everywhere (incl. shop catalogue, single prod page, check out page) ?

/*
//Woo hide default catalogue
*/
.woocommerce-result-count {
display:none !important;
}
.woocommerce-ordering {
display:none !important;
}
.woocommerce ul.products {
display:none !important;
}
.x-pagination {
display:none !important;
}

<3
Thanx!

#2

Hi There,

Please change your custom CSS to this:

/*
//Woo hide default catalogue 
*/
.post-type-archive-product .woocommerce-result-count {
display:none !important;
}
.post-type-archive-product .woocommerce-ordering {
display:none !important;
}
.post-type-archive-product.woocommerce ul.products {
display:none !important;
}
.post-type-archive-product .x-pagination {
display:none !important;
}

Let us know how it goes!

1 Like
#3

Hi Thai!

Perfect! Thanx so much!

<3

#4

You are most welcome. :slight_smile:

1 Like