Hide select options from products on pages and shop

[Tom_Sanchez]

Hi guys, would like to know if someone can help here... I would like to hide the select options options label that is being shown on products pages. Please see attached...

 

[Tom_Sanchez]

Found the CSS Variable and add it to css to get rid of it, but it also get rid the add to cart if someone use it!

}
.woocommerce .products .product_type_variable {
display: none !important;
}

 

[frizzel]

You have to add some code to your child theme's functions.php file (or use a plugin like My Custom Functions).

Add this:

add_filter( 'woocommerce_loop_add_to_cart_link', function( $product ) {
 
    global $product;
 
    if ( is_shop() && 'variable' === $product->product_type ) {
        return '';
    } else {
        sprintf( '<a href="%s" data-quantity="%s" class="%s" %s>%s</a>',
            esc_url( $product->add_to_cart_url() ),
            esc_attr( isset( $args['quantity'] ) ? $args['quantity'] : 1 ),
            esc_attr( isset( $args['class'] ) ? $args['class'] : 'button' ),
            isset( $args['attributes'] ) ? wc_implode_html_attributes( $args['attributes'] ) : '',
            esc_html( $product->add_to_cart_text() )
        );
    }
 
} );

After you added the above, select options are gone, but the button 'Add to Cart' is still there.

 

[Tom_Sanchez]

You have to add some code to your child theme's functions.php file (or use a plugin like My Custom Functions).

Add this:

add_filter( 'woocommerce_loop_add_to_cart_link', function( $product ) {

    global $product;

    if ( is_shop() && 'variable' === $product->product_type ) {
        return '';
    } else {
        sprintf( '<a href="%s" data-quantity="%s" class="%s" %s>%s</a>',
            esc_url( $product->add_to_cart_url() ),
            esc_attr( isset( $args['quantity'] ) ? $args['quantity'] : 1 ),
            esc_attr( isset( $args['class'] ) ? $args['class'] : 'button' ),
            isset( $args['attributes'] ) ? wc_implode_html_attributes( $args['attributes'] ) : '',
            esc_html( $product->add_to_cart_text() )
        );
    }

} );

After you added the above, select options are gone, but the button 'Add to Cart' is still there.

In my case I do not want any of those to show up on the front. but will try this code and will let you know, also will try the plugin you mention!