Image dropdown: hide image but show title

[Y P]

Hello,
I am using PPOM with the image dropdown module and I would like to hide the images but still show the title of the options. I have tried the following code that I found on this forum but it hides both the image and the title:

// hide image dropdown on cart
add_filter('ppom_meta_data_field', 'ppom_disable_dropdown_image_on_cart', 99, 99);
function ppom_disable_dropdown_image_on_cart($meta_data, $key, $field_meta, $product_id) {
    
    // ppom_pa($meta_data);
    if( $field_meta['type'] == 'imageselect' ) {
      
        $image_id = $meta_data['value'];
        $image_option = PPOM_IMAGESELECT()->get_image_option_by_image_id($image_id, $field_meta);
		$image_title = isset($image_option['title']) ? stripslashes($image_option['title']) : '';
		$meta_data['display'] = $image_title;
    }
    
    // ppom_pa($meta_data);
    return $meta_data;
}

How can I hide the image only ?

Thanks in advance for your help 🙂

[RA]

Wouldn’t a regular “select” drop down be exactly what you are looking for?

Why use the image dropdown if you are going to remove the images? That seems counter-intuitive.

If you are trying to hide a single image in the drop down list then you could easily use CSS to hide the image.

[Y P]

No, because I would like to show the images on the dropdown on the product page but not in the cart as it is not very useful and takes too much space.

[RA]

Just use CSS to shrink them down or hide them. Also, be sure to apply the same CSS rules on the final checkout page, thank you page and admin / customer email receipts.

Cart CSS example:

tr.cart_item td.product-name ul.variation li span img.img-thumbnail{
display: none !important;
}

For the emails you would have to edit the email style template if you are using HTML-formatted email templates.

[Y P]

Thank you for your reply.
I tried your code but it didn’t work for me.
However, I manage to add some CSS globally that works both for the cart page and the cart widget in the sidebar:

/* Hide images from PPOM variation in cart */
.variation .img-thumbnail{
display: none !important;
}

[RA]

Sorry the code didn’t work for you. At least you’re going in the right direction now.

Don’t forgot to apply the same method to the outgoing emails.

Good luck!

[Author]

Posts