I’m developing a Woocommerce site. When the category page load, the display secondary image on hover effect, works in the correct way but the I use the pagination or the filters, the products are loaded correctly but I lost the display secondary image effect.
If I refresh the page (after pagination or filter) the effect works correctly again.
Woocommerce uses Javacript to switch the images on hover. The script only fires on page load hence it is not working with the ajax pagination you’re using.
You may want to speak with the developer of the ajax loader if they have a solution to refire the scripts on ajax load.
An alternative method is some simple CSS but it won’t work with touch enabled devices: