How to change the product image hover overlay

This topic has 4 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Robert Hall

  • Avatar: KC
    KC
    Participant
    September 30, 2015 at 18:34

    Hopefully you can help!

    Presently, when you scroll over a product item in the /shop/ page, an overlay with the heart and magnifying glass appears in the bottom corner. How can I change this overlay to show the name of the item and the price (in the centre of the image) when you scroll over instead?

    Thanks!

    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    October 1, 2015 at 08:09

    Hello,

    Go to 8Theme Options > E-Commerce > Product Image Hover, select “Mask with Information”.

    Regards,
    Eva Kemp.

    Avatar: KC
    KC
    Participant
    October 5, 2015 at 19:29

    Thanks Eva!

    Any way to center/format this popup?
    What code modifications would be required, and to what file?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 5, 2015 at 19:43

    Hello,

    Please provide us with link to the page.

    Regards,
    Robert Hall.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.