Return to previous page

Prod img swap mode problem with png - by Valeria

This topic has 2 replies, 2 voices, and was last updated 4 years ago ago by Rose Tyler

  • Avatar: Valeria
    Valeria
    Participant
    January 28, 2021 at 22:54

    Hope you can help me: my product images are PNG – in swap mode (on hover) i see the second image covering the starting image .. there is a way to – on hover – display:none or opacity :0 the back image ….or anything you suggest …tnx very much – https://prnt.sc/xrx0oo

    #270955 Copied Theme version: 7.2.3 WooCommerce version: 4.8
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 29, 2021 at 09:03

    Hello,

    You can use the next custom CSS code:

    .content-product img {
    transition: all .3s;
}
.content-product:hover .image-swap ~ img {
    opacity: 0;
    visibility: hidden;
}

    Regards

    #270993 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘prod img swap mode problem with png’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – 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.