diff --git a/content/developer/howtos/website_themes/translations.rst b/content/developer/howtos/website_themes/translations.rst
index 19e87b396c..fa39dd9ced 100644
--- a/content/developer/howtos/website_themes/translations.rst
+++ b/content/developer/howtos/website_themes/translations.rst
@@ -25,7 +25,6 @@ manually is highlighted in yellow.
.. image:: translations/translate-button.png
:alt: Translate button
- :width: 570
However, you have to understand what's happening under the hood when you translate something
through the Website Builder.
@@ -64,7 +63,7 @@ possible.
**Example**
-To write “Hello *username*”, you can do it in the following way:
+To write "Hello *username*", you can do it in the following way:
.. code-block:: xml
@@ -89,7 +88,7 @@ could write something like this:
.. code-block:: xml
- My Page Title Shown in the Browser Tab
+ My Page Title Shown in the Browser Tab
As we are writing XML context, text located between two XML tags are translatable.
@@ -103,19 +102,34 @@ place:
.. code-block:: xml
- Foo
+ Foo
And then we need to call it in different locations:
.. code-block:: xml
-
- ...
-
+
+ ...
+
Here we just called the translatable content into a non-translatable attribute (`t-att-title`). So
the `t-att-title` is not translatable but the casted variable is.
+.. _website_themes/translations/frontend/strings/t-call:
+
+t-call
+~~~~~~
+
+As parameters can be passed to a `t-call` , the `*.translate` function can be called to make its
+value translatable.
+
+.. code-block:: xml
+
+
+
+.. seealso::
+ :ref:`Set parameters of a t-call `
+
.. _website_themes/translations/backend:
Backend
@@ -127,7 +141,7 @@ the name of the page you want to translate, and click the :guilabel:`Edit Transl
.. image:: translations/edit-translations.png
:alt: Edit translations
- :width: 718
+
.. _website_themes/translations/export:
@@ -152,7 +166,7 @@ You can translate directly by editing a :file:`.po` file or creating the file yo
the :doc:`translating modules documentation <../translations>` to write your translations.
.. code-block:: po
- :caption: ``/website_coconuts/i18n/fr_BE.po``
+ :caption: ``/website_airproof/i18n/fr_BE.po``
#. module: website_airproof
#: model_terms:ir.ui.view,arch_db:website_airproof.s_custom_snippet
diff --git a/content/developer/howtos/website_themes/translations/edit-translations.png b/content/developer/howtos/website_themes/translations/edit-translations.png
index 8961911b89..37a2b467a1 100644
Binary files a/content/developer/howtos/website_themes/translations/edit-translations.png and b/content/developer/howtos/website_themes/translations/edit-translations.png differ
diff --git a/content/developer/howtos/website_themes/translations/translate-button.png b/content/developer/howtos/website_themes/translations/translate-button.png
index af15663d07..435490b403 100644
Binary files a/content/developer/howtos/website_themes/translations/translate-button.png and b/content/developer/howtos/website_themes/translations/translate-button.png differ