OceanWP theme offers a bundle of extensions that allows you to extend the functionality of the theme even further. In the upcoming sections, we will cover the process of translating the text that come from the different OceanWP extensions.

Content

The Footer Callout extension allows you to add information about your product/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 WPML -> String Translation and search for the textual elements of the footer callout.
    2. Click on the translations link and type in your translated text, then tick the Translation is complete option and click Save.
Translating the Footer Callout text using the String Translation Screen

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

Translated Footer Callout text on the front-end

The Ocean Woo Popup extension

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:

Item added to cart front-end

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

    1. From the main navigation menu, go to WPML -> String Translation and search for the Popup texts. You will find them under the admin_texts_theme_mods_oceanwp text domain)
    2. Click on the translations link and type in your translated text, then tick the Translation is complete option and click Save.
Translating the Woo Popup textual elements using the string translation screen
  1. Repeat step (2) to translate all the Popup textual elements.

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

Translated Woo Pop up textual elements on the front-end

Ocean Elementor Widgets

This extension provides new widgets for the Elementor page builder. You can use the Ocean Elementor widgets to build up your pages. You can translate the textual elements of these widgets using the WPML Translation Editor. Of course, you can also use the native Elementor widgets and elements in designing your page. Here is an example of how you can translate Ocean Elementor 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 + icon to translate the page. This takes you to the Translation Editor screen.
Click on the + icon to translate the page
    1. Add your translated text and mark the field(s) as “Translation is complete.” Click on the Save & Close button.
Translate the page Using the Translation Editor

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

Translated OceanWP widget in on the front-end

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

Sticky Footer

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 Sticky Footer texts. You will find them under the admin_texts_theme_mods_oceanwp text domain)
    2. Click on the translations link and type in your translated text, then tick the Translation is complete option and click Save.
Translating the sticky footer text from the String Translation screen

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

Translated sticky footer on the front-end