• Resolved Instante Net

    (@instantenet)


    Hi guys!
    It´s possible with a Custom CSS code to have allways visible the Add to cart icon and hide the product preview icon (Quick view icon), now this 2 icons appear on hover. I need allways visible the add to card icon only. Remove hover action.

    Send the website url:
    Thanks a lot.

    • This topic was modified 4 years, 7 months ago by Jan Dembowski. Reason: Don't use short links here

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    @instantenet Don’t use short links here, they have been abused in the past and are expanded when found. I have expanded yours.

    Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there,

    Taking a quick look at the CSS in the browser inspector, it looks like this should make it so the Add to Cart icon is always showing, and Quick View is hidden:

    
    .xs-single-product .product-item-meta {
      margin-top: 20px;
      opacity: 1;
      top: -15px;  
    }
    
    .product-item-meta li:nth-of-type(2){
      display:none;
    }
    

    You can add that to the “Additional CSS” section of your Customizer (Appearance > Customize).

    Please note, all of that styling and layout is coming from your custom theme and is not part of the core WooCommerce plugin. For any further help with that, please reach out to your theme developers.

    I hope that helps!

    Thread Starter Instante Net

    (@instantenet)

    Thanks a lot Kelly!
    works great!!
    Can you help me with one more please, i need now to put the shop icon to the right of the price its possible? send screenshot
    https://snipboard.io/6Kxfuw.jpg

    Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there,

    Thanks a lot Kelly!
    works great!!

    Glad to hear that did the trick! : )

    Can you help me with one more please, i need now to put the shop icon to the right of the price its possible?

    Changing the order of the elements like that would be a bit trickier, and would need more than a short CSS snippet to accomplish. The best way to do that would be to override the template file for that section and customize it. We have info about overriding template files here:
    https://docs.woocommerce.com/document/template-structure/

    Alternatively, your theme dev might be able to provide you with a PHP snippet to remove that button from the page and re-add it in the spot you want. I would recommend reaching out to them to ask about that.

    Best of luck!

    Thread Starter Instante Net

    (@instantenet)

    Hi Kelly!
    The theme dev tell me is out of the scope.

    Thanks a lot!!

    Thread Starter Instante Net

    (@instantenet)

    Thanks for the help!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Add to cart icon ever visible & hide product preview icon’ is closed to new replies.