How to change cart logo on hover for hover summary

Hi please check the below.
I have the product grid design to hover summary.
I want to change the read more hover icon shown in the short gif below. The product currently has no price tag so the read button will show rather than the add to cart.
Please tell me how to achieve this?

https://gyazo.com/43ad7bd4353a39365c31ea5ef2e90f7a

Thank you!

Hello,

I have visited your website and watched the video you attached.

Sorry but there is no such option in Theme Settings to make the read more icons to add to cart.

If you want to ask anything else then provide some more relevant screenshot of the specific area with the URL of the page where you added to check it myself and help you out accordingly.

Best Regards.

I think you misunderstand me. I should of phrased the question more appropriately.
The gif https://gyazo.com/43ad7bd4353a39365c31ea5ef2e90f7a shown here is showing the read more button on a product and i currently have the product tab set as show summary on hover shown here https://gyazo.com/9fc992cbdcccb5c264bf775bc484582e I want to change the button icon from a cart icon to another icon with font awesome.

I’m simply asking how to change the button icon shown on hover shown here using css https://gyazo.com/6f2c8c87f3aa7d909eff6017454f8742?token=2203e8c4d5692d11a3536632f55a0a2a

Hello,

I saw the screenshots you attached and visited your website. The icon on my end is totally different from the icon mentioned in your screenshot.

Screenshot for Clarification: https://ibb.co/c6Nm5LR

Therefore to change it you can try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-add-btn-replace .add-to-cart-loop::before {
content: "\f019";
font-family: "fontawesome";
}

You can change the icon content according to your needs.

Best Regards.

Hi thank you however that code did not work as that code is for replacing the add to cart icon button. I do want to change the add to cart icon i want to change the read more button icon shown here https://gyazo.com/fa7f17c6e8f6e970f8eaa967769de801

As you can see this product is called product 2 shown here https://gyazo.com/fa7f17c6e8f6e970f8eaa967769de801

Product 2 does not have a price and therefore does not have an add to cart button Because the product is free and the value is set to $0.00. The add to cart button is replaced with the read more button which is woocommerce functionality. I do not wish to change the icon on the add to cart but only the read more button.

You can see here https://gyazo.com/9921cba8d3cecc42b812fede9e6217fc that when you click the button it will take you direct to the product page and not add to item to the cart as the item is not for sale and the value of the product is set to $0.00 hence why its a read more button and not an add to cart button.

I simply want to change the read more button icon on the show summary on hover https://gyazo.com/9fc992cbdcccb5c264bf775bc484582e

Hello,

I have revisited your website and the read more button you are talking about the icon is already changed.

Screenshot for Clarification: https://ibb.co/c6Nm5LR

Please provide me the exact URL where the icon is occuring to check it myself and help you out accordingly.

Best Regards.

Hi, sorry for the confusion. Im currently on a testng website. Please check link in private area thank you

Hello,

Exactly that was causing the confusion. Please try and add the following Custom CSS to change the icon in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-bottom-actions .add-to-cart-loop::before {
content: "\f123" !important;
font-family: woodmart-font;
}

Best Regards.

Hi that code did not work.

I amended the code and it worked.
Below code below worked.

.wd-bottom-actions .add-to-cart-loop::before {
content: “\f019” !important;
font-family: “fontawesome” !important;}

Hello,

We are Glad that you Resolved the issue by yourself. You are Great!!!

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts