Home Forums WoodMart support forum Request for Assistance to Disable Cart Feature on “Read More” Button Hover

Request for Assistance to Disable Cart Feature on “Read More” Button Hover

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #590160

    DJLS1997
    Participant

    Dear WoodMart Support Team,

    I hope this message finds you well. I am reaching out for support regarding my website hosted at miliquest.braindotmedia.com. The website is not set up for e-commerce purposes, and I am looking to modify the functionality of the “Read More” button that currently displays a cart icon upon hovering.

    I would like to retain the “Read More” button but disable the hover effect that suggests adding items to a cart. Could you please advise if there is a way to disable this specific feature, either directly through theme settings or via custom CSS? Any guidance on how to implement this change would be greatly appreciated.

    Thank you for your assistance. I look forward to your prompt response and solution to enhance the user experience on our website.

    #590286

    Hung Pham
    Keymaster

    Hi DJLS1997,

    Thanks for reaching to us.

    To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

    Regards,

    #590426

    DJLS1997
    Participant

    The first screenshot on blue text I want that but when I hover on it you could see cart icon in the second screenshot.
    But since it’s not an ecommerce site, I don’t want this function. So how do I disable this ?

    Attachments:
    You must be logged in to view attached files.
    #590558

    Hung Pham
    Keymaster

    Hi DJLS1997,

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .wd-add-btn-replace a.add-to-cart-loop:hover span{
    	transform: none;
    }
    
    .wd-product.wd-hover-standard div.wd-add-btn>a:hover,
    .wd-add-btn-replace a.add-to-cart-loop:hover span{
    	background-color: var(--btn-accented-bgcolor);
    }
    
    .wd-add-btn-replace a.add-to-cart-loop:hover:before{
    	transform: translateY(100%);
    }

    Regards,

    #590581

    DJLS1997
    Participant

    Thanks for the help!

    #590721

    DJLS1997
    Participant

    Now if I want to change the button text to View Product instead of read more. How do I do that ?

    #590749

    Hung Pham
    Keymaster

    Hi DJLS1997,

    + In order to change / translate words. Please make sure you synced the strings first before changing / translating WooCommerce, WoodMart Core plugins and WoodMart theme. You can refer to article

    https://xtemos.com/docs-topic/theme-translation/

    + You are also need to select the language for the backend and theme settings for admin from the admin user profile, please edit the user’s profile and then select the language for that user it will show the same on the backend.

    Regards,

    #591400

    DJLS1997
    Participant

    No. What I meant is, I want to show view product instead of read more on those product grid for each product.
    It has nothing to do with translation. So help me understand how do I change the button text for products.

    #591407

    Hung Pham
    Keymaster

    Hi DJLS1997,

    Yes, you can use Loco Translate to change text as well.

    Regards,

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