Woocommerce HooksWordpress HooksWordpress Tricks

How to add product thumbnail to review order table on checkout page with woocommerce add filter hook?

add product thumbnail to review order table on checkout page

Views

Hello, welcome to therichpost.com. In this post, I will tell you How to add product thumbnail to review order table on checkout page with woocommerce add filter hook? 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 first image of review order table on checkout page without applying woocommerce hook: Here is the first image of product thumbnail to review order table on checkout page after applying woocommerce hook: And Now Final, here is the woocommerce hook to show product thumbnail to review order table on checkout page and you need to add this hook into your wordpress theme’s functions.php file:

function isa_woo_cart_attributes($cart_item, $cart_item_key){ 
global $product; 
if (is_cart()){ echo "<style>#checkout_thumbnail{display:none;}</style>"; } 
$item_data = $cart_item_key['data']; 
$post = get_post($item_data->id); 
$thumb = get_the_post_thumbnail($item_data->id, array( 32, 50)); 
echo '<div id="checkout_thumbnail" style="float: left; padding-right: 8px">' . $thumb . '</div> ' . $post->post_title; } add_filter('woocommerce_cart_item_name', isa_woo_cart_attributes, 10, 2);

 

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

Ajay Malhotra
the authorAjay Malhotra
Hello to all. Welcome to therichpost.com. Myself Ajay Malhotra and I am full stack developer. I love coding. I know Wordpress, Core php, Angularjs, Angular 2, Angular 6, Angular 7, laravel, Codeigniter, Shopify, Squarespace, Jquery, Google Map Api, Vuejs, Reactjs, Bigcommerce etc.

2 Comments

Leave a Reply

Positive SSL