Quick view option is not showing on mobile and also the place of cart and wishlist wrongly updated

This topic has 23 replies, 3 voices, and was last updated 4 weeks, 1 days ago ago by Rose Tyler

  • Avatar: shopsangam
    nitin kumar
    Participant
    June 21, 2024 at 16:09

    Hi team,

    i am sharing the video for error for better understanding .

    issue is quick view option is not showing on mobile and Wishlist and cart place updated wrongly.

    pls fixed it soon

    Files is visible for topic creator and
    support staff only.
    22 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 22, 2024 at 07:01

    Hello Shopsangam,

    Thank you for reaching out to us.

    Please provide FTP access.
    For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please reach out to your hosting provider who will guide you through the process.

    Best Regards,
    8Theme’s Team

    Avatar: shopsangam
    nitin kumar
    Participant
    June 22, 2024 at 07:31

    HI Team,

    i can not share passwords with every topic and every one .

    necessary credentials already has been shared with the on going topic
    ” After paying by customer they are getting 404 error”

    discuss with your colleague and fixed this issue

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 23, 2024 at 09:55

    Hello Shopsangam,

    Thank you for reaching out to us. We would like to inform you that our specialist will respond to your inquiry after the weekend. Thank you for your patience and understanding.

    Best Regards,
    8Theme’s Team

    Avatar: shopsangam
    nitin kumar
    Participant
    June 24, 2024 at 06:09

    hi team,

    as you mention your last reply to wait. i did. so now pls fixed the issue at most top priority

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 24, 2024 at 07:14

    Dear @shopsangam,

    We hope this message finds you well.

    We would like to inform you that by default, the Quick View element is configured to be hidden on mobile devices when it appears after the third element to prevent overlapping. However, to accommodate your specific requirements, we have implemented a custom CSS solution to ensure that the Quick View element remains visible on all devices.

    Please find the custom CSS code we applied below:

    body .template-content .page-wrapper .etheme-product-hover-mask3 .footer-inner>.show-quickly {
        display: inline-flex;
    }

    You can view the changes here: https://prnt.sc/c0Y5mb22c2KG

    Should you have any further questions or require additional assistance, please do not hesitate to contact us.

    Best Regards,
    Jack Richardson
    The 8Theme Team

    Avatar: shopsangam
    nitin kumar
    Participant
    June 24, 2024 at 07:46

    Hello sir,

    Plz see the video for better understanding . Quick view enable with wrong option and for others option its also disabled.

    Avatar: shopsangam
    nitin kumar
    Participant
    June 24, 2024 at 07:59

    Hello sir,

    Plz see the video for better understanding . Quick view enable with wrong option and for others option its also disabled.

    Avatar: shopsangam
    nitin kumar
    Participant
    June 24, 2024 at 08:01

    video

    Avatar: shopsangam
    nitin kumar
    Participant
    June 24, 2024 at 08:06

    I try many times to upload a video for demonstration the issue . but could not be upload.

    so i am try to explain by words.

    kindly visit the hover effect section and check the option.

    Qucik view option seeing for wrong option for hover effect and for others option in hover effect it is still is not showig . plz check it again

    pls not that it start after updating the theme.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 24, 2024 at 09:48

    Dear @shopsangam,

    We have successfully implemented a global enhancement specifically for mobile devices that optimizes the display layout and addresses any overlapping issues with hover effects. Should you prefer to maintain the same hover effect as seen on the desktop version, we recommend adding the following custom CSS to your site:

    Navigate to Theme Options -> Theme Custom CSS -> Global CSS, and insert:

    body[data-elementor-device-mode=mobile] .etheme-product-hover-mask3 footer {
        right: auto;
        bottom: 50%;
        width: 100%;
        transform: translateY(50%);
    }
    
    body[data-elementor-device-mode=mobile] .etheme-product-hover-mask3 .footer-inner {
        width: 100%;
        grid-auto-flow: dense;
        --items-gap: 10px;
        --hover-item-border-radius: 50%;
    }

    Please note that our testing across various themes with similar hover effects on different devices has shown that most themes standardize hover effects on mobile devices to one or two styles, regardless of the desktop version. This approach generally meets the visual needs effectively.

    Should you have any further questions or require additional assistance, please do not hesitate to contact us.

    Best Regards,
    Jack Richardson
    The 8Theme Team

    Avatar: shopsangam
    nitin kumar
    Participant
    June 24, 2024 at 10:34

    hi team,

    i have n issue with your implementation a global enhancement specifically for mobile devices that optimizes the display layout and addresses any overlapping issues with hover effects.

    But at least it should reflect where customer want either in middle or in right or in bottom.

    i am sorry but i have to say this you are working on to closed the topic not for working addressing the issue.

    why you gys not checking option properly. just see the video in which i try to chooses different place to reflecting but it reflecting only the right side.

    once again requested kindly see it carefully and fixed by more carefully.

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 24, 2024 at 12:55

    Dear @shopsangam,

    We hope this message finds you well. We are pleased to inform you that we have suggestion a solution to maintain the same hover effect for your products across desktop devices. Currently, our configuration does not support different hover effects for various devices.

    Should you require further customization to meet your specific needs, we invite you to submit a request through our customization panel. Please follow this link to proceed: https://www.8theme.com/account/#etheme_customization_panel.

    Thank you for choosing our services. We look forward to assisting you further.

    Best Regards,
    Jack Richardson
    The 8Theme Team

    Avatar: shopsangam
    nitin kumar
    Participant
    June 24, 2024 at 13:10

    for regarding the hover effects , the middle option not working pls see it plsss.

    i am saying that the place of hover effect is not properly reflecting .pls see it at least what i am saying.

    if you want the hover effect show in middle you cant do it. share if you disconnect this option.

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 24, 2024 at 15:13

    Dear @shopsangam,

    We hope this message finds you well.

    We are writing to provide you with a visual demonstration of the correct implementation of product hover effects. Please find attached a video that showcases an example of the hover effects in action: https://we.tl/t-Ume6ZK06a2. The video illustrates the conversion of the ‘middle hover type’ to the ‘right hover type’ on a mobile device.

    Should you prefer to maintain the ‘middle hover type’ on mobile devices, we kindly refer you to the solution we previously outlined for you. You can review the details at the following link: https://www.8theme.com/topic/quick-view-option-is-not-showing-on-mobile-and-also-the-place-of-cart-and-wishlist-wrongly-updated/#post-401190.

    For your reference, here are screenshots demonstrating the hover effect before and after adding custom CSS:
    – Before: https://prnt.sc/gQXGeVWTM6wN
    – After: https://prnt.sc/mrhNiSKT2tfI

    Should you require further assistance or have any questions, please do not hesitate to contact us.

    Best Regards,
    Jack Richardson
    8Theme’s Team

    Avatar: shopsangam
    nitin kumar
    Participant
    June 24, 2024 at 16:14

    as you guided i did the same but in spite of two option are seeing.

    sharing with a wp credential so that you can check yourself.

    pls check one product page too when i try to edit nothing are visible . so plz correct itas well

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 25, 2024 at 07:51

    Dear @shopsangam,

    I hope this message finds you well. We have encountered a recurring issue where the temporary access credentials provided for the wp-admin login are non-static, which unfortunately prevents us from logging into your website.

    To facilitate uninterrupted access and ensure efficient collaboration, we kindly recommend configuring static login credentials. Specifically, we recommend you to try next solution by setting the static product by name utilizing the Single Product Page Builder, as detailed here: https://prnt.sc/8h9YBll5UxMr.

    We appreciate your attention to this matter and look forward to a swift resolution.

    Best Regards,
    Jack Richardson
    The 8Theme Team

    Avatar: shopsangam
    nitin kumar
    Participant
    June 25, 2024 at 08:30

    Actually the link was expired now you can check by this link or previous link both are active

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 25, 2024 at 09:02

    Dear @shopsangam,

    I hope this message finds you well. We would like to bring to your attention that we have previously provided a detailed solution to your query. However, it appears that our responses may not have been reviewed on your end. We are concerned that this might lead to inefficiencies, as our support team is investing time in both explaining and implementing the solution.

    To illustrate the effectiveness of the previously proposed solution, we have set up a static product, and the preview results are displayed as expected. You can view the results here: https://prnt.sc/XJGD99Y5TFXF.

    We kindly request that you review the provided solution and get back to us with any further questions or confirmations at your earliest convenience. This will help us serve you better and ensure that our efforts are aligned with your needs.

    Thank you for your attention to this matter.

    Best Regards,
    Jack Richardson
    The 8Theme Team

    Avatar: shopsangam
    nitin kumar
    Participant
    June 25, 2024 at 09:26

    hello sir,

    it is not true the i don’t try to implement the solution you provide. sometimes we don’t understand that how can be applied so its is requested that don’t us as an expert.

    Even i want that i could understand the things self so that i can correct them in future .

    bdw thank you its correct now.

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 25, 2024 at 10:36

    Dear @shopsangam,

    We are pleased to inform you that we have successfully implemented the custom CSS you requested, as detailed in one of our previous responses [https://www.8theme.com/topic/quick-view-option-is-not-showing-on-mobile-and-also-the-place-of-cart-and-wishlist-wrongly-updated/#post-401145]. This modification was made to enhance the visibility of the Quick View element on your product hover displays.

    You can review the implementation details via the following link: https://prnt.sc/CXrd7pUN3hCU.

    For your reference, here are the screenshots illustrating the changes:
    – Before the update: https://prnt.sc/C5Oi6rPVEg-G
    – After the update: https://prnt.sc/NMGs03m43WRl

    Best Regards,
    Jack Richardson
    The 8Theme Team

    Avatar: shopsangam
    nitin kumar
    Participant
    June 25, 2024 at 10:51

    thank you its working now 😊

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 25, 2024 at 14:07

    Dear @shopsangam,

    You’re welcome!

    Best Regards,
    8Theme’s Team

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

The issue related to '‘quick view option is not showing on mobile and also the place of cart and wishlist wrongly updated’' has been successfully resolved, and the topic is now closed for further responses

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