Woocommerce Remove Select Options Button

  • Dear Experts,

    I am currently designing a webshop and now I am stuck with something. Namely, I would like to remove the “Select Options” buttons below the product images to make the homepage more compact and “clean”. However I can’t find a solution for this. Is there a magical CSS code I can use to solve this? Thanks in advance.

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

  • Yes, if you right click on the element you want to hide, select inspect element you can get it’s class name or ID. You can then hide them by using the following CSS:

    .product_type_variable {display: none;}

    that will hide them everywhere. If you just want to hide on the home page you can add body.home before the class name.
    So:
    body.home .product_type_variable {display: none;}

    Thread Starter dadelstore

    (@dadelstore)

    Thank you! I managed to hide the button, yet there is a line which is located below the product that still remains. When I inspect it I can’t find the id, is there a code for this as well?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Woocommerce Remove Select Options Button’ is closed to new replies.