Product page – have hover on-click product images

This topic has 8 replies, 3 voices, and was last updated 9 years, 8 months ago ago by Olga Barlow

  • Avatar: Jimbo
    Jimbo
    Participant
    March 12, 2015 at 11:58

    Hi,

    On my products page I have a list of items for sale, currently there is no way to have a hover effect unless going through the theme options and selecting mask with information.

    For me though this removes the title of the product and add to cart button, this is not good.

    Is there way to have the hover effect and keep the product title and add to cart button below the image?

    I find when using the iPad (mobile devices) it would best to have a hover effect when selecting an item if clicking on the product image.

    Thanks in advance.

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Jimbo
    Jimbo
    Participant
    March 12, 2015 at 15:08

    Anyone available to answer this please?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 12, 2015 at 15:31

    Hello,

    To make information shown on iPad you need tap a product for a second and the info will appear.
    Unfortunately there is no possibility to show one more title when “Mask with Information” effect is activated.

    Regards,
    Eva Kemp.

    Avatar: Jimbo
    Jimbo
    Participant
    March 12, 2015 at 15:47

    Not even have hover on the image, can it not be added to custom css ?

    Just so the image has opacity?

    Avatar: Jimbo
    Jimbo
    Participant
    March 13, 2015 at 15:44

    Still waiting for a reply on this? hello

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 16, 2015 at 14:47

    Hello,

    At present there are 3 types of hover effect in our theme:
    – Swap image (you need to upload product hover image)
    – Image Slider (if you have a product gallery)
    – Mask with information

    If you want to have just opacity you can add it

    .content-product .product-content-image:hover {
      opacity: 0.7;
    }

    Regards

    Avatar: Jimbo
    Jimbo
    Participant
    March 16, 2015 at 19:48

    Olga, thank you!

    Maybe include the opacity in a future theme options?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 17, 2015 at 15:21

    Hello,

    We took into account your proposition and maybe we’ll add such type of hover.

    Regards,
    Olga Barlow

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

The issue related to '‘Product page – have hover on-click product images’' has been successfully resolved, and the topic is now closed for further responses

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