XStore – Quick View BUTTON on Mobile: Can it be on Hover Only

This topic has 12 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

  • Avatar: Olga777
    Olga777
    Participant
    October 29, 2018 at 22:37

    Hi there,

    Need you help. How to make the QUICK VIEW Button on MOBILE to be displayed only on hover? Currently, I guess by default it is displayed on all products on Shop pages, it is impossible to see the actual product as it blocks them.

    Please help!

    Thank you!

    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2018 at 07:47

    Hello,

    Please try to add this code in Theme Options > Custom css:

    @media only screen and (max-width: 768px) {
        .content-product .footer-product {
            opacity: 0;
        }
    }

    Regards

    Avatar: Olga777
    Olga777
    Participant
    October 31, 2018 at 22:14

    Thank you, Rose! Which section I put it in? There are 5 different sections for Custom.css under Theme Option: Global, Desktop, Tablet, Mobile (landscape) and Mobile. Which one should I out this code in?

    Thank you for you help!

    Olga

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 1, 2018 at 08:28

    Please add the code in Global custom css area.

    Regards

    Avatar: Olga777
    Olga777
    Participant
    November 8, 2018 at 17:55

    Hi Rose,

    We have tried to put the code in Global CSS and it shows Error, as well as it does not change anything on mobile Quick View Button – same problem.

    Please help us in resolving it!

    Let us know if you need access to admin. Thank you!

    Olga

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 9, 2018 at 10:29

    Hello,

    What error? Please provide temporary wp-admin access so I can take a closer look.
    If the custom css code doesn’t work, try to move “Hover buttons on mobile” to “Disable” area in Theme Options > Shop > Products style > Product content elements.

    Regards

    Avatar: Olga777
    Olga777
    Participant
    November 9, 2018 at 19:21

    Hi Rose, Tried to disable Hover Over on Mobile, but there is no change.

    I’m providing the admin access in Private area.

    Please note, there is already some custom css code added by Olga in your team (due to the problem with images on shop page) – this code MUST stay in.

    Thank you!

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 12, 2018 at 08:18

    Hello,

    Sorry for the delay due to the weekends.
    I’ve added custom css code http://prntscr.com/lh8jwi Please clear cache and check products.

    Regards

    Avatar: Olga777
    Olga777
    Participant
    November 13, 2018 at 01:07

    Hi Rose,

    Thank you very much for getting back to us. Yet, we do not see that the problem is resolved.

    Please see the attached MOBILE QUICK VIEW BUTTON PROBLEM
    May be I was not clear enough: the problem is that the Quick View Button on MOBILE displayed by default, but not upon the Hover Over Action. Due to this, Quick View button often blocks the product photo (not able to see the product on shop page), depending on the size on the product photo.

    Could you please help us with this? This is a very big problem.

    Thank you for your support.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 13, 2018 at 09:24

    Hello,

    Have you cleared cache? It looks fine, for me – https://prnt.sc/lhpid9 Try to check from another device to be sure that cache doesn’t affect it.

    Regards

    Avatar: Olga777
    Olga777
    Participant
    November 14, 2018 at 00:05

    Hi Rose, Yes, it does look fine after the cache is cleared on mobile.

    Thank you very much for helping out!

    Olga

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 14, 2018 at 08:02

    Hello,

    You’re welcome!

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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