Skip Navigation
Updated
October 11, 2021

OceanWP theme offers a bundle of extensions to extend the functionality of the theme even further. We will cover the process of translating the text that come from different OceanWP extensions.

This article deals with translating text from OceanWP’s extension plugins. For help with translating content from the OceanWP theme, please see our documentation about building multilingual WordPress sites with OceanWP and WPML.

On This Page

Getting Started

Start by installing and activating the following:

If you’re new to WPML, check out our Getting Started Guide. It quickly walks you through different translation options you can use.

Translating Portfolio Pages and Categories

The Portfolio extension creates a Portfolio custom post type you can use to display and organize portfolio items. Portfolio pages can be translated using the same methods as regular pages created with OceanWP.

To translate portfolio pages, you need to first mark the Portfolio post type as Translatable in WPMLSettingsPost Types Translation. Then, scroll down and set Portfolio Categories and Portfolio Tags as translatable in WPMLSettingsTaxonomies Translation.

Setting Portfolio post type, categories, and tags as translatable

If your site uses Translate Everything mode, be sure to choose Translatable – only show translated items, and turn on the Translate Automatically toggle. Then, both the portfolio pages and assigned categories will be translated automatically along with the rest of your site’s content.

If your site uses Translate Some, you can choose which portfolio pages to translate either by sending them for translation on the Translation Management Dashboard, or by clicking the Plus icon to open them in the Advanced Translation Editor.

Translating Portfolio Pages in Translation Management

Translating Portfolio Pages from the List of Portfolio Items

When translating portfolio pages, any assigned categories will also be available for translation on the Advanced Translation Editor screen.

Alternatively, you can translate your portfolio categories on the WPMLTaxonomy Translation page. Select the Portfolio Categories from the drop-down menu and a list of your categories will appear. Click the Plus icon to translate a category for the respective language and use the dialog box that appears to add your translation.

Translating the categories using the Taxonomy Translation page

Keep in mind that the translations of categories are universal. This means if you change a translation, it will be updated everywhere.

The Footer Callout extension allows you to add information about your product or service in the footer. Here is what it looks like in the front end:

The Footer Callout text on the front-end

To translate the text of the Footer Callout, follow the steps below:

  1. Navigate to WPMLString Translation and search for the text in your footer callout.
  1. Click the Plus icon to add a translation for each language. The translations save automatically when you click out of the window.
Translating the Footer Callout text using WPML String Translation

This is what the translated Footer Callout looks like on the front end:

Translated Footer Callout text on the front-end

Translating Woo Popups

The Woo Popup extension allows you to display a customized popup when you add an item to the cart. All the customization options can be controlled via the customizer. This is what it looks like on the front end:

Woo Popup on the front-end

To translate the Woo Popup textual elements, follow the steps below:

  1. From the main navigation menu, go to WPMLString Translation and search for the text of your popup. You will find them under the ocean_woo_popup text domain.
  1. Click the Pencil icon to review translations provided in the plugin’s PO file. The translations save automatically when you click out of the window.
Reviewing the Woo Popup texts using the String Translation
  1. Repeat step two until you’ve translated or reviewed all the text in the popup.

This is what the translated popup looks like on the front end:

Translated Woo Popup text on the front-end

Translating Elementor Widgets

The Elementor Widgets extension provides new widgets for the Elementor page builder. To add and translate these widgets:

  1. Add an Ocean Widget to the design of your page. In this example, we added the Alert Message widget to our page design.
  2. Complete designing your page using other elements and widgets.
  3. Publish the page.
Adding an Ocean Elementor Widget to the default language page
  1. Click on the plus icon to translate the page. This takes you to the Translation Editor screen.
Click on the plus icon to translate the page
  1. Translate the page, save the translation, and publish it.

This is what the translated page looks like on the front end:

Translated Ocean Elementor widget in on the front-end

The Sticky Footer extension allows you to add a sticky footer in the bottom of your screen. This is what it looks like on the front end:

A Sticky Footer in the default language

To translate the Sticky Footer text, follow the steps below:

  1. From the main navigation menu, go to WPML String Translation and search for the text in your Sticky Footer. You will find them under the admin_texts_theme_mods_oceanwp text domain.
  2. Click the Plus icon to add a translation for each language. The translations save automatically when you click out of the window.
Translating the Sticky Footer text using String Translation

This is what the translated Sticky Footer looks like on the front end:

Translated Sticky Footer on the front-end