Return to previous page

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

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

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

11 Answers
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
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

Rose Tyler

Support staff

November 1, 2018 at 08:28

Please add the code in Global custom css area.

Regards

#202111 Copied

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

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

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

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

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

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

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

Rose Tyler

Support staff

November 14, 2018 at 08:02

Hello,

You’re welcome!

Regards

#203814 Copied
Viewing 12 results - 1 through 12 (of 12 total)