Remove options on hover
Hi,
On website www.jogodigital.com , at the homepage I have different modules.
On first one "TOP DE VENDAS" when you hover the product, this shows:
a) how can I remove from that type?
b) all the remaining store has this hover:
How can i remove from all store to show that hover?
I want simply people to click and open the product without these options.
c) product page: https://capture.dropbox.com/WutCNC5df3IHxHQk
Is there a way of adding a icon with hearth so people can add to wishlist near add to cart?
Comments
Hi,
1) Please go to Betheme -> Theme options -> Global -> Image frame, and set the style to Zoom or Disable it.
2) In Betheme -> Theme options -> Shop -> General, select to show wishlist button next to cart button.
Best regards
Ok. On product page I like it but it also adds here which looks bad: https://capture.dropbox.com/HD3UOCjuSeK0YaJc
You see the icon next to button and not nicely seen?
Can we hide from these kind of categories and lists and leave it only on product page?
It can be done with a custom CSS code.
Please send a link to your website, and I can help you writing that.
Thanks
Here you have:
https://www.jogodigital.com/categoria-produto/playstation-4/ps4-premium/
Desktop looks good, just not on mobile.
You can use this CSS code to move the wishlist icon to the bottom:
@media only screen and (max-width: 767px){ .woocommerce .products .product .mfn-li-product-row-button{ flex-direction: column; margin-right: 0!important; } }Or this one to hide it completely:
@media only screen and (max-width: 767px){ .woocommerce .products .product .mfn-li-product-row-button{ flex-direction: column; } .woocommerce .products .product .mfn-li-product-row-button .mfn-wish-button{ display: none!important; margin-right: 0!important; } }Best regards