[Resolved] How to create image swap in woocommerce product listing page?

[Author]

Posts

[wandyC]

Thanks for the explanation.

I have read https://toolset.com/documentation/programmer-reference/adding-custom-code/how-to-create-a-custom-shortcode/, however i don't really understand on where to put the code. is it in the template functions.php and then register in toolset or?

thanks

[Minesh]

Toolset offers "Custom Code" section where you can add code snippets:
- https://toolset.com/documentation/programmer-reference/adding-custom-code/using-toolset-to-add-custom-code/#adding-custom-php-code-using-toolset

[wandyC]

Thanks a lot, i have able to add custom code along with the shortcode.

Now i'm working on the image swap, i tried applying the css, but it's not working. when i hover the second image is not showing, but it still using the enlarge image function.

is that toolset default action? if yes, how do i change the image hover?

thanks a lot.

[Minesh]

I'm not sure yet how you configured your image gallery, image gallery will work only if you are displaying with Toolset shortcode, if you are using custom hooks and PHP to get gallery images I suggest instead you should use any other third-party plugin.

[wandyC]

Thanks for the help.

I have able to apply the image swap without using third party plugin.