I am a big fan of the WP clever plugin set and wanted to use the Image swap in my woocommerce shop. But I noticed that the second image that is visible when hovering obstructs both the wishlist and quickview buttons from you, as well as the possibility to click on the image to go to the product page. Is this known behavior that can be fixed? I use the Bokifa theme for the shop, no other plugins that should be interfering with the image swap..
Hello Dustin, thank you for your reply. It works for making the icons visible, but the second image that it swaps into is still not clickable. So it makes it harder for people to visit the product page, because that is only possible through the title.
In the demo on your site the second image is also clickable to go to the product page.
Hello,
I am a big fan of the WP clever plugin set and wanted to use the Image swap in my woocommerce shop. But I noticed that the second image that is visible when hovering obstructs both the wishlist and quickview buttons from you, as well as the possibility to click on the image to go to the product page. Is this known behavior that can be fixed? I use the Bokifa theme for the shop, no other plugins that should be interfering with the image swap..
With regards, Dave
Hi Dave,
I can help you check and fix that issue when you use the premium version here: https://wpclever.net/downloads/wpc-product-image-swap/
Best regards,
Dustin
Thanks for your purchase!
Please add the CSS code below to WP-Admin → Appearance → Customize → Additional CSS:
.product-transition .group-action { z-index: 999; }Best regards,
Dustin
Hello Dustin, thank you for your reply. It works for making the icons visible, but the second image that it swaps into is still not clickable. So it makes it harder for people to visit the product page, because that is only possible through the title.
In the demo on your site the second image is also clickable to go to the product page.
Please add the custom code below. (How to add custom code? ↗):
add_action( 'wp_footer', function () { ?> <script type="text/javascript"> (function ($) { $(function () { // ready if ($('.wpcis-swap-image').length) { $('.wpcis-swap-image').each(function () { let $image = $(this); if ($image.closest('li.product').find('.product-image').length) { $image.appendTo($image.closest('li.product').find('.product-image')); } }); } }); })(jQuery); </script> <?php }, 99 );If it still doesn't work, please give me access to the backend https://frostandflamepublishing.nl/wp-admin/ so I can check the theme structure in detail and fix that issue.
Best regards,
Dustin
It works, thank you very much!