Sunday, September 20, 2020
therichposts@gmail.com
Woocommerce Hooks

Woocommerce Hook – Add icon on a Single Product Gallery Image

How to add download pdf link in woocommerce single product page?

Woocommerce Hook - Add icon on a Single Product Gallery Image

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.

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

Leave a Reply

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