Issue with Hover Effect on Product Variations in Archive Page

This topic has 9 replies, 2 voices, and was last updated 1 weeks, 3 days ago ago by Tony Rodriguez

  • Avatar: Francesco
    Francesco
    Participant
    May 7, 2024 at 11:25

    Dear Support Team,

    I am writing to seek assistance with an issue I am encountering on my website using your theme. The problem occurs on the product archive page, where the hover effect is supposed to reveal the product variations. Unfortunately, the variations are not being displayed correctly when I hover over the products.

    For reference, I am looking to achieve the hover effect similar to what is demonstrated on this page: https://xstore.8theme.com/elementor2/spices/. The desired effect is where product variations are clearly displayed upon hovering.

    Could you please provide guidance on how to correct this display issue, or suggest any necessary adjustments or updates I need to apply to achieve this functionality?

    Thank you for your assistance.
    hoover effect on product

    Files is visible for topic creator and
    support staff only.
    8 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 7, 2024 at 13:04

    Hello, @Francesco,

    Thank you so much for purchasing our theme and contacting our support center.

    If you are looking to implement a hover effect similar to the one featured in our Spices demo, we have prepared a helpful video tutorial for you. Please view this video in the private content area for detailed guidance.

    We trust this resource will be beneficial to you. Should you require any further assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Content is visible for topic creator and
    support staff only.
    Avatar: Francesco
    Francesco
    Participant
    May 7, 2024 at 14:31

    Thank you for your quick response and for mentioning the video tutorial. Could you please provide me with the link to access this video in the private content area? I’m eager to view the tutorial and start implementing the changes.

    Additionally, I would like to reiterate my initial concern regarding the hover effect — the product variations are not displayed correctly when hovered over. Could you please advise on how to fix this specific issue as well?

    I appreciate your guidance and look forward to resolving these issues promptly.

    Thank you for your continued support.

    Best regards,
    Francesco

    Files is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 8, 2024 at 05:25

    Hello, @Francesco,

    Thank you for your response.

    1/ We have prepared a helpful video tutorial for you. Please view this video: https://www.veed.io/view/67c642b7-9b47-4e3c-93fe-585ce88c9667?panel=share

    2/ To guide you through the process, we recommend watching the XStore video titled ‘Variation Swatches | XStore theme:https://www.youtube.com/watch?v=LgzC4iK-j6A&t=5s -This video will provide you with a clear understanding of how to implement these features.

    We hope this helps. Should you require any further assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Avatar: Francesco
    Francesco
    Participant
    May 8, 2024 at 15:06

    Dear 8Theme Team,

    Thank you for providing the video tutorial. I have watched the video and followed the steps as instructed. However, I am still experiencing issues with the hover effect. Specifically, the dropdown for product variations does not appear, and the display format remains incorrect.

    Could you please provide further assistance or additional troubleshooting steps to resolve this issue?

    Thank you for your continued support.

    Best regards,
    Francesco

    Avatar: Francesco
    Francesco
    Participant
    May 8, 2024 at 15:07

    Also the add to cart button send to the product page and not add to cart the product

    Avatar: Francesco
    Francesco
    Participant
    May 8, 2024 at 15:14

    this is a video where you can see how is the hoover effect and the ADD TO CART button doesn’t work
    https://www.veed.io/view/aca3a872-bba0-4700-9c29-b101b21bf728?panel=share

    Avatar: Francesco
    Francesco
    Participant
    May 8, 2024 at 15:16

    In this video you can see that “ADD TO CART BUTTON” doesn’t work and hoover effect is incorrect
    https://www.veed.io/view/aca3a872-bba0-4700-9c29-b101b21bf728?panel=share

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 9, 2024 at 06:01

    Hello, @Francesco,

    Thank you for your response.

    In order to assist you with your inquiry, we request that you provide us with URL and temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.

    To do this, please follow these steps:
    – Create an account via Dashboard (Users > Add new) with administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
    – Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
    – Any email address can be used for the new account, it does not have to be your personal email.

    We kindly recommend that you take a complete backup of your site before proceeding.

    Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

    Kind Regards,
    8theme team

    Content is visible for topic creator and
    support staff only.
  • Viewing 9 results - 1 through 9 (of 9 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.