edit button content

I want to edit the content of the button ”buy now” to Vietnamese because currently the button ‘add to cart’ is showing Vietnamese and the button ‘buy now’ is showing English.

And I want to edit the content written in these 2 buttons, where to edit it.

And I want to display these 2 buttons on the computer like on mobile, the first line includes the button to increase or decrease the quantity of products and the button to add to cart, below is the button to buy now with the same size as the button to add or subtract the quantity of products + the button to add to cart

Please guide me how to do it, thank you

Attachments:

You must be logged in to view attached files.

Hello,

1. To translate the button, Please use the Loco translate plugin on your site. After installing the plugin please Navigate to Loco >> Themes >> Woodmart >> Edit the translation which you are using for the site >> Click the Sync button >> Find the words and add the translation for them and save it.

Also, please Navigate to Loco >> Plugins >> Woocommerce >> Edit the translation which you are using for the site >> Click the Sync button >> Find the words and add the translation for them and save it.

Also, please Navigate to Loco >> Plugins >> Woodmart-Core >> Edit the translation which you are using for the site >> Click the Sync button >> Find the words and add the translation for them and save it.

https://wordpress.org/plugins/loco-translate/

2. To set the Button layout like mobile, please share the site page URL then I will give you the custom CSS code to set the button as you want.

Best Regards.

I am posting my website url below

Hello,

2. Please try to use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Desktop CSS section:

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled button#wd-add-to-cart {
    width: 100%;
}

Best Regards.

Currently, only on medium and large sized phone devices and on large sized laptops do we have the display style we want (I have attached a picture with captions inside).

I see that there are still some phone, tablet and desktop display ratios that are not as I expected (I have attached a screenshot below). Please help me how to present according to the following criteria:

– Place the add/subtract product quantity button and add to cart button on the same line.

– Place the buy button right below and have a width equal to the total width of the two buttons above.

– This design must be consistent across all devices and all screen ratios

Best Regards.

Attachments:

You must be logged in to view attached files.

Hello,

Please check it now, I have adjusted the custom CSS code in the theme settings. Please check it now.

Best Regards.

[Author]

Posts