Home Woocommerce Hooks Woocommerce Hook – Add icon on a Single Product Gallery Image

Woocommerce Hook – Add icon on a Single Product Gallery Image

by therichpost
Published: Last Updated on 0 comment
woocommerce

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.

 

Above Hook will not work in Latest version so I will give you temporary code hack and add this into your theme’s functions.php file:

add_action( 'wp_footer', function() {
    if ( is_product() ) {
?>
 
    <script>
  jQuery(document).ready(function($){
    //alert("cfg");
  });
  </script>
 
<?php
    }
}, 99999 );

 

Thank you and if you have any kind of query then please do comment below.

Jassa

Thank you.

You may also like

Leave a Comment

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