[Resolved] Pagination & Display secondary image on hover problem

Home Forums Support [Resolved] Pagination & Display secondary image on hover problem

Home Forums Support Pagination & Display secondary image on hover problem

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #952667
    Rubén

    Hi,

    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.

    Could you help me with this Issue?

    Thanks in advance.

    #952775
    David
    Staff
    Customer Support

    Hi there,

    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:

    .wc-has-gallery:hover .secondary-image {
        opacity: 1;
    }
    #953657
    Rubén

    Thank you David.

    The CSS method is enough for the project and works fine 😀

    #953891
    David
    Staff
    Customer Support

    Glad to be of help

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.