1. Knowledge Base
  2. WooCommerce Quick View Pro
  3. Advanced Usage

Translate WooCommerce Quick View Pro using TranslatePress

TranslatePress is a multilingual plugin that makes it easy to translate the product information in the WooCommerce Quick View Pro lightbox into multiple languages. You’ll be able to translate all product information, images, button text and more directly from the front-end, using a visual translation editor.

The plugins you’ll need:

Translating WooCommerce Quick View Pro with TranslatePress

Below we’ll go through the simple steps required to fully translate the text displayed in the WooCommerce Quick View Pro responsive lightbox.

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.

1-install_activate_translatepress

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 Quick View lightbox information available in.

English is our default language, and we’ll also add “Spanish” for this tutorial.

2_TranslatePress_Settings

The Settings page offers you multiple options like setting up automatic translation via Google Translate, customizing the look of the language switcher and more.

Hit “Save Changes” when you’re done.

3. Setup WooCommerce Quick View Pro

Next, we’ll install WooCommerce Quick View Pro and use the settings page to setup the appearance and content of the lightbox.

3_WooCommerce_Quick_View_Pro_Lightbox

4. Translate WooCommerce Quick View lightbox contents

We’re ready to start translating the information displayed in our Quick View Lightbox.

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 visual 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.

In the translation editor, click to open the Quick View lightbox for a specific product, then hover, click to select a text and enter its translation.

4_Translate_WooCommerce_Quick_View_Pro_with_TranslatePress

That’s it! Your WooCommerce Quick View lightbox content is now translated into Spanish.

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).

Conclusion

Translating the contents of your WooCommerce Quick View Lightbox is really fast and intuitive using TranslatePress.

The same visual translation process can be applied to all your website content or store products. To speed up the process, you can also enable the automatic translation feature available in TranslatePress (via Google Translate) and only make changes to strings that have not been translated properly.

Still need help?

If searching the knowledge base hasn't answered your question, please contact support.

Related Articles