How to remove product categories lists from product listing on archive pages

  • On my site’s product archive pages each product displays the category meta data above the title. On an archive page with many products this looks bad especially when a product displays all the categories when it is deeply nested within a parent category and/or is part of multiple categories.

    I don’t mind this meta data being displayed on individual product pages, and this can be disabled for individual product pages from within the customizer, however no option to disable the display of a products categories on product archive pages is available.

    I’ve searched far and wide for what I feel should be a standard option in the customizer but have had no luck finding a solution that works on my site. This seems to be theme specific to OceanWP and not a WooCommerce option from what I’ve read.

    Site link posted is on a staging site cloned

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @smellcoffee,

    Thank you for reaching out,

    The primary settings for managing the woocommerce archive page in the theme are in Customizer > WooCommerce > Archive.
    But if you are using a third-party plugin, it must have a different path for that plugin’s settings. I saw you are using an Elementor template, which means it’ll overwrite the primary template in the theme, so you must check the third-party plugin and the widgets on the template you’ve built. These classes: https://postimg.cc/TyFhfL20 is for a third-party plugin.

    Please note that we cannot solve premium plugin issues according to the forum rules. If you have a pro plugin, please read the forum guidelines: https://www.ads-software.com/support/guidelines/#do-not-post-about-commercial-products

    I hope it helps.
    Best Regards

    Thread Starter smellcoffee

    (@smellcoffee)

    I’m sorry but that is not correct this is not a third party plugin setting. This is a OceanWP Store Theme setting.
    OceanWP Store Theme> Customizer >WooCommerce> Archive> >Products> Product Style>Hover Style. When the Hover Style is selected there is no way to deactivate the categories from displaying. I would like to be able to use the Hover Style Product option but not show the categories. This is an option when The Product Style is set to Default in the Customizer.

    The archive page I shared is the default OceanWP Store theme archive with an Elementor short code in the category description.

    If you refer to the Store theme you will see that the Theme example shows the categories as I described in the demo. The demo looks fine if there is only one or two categories but not when you have many categories. The demo is set to default product archive option but if you select the the Hover Style option within an a clean install there is no way to remove the categories.
    https://store.oceanwp.org/shop/

    Thank you and kind regards

    Hello @smellcoffee,

    Thank you for reaching out,

    To hide “categories” on the Hover Style in the archive page, please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    #wrap .products .woo-product-info .category {
    display: none;
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope it helps
    Best Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove product categories lists from product listing on archive pages’ is closed to new replies.