Remove add to cart

I want to remove the shopping cart hover in the add to cart button. I only want the user to see the ‘Read more’ button. I found that through inspect element that if i remove add-to-cart-loop part from the html code that i doesn’t show. But if i add that to the custom css the whole button including ‘Read more’ is gone. I want people still offer the option to go to the product page through the ‘Read more’ button.

Attachments:

You must be logged in to view attached files.

[Luke Nielsen]

Hello,

The below code will help you show only the “Read more” text when you hover the button, enter it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.product-grid-item .wd-add-btn-replace .add-to-cart-loop:before {
    content: " ";
}

.product-grid-item .wd-add-btn-replace .add-to-cart-loop:hover span {
    transform: unset;
    background-color: #C30811;
    transition: all 0.2s linear;
}

If you ever need to reach out to me, please do not hesitate to do so.

Kind Regards

• This reply was modified 2 years, 6 months ago by Luke Nielsen.

At first, many thanks. That works perfectly. The only question I still have is how do I set a hover background color to the button? So when you hover over the button the color changes a few tints darker.

Great support guys.

Hello,

I have edited the above code so now it changes hover as well.

https://gyazo.com/8f079299754a564e3c54233e3fb319ed

Don’t hesitate to let me know if you need further help or other info.

Kind Regards

[Author]

Posts