Skip Navigation

Home › Support › English Support › [Closed] WooCommerce Product Tabs & Button Translation

[Closed] WooCommerce Product Tabs & Button Translation

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Sun Mon Tue Wed Thu Fri Sat
9:00 – 18:00 9:00 – 18:00 9:00 – 18:00 9:00 – 18:00 9:00 – 18:00 - -
- - - - - - -

Supporter timezone: Africa/Cairo (GMT+03:00)

This topic contains 11 replies, has 2 voices.

Last updated by Osama Mersal 1 year, 5 months ago.

Assisted by: Osama Mersal.

Author Posts
November 30, 2023 at 3:25 am #14957371

Jasper

Tell us what you are trying to do?
Translate product info tabs and buttons on pages like hidden link and not sure where that is done
Is there any documentation that you are following?
https://wpml.org/documentation/related-projects/woocommerce-multilingual/
Is there a similar example that we can see?
hidden link where the tabs are still in English and not Dutch and buttons like buy now too (out of sight as it does not fit) . When I checked string translations buy now had been translated.. so either there is an issue or there is another element not done yet elsewhere. Could be in Woodmart layouts, but then I wonder why strings do not show up.
What is the link to your site?
coolenator.com

Screenshot 2023-11-30 at 10.30.41.png
Screenshot 2023-11-30 at 10.15.11.png
November 30, 2023 at 11:11 am #14961363

Osama Mersal
WPML Supporter since 02/2020

Languages: English (English ) Arabic (العربية )

Timezone: Africa/Cairo (GMT+03:00)

Hi,

Thanks for contacting WPML forums support. I'll be glad to help you today.

Please let me know if you use a custom template for products.

Also, please let me know how you change this string in the default language.

Best regards,
Osama
November 30, 2023 at 1:23 pm #14962961

Jasper

Hi Osama,

We use Elementor for a page like this product page hidden link and also we use Woodmart template layout at hidden link with Elementor. We translated Elementor stings for buy now and for the product tabs, but nothing changes. We did turn on WPML for layouts too now. But wondered how to proceed further.

Screenshot 2023-11-30 at 20.23.36.png
Screenshot 2023-11-30 at 20.23.14.png
Screenshot 2023-11-30 at 20.22.58.png
November 30, 2023 at 1:26 pm #14963077

Osama Mersal
WPML Supporter since 02/2020

Languages: English (English ) Arabic (العربية )

Timezone: Africa/Cairo (GMT+03:00)

Hi,

I would need to look closely at your site, so I would need to request temporary access (WP-Admin and FTP)
Preferably to a test site where the problem has been replicated.

Your answer will be private, meaning only you and I can access it.

❌ Please backup your database and website ❌

✙ I would need your permission to de-activate and re-activate the Plugins and the Theme and change configurations on the site. This is also a reason the backup is critical.

✙ I also need your permission to take a local copy of your site to debug the issue without affecting your live site.

Best regards,
Osama
November 30, 2023 at 1:50 pm #14963381

Jasper

FTP url is just domain without path nor prefix . Path is path you wind up at. Yes, you can make a local copy for testing purposes.
November 30, 2023 at 2:03 pm #14963499

Osama Mersal
WPML Supporter since 02/2020

Languages: English (English ) Arabic (العربية )

Timezone: Africa/Cairo (GMT+03:00)

Hi,

Thanks for the access details. You can find the "Buy now" string in String Translation under the "Woodmart" domain. (hidden link)

I translated the single product template. (hidden link)
Please check if the Dutch products appear correctly on the front end. (hidden link)

Best regards,
Osama
November 30, 2023 at 2:10 pm #14963531

Jasper

Thanks loads Osama. Only thing I think I need is to change "toevoegen aan winkelwagen" to "in winkelmand" because now it way too large and does not really fit.

Screenshot 2023-11-30 at 21.09.53.png
November 30, 2023 at 2:13 pm #14963601

Osama Mersal
WPML Supporter since 02/2020

Languages: English (English ) Arabic (العربية )

Timezone: Africa/Cairo (GMT+03:00)

Hi,

The cart button string can be found here. (hidden link)

I changed it's translation. Please check if it works correctly.

Best regards,
Osama
November 30, 2023 at 2:21 pm #14963705

Jasper

Working post cache removal. Only see price and quantity still in English as well. Do we do that in the Woodmart layout or somewhere else? WooCommerce should be translated completely already .

Screenshot 2023-11-30 at 21.20.59.png
November 30, 2023 at 2:37 pm #14964007

Osama Mersal
WPML Supporter since 02/2020

Languages: English (English ) Arabic (العربية )

Timezone: Africa/Cairo (GMT+03:00)

Hi,

This is a custom Elementor price widget, so you need to check if its strings are translatable. The default WooCommerce price string is translated correctly here. (hidden link)

Best regards,
Osama
December 2, 2023 at 5:57 am #14976667

Jasper

Hm, the add to cart and product price are both Elementor widgets. However when I checked the product price widget titles for PRICE and QUANTITY I realized the titles are added with CSS like
```
.elementor-element.elementor-element-1d4215d .quantity:before {
content: 'Quantity';
position: absolute;
top: -45px;
left: 0;
color: #718392;
font-size: 16px;
font-family: 'Manrope';
font-weight: 500;
line-height: 1.75;
text-transform: uppercase;
}
```

and

```
.elementor-element.elementor-element-9c9b3e7 .price:before {
content: 'PRICE';
display: block;
color: #718392;
font-size: 16px;
font-family: 'Manrope';
font-weight: 500;
line-height: 1.75;
}
```

So not sure how we can work with that. Looking at https://wpml.org/forums/topic/translating-css-pseudo-content-and-dropdown-content/ and some now. Also at some CSS option mentioned at https://wpml.org/forums/topic/need-to-translate-some-custom-css-code/ with something like
```
:lang(ar) .fga-text-over-image-hp-1 .et_pb_image_wrap:before {
content: "Arabic language string goes here." !important;
}
```
December 2, 2023 at 10:11 am #14977027

Osama Mersal
WPML Supporter since 02/2020

Languages: English (English ) Arabic (العربية )

Timezone: Africa/Cairo (GMT+03:00)

Hi,

Thanks for your update. You would need to add CSS snippets to your site, for example:

/*custom CSS for Price widget*/
.elementor-element.elementor-element-1d4215d .quantity:before :lang(nl){
content: 'Quantity NL';
}

Related documentation:
1) hidden link

2) hidden link

If the above code didn't work, please consult the theme/plugin that created this widget support team to consult them about the issue.

Best regards,
Osama

The topic ‘[Closed] WooCommerce Product Tabs & Button Translation’ is closed to new replies.