Woocommerce Hooks

Woocommerce Hook – Add icon on a Single Product Gallery Image

Woocommerce Hook - Add icon on a Single Product Gallery Image

Views

Hello, welcome to therichpost.com. In this post, I will tell you , Woocommerce Hook –  Add icon on a Single Product Gallery Image. 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 picture with custom icon:

Woocommerce Hook - Add icon on a Single Product Gallery Image

 

Here is the working and tested code for Woocommerce Hook – Add icon on a Single Product Gallery Image and you need to add this into yours WordPress theme’s functions.php file:
add_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
function woocommerce_show_product_thumbnails()
{
echo '<img class="imgB1" src="https://placehold.it/100" style="
    position: absolute;
    top: 3.8%;
    right: 15%;
    height: 32px;
    width: 32px;
    border: 5px solid red;
">';
}

I have added image and you can use icon and whatever you want.

If you have any query related to this post then you can comment below or ask questions.

 

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.

Leave a Reply

Positive SSL