Return to previous page

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

This topic has 13 replies, 1 voice, and was last updated 1 weeks, 6 days ago ago by Tony Rodriguez

  • 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!

    #201948 Copied Theme version: latest WooCommerce version: latest
    12 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

    #201953 Copied
    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

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

    Please add the code in Global custom css area.

    Regards

    #202111 Copied
    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

    #202687 Copied Theme version: latest WooCommerce version: latest
    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

    #202764 Copied
    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.
    #202821 Copied Theme version: latest WooCommerce version: latest
    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

    #202844 Copied
    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.

    #202909 Copied Theme version: latest WooCommerce version: latest
    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

    #202919 Copied
    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

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

    Hello,

    You’re welcome!

    Regards

    #203814 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 6, 2025 at 15:17

    Dear Olga777,

    As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

    Click here to share your valuable perspective: https://themeforest.net/downloads

    Your time and trust are highly appreciated!

    Best Regards,
    The 8Theme Team

    #442989 Copied
  • Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘XStore – Quick View BUTTON on Mobile: Can it be on Hover Only’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Industrial Power Tools Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Meeting – WordPress 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.