Hide select options from products on pages and shop

Tom_Sanchez

Member
Jun 28, 2019
55
17
8
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...
 

Attachments

  • Opera Snapshot_2020-10-25_233925_www.masvaporworldwide.com.png
    Opera Snapshot_2020-10-25_233925_www.masvaporworldwide.com.png
    265.4 KB · Views: 7

Tom_Sanchez

Member
Jun 28, 2019
55
17
8
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;
}
 

Attachments

  • Opera Snapshot_2020-10-26_130209_www.masvaporworldwide.com.png
    Opera Snapshot_2020-10-26_130209_www.masvaporworldwide.com.png
    208.8 KB · Views: 2

frizzel

Well-known member
Trusted Uploader
Jun 13, 2019
485
253
63
Wherever my imagination takes me
You have to add some code to your child theme's functions.php file (or use a plugin like My Custom Functions).

Add this:
PHP:
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.
 
  • Like
Reactions: Tom_Sanchez

Tom_Sanchez

Member
Jun 28, 2019
55
17
8
You have to add some code to your child theme's functions.php file (or use a plugin like My Custom Functions).

Add this:
PHP:
add_filter( 'woocommerce_loop_add_to_cart_link', function( $product ) {

    global $product;

    if ( is_shop() &amp;&amp; '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!
 

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu