Odd Image Problem On The Single Product Page

This topic has 8 replies, 3 voices, and was last updated 1 years, 3 months ago ago by Rose Tyler

  • Avatar: Jay545452
    Jay545452
    Participant
    February 5, 2023 at 22:17

    Hi,

    Can you tell me whats going on with the image, when I hover my mouse over the image it enlarges, which is what I want but the background image is still there and it all just looks weird

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 6, 2023 at 08:25

    Hello @Jay545452,

    Thank you for your inquiry. We would like to explain that the single product image and the zoom image are two different elements. Unfortunately, our theme does not have the option to set the background of the single product main and zoom image as transparent. However, you can try using the following custom CSS code:

    .zoom-on .main-images a.zoom, .zoom-on .main-images img.zoomImg {
        background: transparent !important;
    }

    Please note that this code will only work for the zoom images, not for the main images behind the zoom image. This is because the main image is over the page background, so it is adapting the page background color, which is not transparent. If you change the page background color to transparent, it will also apply to the main image.

    We hope this clarifies the matter. Further changes may require extra customization.

    Best Regards,
    8Theme’s Team.

    Avatar: Jay545452
    Jay545452
    Participant
    February 6, 2023 at 18:12

    Hi,

    Thanks for replying but no thats not what I meant, I dont want it to be transparent.

    If you have 2 images in the gallery like in the link I provided, if you use zoom on one of the images you can see the image behind it, if I removed one of those images so just had the featured image and then used zoom it doesn’t happen.

    Your are welcome to add and remove gallery images from the link above in the private area to see what I am on about. I don’t believe its acting the way it should be

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 7, 2023 at 08:28

    Hello, Jay545452

    What browser do you use?

    You uploaded png images with transparent background.

    Sorry, but your request is a bit unclear to us.

    Did you add the custom code? Please delete the code then record a video or provide new screenshots and describe the desired result in more detail.
    Thanks in advance.

    Best Regards,
    8Themes Team

    Avatar: Jay545452
    Jay545452
    Participant
    February 7, 2023 at 11:14

    I am not too sure what is happening as it is not doing it now. Will get back to you once I have found out whats happening

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 7, 2023 at 11:27

    Hello,

    I’ve added custom CSS code:

    .zoom-on .main-images a.zoom, .zoom-on .main-images img.zoomImg {
        background: white !important;
    }

    Best Regards,
    8Themes Team

    Avatar: Jay545452
    Jay545452
    Participant
    February 7, 2023 at 12:15

    Ah thats great thank you 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 7, 2023 at 13:26

    You’re welcome!

    Best Regards,
    8Themes Team

  • Viewing 8 results - 1 through 8 (of 8 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.