Docs

[wustebar]

In the WooCommerce shop page I would like to remove the top dropdown that says ‘products per page’ and, if possible, turn the font on the remaining bottom dropdown into uppercase.

Thanks

[Rue Nel]

Hello There,

Thanks for writing in!

What you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Once the child theme is active and ready, please insert this line of code in your child theme’s functions.php file

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

We would loved to know if this has work for you. Thank you.

[wustebar]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thanks for writing back! Please remove the previous code from your child theme and use CSS code instead. Just add it in your Customizer via Appearance > Customize > Custom > CSS:

form.form-wppp-select.products-per-page {
    display: none !important;
}

Let us know how this goes!

[wustebar]

Worked like a charm.

Thank you!

[Prasant Rai]

We’re delighted to assist you with this.

[Author]

Posts