Return to previous page

Product page – have hover on-click product images

This topic has 8 replies, 3 voices, and was last updated 10 years, 2 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.
    #49026 Copied
    7 Answers
    Avatar: Jimbo
    Jimbo
    Participant
    March 12, 2015 at 15:08

    Anyone available to answer this please?

    #49132 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    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.

    #49137 Copied
    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?

    #49142 Copied
    Avatar: Jimbo
    Jimbo
    Participant
    March 13, 2015 at 15:44

    Still waiting for a reply on this? hello

    #49421 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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

    #49874 Copied
    Avatar: Jimbo
    Jimbo
    Participant
    March 16, 2015 at 19:48

    Olga, thank you!

    Maybe include the opacity in a future theme options?

    #49977 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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

    #50205 Copied
  • 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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme

See All Templates

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