Quick buy mobile

Hi there,

Can we turn off the quick buy option on mobile? Client is finding it very sensitive. Great on desktop.

Also the search drop down is proving very sensitive, is there a way of once opened it stays open until you search?

Thanks

W

Hello,

Unfortunately, there are no options for that. “Quick Shop” for variable products is set for all devices and can’t be disabled for some particular devices only. It is not possible to achieve with custom CSS coding as well.

The search drop-down is opened on mouse hover and closed when the mouse is taken away. There are no options to change either this.

Best Regards

See PC

We can give you a code to hide the “add to cart” button if the quick shop function is not good for you.

As for the search, it is how the browser works in general, what exactly can we do here? What do you mean by less sensitive?

The client just needs the QuickBuy/Add to cart to disappear on mobile. Is it possible to have the quickbuy disappear on devices with a specific snmall screen size so covering mobiles for example.

Also the search, the client says they are finding it difficult, as it often disappears on the slightest movement. They were hoping it could stay open and you either have to click to close or won’t disappear until you have actioned a search?

Any help would be much great!!!! Were close to launching and the client is desperate to get these issues ironed out.

We really appreciate any help you can give!!!!!

Try to add the following code snippet to the Custom CSS area for mobile devices only in Theme Settings

.woodmart-add-btn {
	display: none;
}

And try to use full screen search in Theme Settings -> Header -> Search.

Great thanks for that.

Can we stop the product actually popping up with the information – weight/dimensions etc as you scroll on mobile. so the only action when you click the image is it takes you to the product page.

Try to add the following code snippet to the Custom JS area in Theme Settings to do this

if( jQuery(window).width() <= 1024 ) {
   jQuery('.woodmart-hover-base').unbind('click');
}

Hi Artem,

I did this in the global JS and it seemed to stop most of the images appearing on the front page?

I removed and it came back?

Could you please add it back so we can test in your website and see why it doesn’t work?

I’ve done that now.

Please, disable all optimizations plugin to see it.

So this can’t be achieved with optimisation in place?

We can’t say right now. Currently, we see some syntax error in optimized JS files. That is why you need to disable it first, to understand which file causes this error.

Hi there,

I’ve turned the optimisation off and dropped in the code. The boxes with weight | dimensions etc are still popping up on scroll on mobile?

Try to add the following code snippet to the Custom CSS area in Theme Settings

div.woodmart-hover-base.hover-ready.state-hover, 
div.woodmart-hover-base.hover-ready:hover {
  -webkit-transform: none;
  transform: none;
}

div.woodmart-hover-base .content-product-imagin,
.woodmart-hover-base .fade-in-block {
   display:none;
}

Perfect, thanks for all your help!

Great, you are welcome!

Brilliant customer service – as always.

Thank you 🙂

[Author]

Posts