Clickable product thumbnail error
-
Hello, I would love some help please.
As the title suggests I have created a child theme for the first time and entered this code into functions.php
function myfunc_product_img_link_start(){ global $product; $link = apply_filters( 'woocommerce_loop_product_link', get_the_permalink(), $product ); echo '<a href="'.esc_url( $link ).'">'; } add_action('woocommerce_before_shop_loop_item_title', 'myfunc_product_img_link_start', 5); function myfunc_product_img_link_close(){ echo '</a>'; } add_action('woocommerce_before_shop_loop_item_title', 'myfunc_product_img_link_close', 15); I then added this to the customise CSS section li.product .product-thumb-wrap::before { display: none !important; } .custom_item_img_link::before{ content: " "; position: absolute; height: 100%; width: 100%; background: #fa6161; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; opacity: 0; } li.product:hover .custom_item_img_link::before { opacity: 0.8; }It has worked my product images are clickable! However when I hover over the image before I click it a pink block appears which is the size of the entire image + writing together but appears starting in the middle of the image and goes to the right. Very odd.
I know very little so would love it spelling out to me.
Thanks so much!
-
Hello, Thank you for your reply. Sorry my reply is late haha had an absaloute nightmare with error after error lol.
Ahh yeah I thought that may be the case!
Oo yeah that’s a good point you raise there and I’m glad helping others helps yourself too, and keeps your knowledge base high.
I will certainly try the plugin you recommend ?? thank you kindly for the thorough details on that.
So I spoke to the host about 2 issues, server speed and my media thumbnails backend not showing, and that’s where things started going wrong over the last 24 hours. Firstly they say my server speed is fine so that’s great, she clears my cache too on the host end. I go off live chat to find my privacy protection isn’t working think it was the SSL. SO I hop straight back onto LC and they end up having to point my domain name back to the server and say it may take a while for propagation. I go off lc to edit my site but it cant be accessed so I hop back on again and fix that for me and I mention the media thumbnails and they say it should come back when SSL comes back. Well today here I am SSL is back but not the media thumbnails, after speaking to LC she says just put up with it or reupload images. So I decide okay ill put up with it. But I go back to my site and she has installed big image thingy and default to GD plugin, I go to my front end and I have a double image issue which I had weeks ago. Devastated. So I go back into my parent theme and the code that I once changed from ‘.card-product.pop-and-glow .card-image{
overflow:visible
}’ to ‘.card-product.pop-and-glow .card-image{
overflow:visible;
display: none;
}’ is back to the original…… very frustrating. So I change it to the code that solved the double image issue the first time. The first time it took an hour until it worked apparently due to browser cache? I have waited an hour and the issue is not solved (Perhaps I also need to edit css in my child theme).This is now my main problem. If I can solve this I am sorted and pretty much ready to launch haha (Not slept all night lol).
Sorry for the long message, basically I wont be going on LC again if I can avoid it as they keep messing about with my plugins and stuff without asking lol.
Any advice is much appreciated.
Thank you so so much.
# Edit I tweaked the code slightly and that issue is solved no more double images lol. Although now front end when someone clicks on a product the subsequent gallery images sometimes appear 10x smaller, ill play about with plugins see if I can sort that haha.
- The topic ‘Clickable product thumbnail error’ is closed to new replies.