• Priority: 0
  • Status: Closed
  • Theme: Venedor
  • Assigned To: Marek
  • Private: No
  • Open Date: 19.01.19, 11:19
  • Opened by: jou tarrat
  • Closed by: Marek
  • Closed on: 25.01.19, 10:12
  • Reason: Closed
  • Comment: Glad to help!

Ticket #13570 - add to card button appears in some devices

Hi,

I sent you before a support message, but now, i see that the “add to cart” button on the poduct miniature only appears on mouse hover in my computer. that’s good. but in a tablet, the button appears always!!!! how to make that the tablet is the same as computer?

thanks

Comments

Marek 20 Jan 2019, 21:30
jou tarrat 20 Jan 2019, 22:57

I don’t understand this solution. I see in the picture you attach that the oppacity is 1 when hover, but in the tablet, the button appears always, and the “add to cart” button must appear ONLY when I touch, and that’s not what occurs.

So, i don’t understand your solution…

thanks

Marek 21 Jan 2019, 00:19

Ok, I’ll extend it.
- Open the file /themes/alysum/assets/css/theme.css
- find the line 2930
- remove property:

opacity:0;
jou tarrat 21 Jan 2019, 00:29

I have tested that before, but it does not work… If you want, you can test it yourself…
in my computer the “add to cart” button only appears on mouse over, but in my ipad, this button is always on, and does not allow to see the pictures well. I don’t know how to solve that!

Marek 21 Jan 2019, 00:32

I just did it for you http://take.ms/Evnvp

jou tarrat 22 Jan 2019, 21:29

in my ipad, i see the “quick view” and “add to cart” buttons on the image product miniature all the time… so i don’t see it is solved.

Marek 23 Jan 2019, 10:49

try this code, now it should work exactly like on desktop

body.touch .product-miniature .product-buttons {opacity:0}
body.touch .product-miniature:hover .product-buttons {opacity:1}
jou tarrat 25 Jan 2019, 10:08

Now works!

many thanks!