How to hide “Details” from product in shop page

  • Hello, I’m using Woocommerce. When I have a list of products (for example in a category page) at the bottom of every product card I have two voices:

    “Select options” and “Details”

    as you can see at this link:

    https://claudiomariani.it/negozio/nerano-pants/

    I need to hide them. What’s the best way to do it?

    I was able to hide “Select options”

    (see it on test environment here: https://test.claudiomariani.it/new-collection-claudio-mariani-trousers/)

    by adding to functions.php child theme file the following code:

    function remove_woo_commerce_hooks() {
    global $avada_woocommerce;
    remove_action( ‘woocommerce_after_shop_loop_item’, array( $avada_woocommerce, ‘template_loop_add_to_cart’ ), 10 );
    }
    add_action( ‘after_setup_theme’, ‘remove_woo_commerce_hooks’ );

    But I’m not able to hide “Details”

    Really really thanks for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator bcworkz

    (@bcworkz)

    You could use CSS to hide it. The HTML still exists on the page, but users will not see it. Add this to the Additional CSS section of the customizer or style book:

    a.show_details_button {
    display: none;
}
    Thread Starter Marcello D’Ambrosio

    (@leggionline)

    Hi bcworks! First of all thanks! Could you tell me where exactly add this CSS? Exactly in wich file?

    Thanks again ??

    Thread Starter Marcello D’Ambrosio

    (@leggionline)

    I added it in Appearence -> Customize -> Additional Css, but nothing happens, you can see it in the following image:

    Moderator bcworkz

    (@bcworkz)

    Did you remove it again? It’s not visible where additional CSS should appear. Thus I cannot evaluate why it’s not working.

    You could try including the !important modifier.

    a.show_details_button {
    display: none !important;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to hide “Details” from product in shop page’ is closed to new replies.