Home Woocommerce Hooks How to add the product image to Woocommerce my account order view?

How to add the product image to Woocommerce my account order view?

by therichpost
12 comments
woocommerce

Hello, welcome to therichpost.com. In this post, I will tell you, How to add the product image to Woocommerce my account order view?  WordPress is the best cms and Woocommerce is the best Ecommerce plugin. WordPress hooks(add_action, add_filter) give us the power to edit or change the code without interruption into the files and this is the best thing about wordpress. Now I am going to tell you how the hooks work.

Here is the working to add the product image to Woocommerce my account order view and you need to add this code into your theme’s functions.php file:
// Display the product thumbnail in order view pages
add_filter( 'woocommerce_order_item_name', 'display_product_image_in_order_item', 20, 3 );
function display_product_image_in_order_item( $item_name, $item, $is_visible ) {
    // Targeting view order pages only
    if( is_wc_endpoint_url( 'view-order' ) ) {
        $product       = $item->get_product(); // Get the WC_Product object (from order item)
        $product_image = $product->get_image(array( 36, 36)); // Get the product thumbnail (from product object)
        $item_name     = '<div class="item-thumbnail">' . $product_image . '</div>' . $item_name;
    }
    return $item_name;
}

 There are so many hooks in wordpress and i will let you know all. Please do comment if you any query related to this post. Thank you. Therichpost.com

 

You may also like

12 comments

John N July 15, 2020 - 11:30 pm

How would I do this for the downloads tab in my account?

Reply
Ajay Malhotra July 16, 2020 - 4:00 am

With woo-hooks, this can be done.
Thanks

Reply
Artur Kordykiewicz November 17, 2020 - 10:49 am

Thanks for your work. Your code works very well.

Reply
Ajay Malhotra November 17, 2020 - 4:52 pm

you are welcome.

Reply
Richard December 21, 2020 - 1:26 pm

AJAY MALHOTRA it works great.!! Thanks a lot!!!!

Reply
Ajay Malhotra December 22, 2020 - 4:28 am

Great and welcome.

Reply
Micheal June 7, 2022 - 5:15 pm

Hi, how can I display an image instead of order status in order detail.
PS: I need to display different image for each status.

Reply
therichpost June 8, 2022 - 4:27 am

Images related to order status?

Reply
Sam June 27, 2022 - 3:01 pm

Thanks! Please how do I use images for order tracking instead of tracking url for my customer’s orders?

Reply
therichpost June 27, 2022 - 4:18 pm

With hooks this could be achievable, thanks.

Reply
Katy February 15, 2023 - 7:52 am

Hello All. and thanks .
Thank you very much . But the products in my store are added and changed options. I want to display the final image of the product, not its original image

Reply
therichpost February 15, 2023 - 9:25 am

Hi I will check and update you, thanks.

Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.