Home › Forums › WoodMart support forum › Remove add to cart

Remove add to cart

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 30, 2022 at 10:01 am #400350

    ayari
    Participant

    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.
    August 30, 2022 at 2:19 pm #400434

    Luke Nielsen
    Keymaster

    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.
    August 30, 2022 at 2:44 pm #400446

    ayari
    Participant

    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.

    August 31, 2022 at 10:23 am #400608

    Luke Nielsen
    Keymaster

    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

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)