diff --git a/es/organize/navigation.mdx b/es/organize/navigation.mdx
index 57e4d84ef..637f014cc 100644
--- a/es/organize/navigation.mdx
+++ b/es/organize/navigation.mdx
@@ -301,16 +301,20 @@ En el objeto `navigation`, `dropdowns` es un arreglo donde cada entrada es un ob
   ## Productos
 </div>
 
-Los productos crean una sección de navegación específica para organizar la documentación de cada producto. Utiliza productos para separar distintas ofertas, servicios o conjuntos de funciones principales dentro de tu documentación.
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/product-switcher-light.png" />
 
-En el objeto `navigation`, `products` es un array donde cada entrada es un objeto que requiere un campo `product` y puede contener otros campos de navegación como groups, pages, icons o enlaces a páginas externas.
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/product-switcher-dark.png" />
+
+Los productos crean una sección de navegación dedicada para organizar la documentación específica de cada producto. Usa productos para separar diferentes ofertas, servicios o conjuntos de funcionalidades principales dentro de tu documentación.
+
+En el objeto `navigation`, `products` es un arreglo en el que cada elemento es un objeto que requiere un campo `product` y puede contener otros campos de navegación, como groups, pages, icon, o enlaces a páginas externas.
 
 ```json
 {
   "navigation": {
     "products": [
       {
-        "product": "API Principal",
+        "product": "Core API",
         "icon": "api",
         "groups": [
           {
@@ -339,7 +343,7 @@ En el objeto `navigation`, `products` es un array donde cada entrada es un objet
         ]
       },
       {
-        "product": "SDK Móvil",
+        "product": "SDK para móviles",
         "icon": "smartphone",
         "href": "https://mobile-sdk-docs.example.com"
       }
diff --git a/fr/organize/navigation.mdx b/fr/organize/navigation.mdx
index 62a0bc8d3..24c9bb682 100644
--- a/fr/organize/navigation.mdx
+++ b/fr/organize/navigation.mdx
@@ -301,9 +301,13 @@ Dans l’objet `navigation`, `dropdowns` est un tableau où chaque entrée est u
   ## Produits
 </div>
 
-Les produits créent une section de navigation dédiée pour organiser la documentation propre à chaque produit. Utilisez-les pour séparer différentes offres, services ou ensembles de fonctionnalités majeurs au sein de votre documentation.
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/product-switcher-light.png" />
 
-Dans l’objet `navigation`, `products` est un tableau où chaque entrée est un objet qui doit inclure un champ `product` et peut contenir d’autres champs de navigation, tels que des groups, des pages, des icon ou des liens vers des pages externes.
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/product-switcher-dark.png" />
+
+Les produits créent une section de navigation dédiée pour organiser la documentation propre à chaque produit. Utilisez les produits pour séparer différentes offres, services ou ensembles de fonctionnalités majeures au sein de votre documentation.
+
+Dans l’objet `navigation`, `products` est un tableau où chaque entrée est un objet qui requiert un champ `product` et peut contenir d’autres champs de navigation tels que des groupes, des pages, des icons ou des liens vers des pages externes.
 
 ```json
 {
diff --git a/zh/organize/navigation.mdx b/zh/organize/navigation.mdx
index 9da1cc354..382c2c73d 100644
--- a/zh/organize/navigation.mdx
+++ b/zh/organize/navigation.mdx
@@ -298,12 +298,16 @@ description: "构建并自定义文档的导航层级结构"
 ```
 
 <div id="products">
-  ## 产品
+  ## Products
 </div>
 
-“产品”会在导航中创建一个专用分区，用于组织特定产品的文档。使用产品可在文档中区分不同的产品、服务或主要功能集。
+<img className="block dark:hidden pointer-events-none" src="/images/navigation/product-switcher-light.png" />
 
-在 `navigation` 对象中，`products` 是一个数组，其中每个条目都是一个对象，必须包含 `product` 字段，并且可以包含其他导航字段，例如 groups、pages、icons，或指向外部页面的链接。
+<img className="hidden dark:block pointer-events-none" src="/images/navigation/product-switcher-dark.png" />
+
+Products 会为产品相关文档创建一个独立的导航分区，用于组织产品级文档。使用 Products 可以在文档中区分不同的产品、服务或大型功能集。
+
+在 `navigation` 对象中，`products` 是一个数组，其中每个条目都是一个对象，必须包含 `product` 字段，并且可以包含其他导航字段，例如 groups、pages、icon，或指向外部页面的链接。
 
 ```json
 {