Add to basket text change / to icon on desktop page

Hello,
I want to change the text on desktop page of add to basket button, to be same like is on hover or on mobile page just icon of the basket.

Attachments:

You must be logged in to view attached files.

Hello,

You can translate/rewrite all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

Please check the video tutorial to see how to save the translation file correctly. You can remove the plugin and translations would remain. Also, translations would remain after each theme update.

In order to translate the WooCommerce strings, you need to create a separate translation in Loco > Plugins > WooCommerce in the same way as shown in the video.

Best Regards

Sorry but not helpfull, I allerdy read how to translate and its not issue with translation,
I just want to use

content: “\f123”;
font-family: “woodmart-font”;

If I am right this is the icon from the “basket” – I don’t want to translate I just want on mobile and desktop the same icon that is present.

Without text – pretty much same behavior like is on mobile page i want for entire page.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

When you open homepage (desktop) version – the buttons on home page desktop are Add to cart // when you scale the site or open on mobile, at some point the text add to cart just becomed even without (hover) just the ICON for the cart.
Or if you open homepage (on cellphone) mobile page, the writing on the button is ICON (only)
Shop basket – icon

Hello,

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

body .wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    content: "\f123";
    font-family: "woodmart-font";
}

Best Regards

Hello, added the code as you suggested (the code is still on site, but nothing happens)
On desktop page is still writen the entire text on button, and on mobile it is the same as it was before css update.

[Bogdan Donovan]

Hello,

Please provide the page URL, I cannot catch the issue: [video]

Best Regards

• This reply was modified 9 months, 3 weeks ago by Bogdan Donovan.

Please, I want icons on desktop version mobile was fine as it was!
So check the desktop version…

Hello,

Please replace the code with this one:

body .wd-add-btn-replace .add-to-cart-loop:before {
	transform: translateY(0) translateZ(0);
}

body .wd-add-btn-replace .add-to-cart-loop span {
  transform: translateY(-100%) translateZ(0);
}

If you have any questions please feel free to contact us.

Best Regards

thank you its working.
Could you help me scale the images from “heart” wishlist.

And could you help me increase the size of tap icons.

Hello,

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

@media (max-width: 1024px) {
body .wd-buttons .wd-action-btn > a {
		width: 48px;
    height: 48px;
}
body .wd-buttons .wd-action-btn>a:after, 
body .wd-buttons .wd-action-btn>a:before {
		font-size: 20px;
}
}

Best Regards

[Author]

Posts