Translate WooCommerce Product Table using TranslatePress
TranslatePress makes it really easy to translate WooCommerce Product Table in multiple languages. You can use it to build a multilingual WooCommerce Product Table directly from the front-end, using an intuitive visual translation interface.
The plugins you’ll need:
Translating WooCommerce Product Table with TranslatePress
Below we’ll go through the simple steps required to fully translate your WooCommerce Product Table.
1. Install and activate TranslatePress
Simply go to Plugins → Add New and type in “TranslatePress” in the search form. Then select, install and activate it just like any other plugin.
2. Choose the translation languages
Once the plugin is activated, go to Settings > TranslatePress to set up the plugin.
The first thing you’ll notice is the translation languages you want to make your WooCommerce Product Table available in.
English is our default language, and we’ll also add “Spanish” for this tutorial.
You also have the option to set up automatic translation via Google Translate, customize the language switcher and more.
Hit “Save Changes” and you’re done.
3. Create your WooCommerce Product Table
4. Translate WooCommerce Product Table contents
We’re ready to start translating our WooCommerce Product Table. Navigate to the page where the table is located and click the “Translate Page” button from the top admin bar.
This will open a front-end translation editor that lets you translate all the strings on that page.
All you have to do is to hover over each string, click the pencil icon and enter the translation in the left sidebar.
Blue icon strings are user-generated while green icon strings are gettext strings generated by theme or plugins (like WooCommerce). TranslatePress automatically detects gettext strings and loads their translation (like the “Add to Cart” button translation).
That’s it. Your product table is now fully translated into Spanish.
You can use the same visual translation process to translate your whole site or make your WooCommerce store multilingual.
The variations dropdown lists display as blank when switching to a non-default language
A customer who was experiencing this issue on their site was kind enough to share that the solution is to go to the TranslatePress Advanced Settings > Advanced tab and enable the option to Fix missing dynamic content, as shown below: