Home › Forums › WoodMart support forum › edit button content

edit button content

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 6, 2024 at 8:22 am #619929

    dhndigitalmarketing
    Participant

    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.
    December 6, 2024 at 4:54 pm #620218

    Aizaz Imtiaz Awan
    Keymaster

    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.

    December 9, 2024 at 2:19 pm #620807

    dhndigitalmarketing
    Participant

    I am posting my website url below

    December 9, 2024 at 6:51 pm #620969

    Aizaz Imtiaz Awan
    Keymaster

    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.

    December 11, 2024 at 8:08 am #621423

    dhndigitalmarketing
    Participant

    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.
    December 11, 2024 at 5:54 pm #621661

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

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

    Best Regards.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)