Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 50 additions & 3 deletions es/organize/navigation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -277,7 +277,7 @@ Los menús añaden elementos de navegación desplegables a una Tab. Usa los men

En el objeto `navigation`, `menu` es un array donde cada entrada es un objeto que requiere un campo `item` y puede incluir otros campos de navegación como groups, pages, icon o enlaces a páginas externas.

Los elementos de menú solo pueden contener groups, pages y enlaces externos.
Un elemento de menú puede contener páginas, un enlace externo mediante `href`, o cualquier división de navegación (`groups`, `tabs`, `anchors`, `dropdowns`, `products`, `languages` o `versions`). Usa una división dentro de un elemento de menú cuando quieras que esa columna muestre el mismo tipo de navegación anidada que la división ofrece en el nivel superior.

```json
{
Expand Down Expand Up @@ -403,7 +403,7 @@ Los anclajes globales admiten tanto URL externas como rutas relativas a páginas

Los productos crean una sección de navegación dedicada para organizar la documentación específica de cada producto. Usa productos para separar distintas ofertas, servicios o conjuntos de funciones principales dentro de tu documentación.

En el objeto `navigation`, `products` es un arreglo 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.
En el objeto `navigation`, `products` es un arreglo donde cada entrada es un objeto que requiere un campo `product` y puede contener otros campos de navegación como groups, pages, un [menu](#menús), icons o enlaces a páginas externas.

```json
{
Expand Down Expand Up @@ -451,6 +451,53 @@ En el objeto `navigation`, `products` es un arreglo donde cada entrada es un obj
}
```

<div id="product-menus">
### Menús de producto
</div>

Agrega un arreglo `menu` a un producto para crear un menú desplegable de varias columnas para ese producto. Cada elemento del menú requiere un campo `item` y puede contener páginas, un enlace externo mediante `href`, o cualquier división de navegación (`groups`, `tabs`, `anchors`, `dropdowns`, `products`, `languages` o `versions`). Esta es la misma forma de `menu` que se admite en [tabs](#menús), y resulta útil cuando un producto tiene varias áreas de contenido distintas que quieres mostrar desde el selector de productos.

```json
{
"navigation": {
"products": [
{
"product": "Core API",
"icon": "api",
"menu": [
{
"item": "Guías",
"icon": "book-open",
"groups": [
{
"group": "Primeros pasos",
"pages": [
"core-api/quickstart",
"core-api/authentication"
]
}
]
},
{
"item": "Referencia de la API",
"icon": "square-terminal",
"pages": [
"core-api/users",
"core-api/orders"
]
},
{
"item": "Changelog",
"icon": "list",
"href": "https://example.com/changelog"
}
]
}
]
}
}
```

<div id="dropdowns">
## Menús desplegables
</div>
Expand Down Expand Up @@ -1096,4 +1143,4 @@ Cuando un usuario expande un grupo de navigation, algunos temas navegan automát
"drilldown": false // No navegar nunca, solo expandir o contraer el grupo
}
```
</CodeGroup>
</CodeGroup>
4 changes: 2 additions & 2 deletions es/organize/settings-reference.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -220,9 +220,9 @@ Menús desplegables.

#### `navigation.products`

Selector de productos.
Selector de productos. Cada entrada requiere un campo `product` y puede contener groups, pages, un arreglo `menu` (con la misma forma que `navigation.tabs[].menu`, para menús desplegables de producto de varias columnas), iconos o enlaces externos.

**Tipo:** array of object—consulta `navigation.global.products` para la estructura.
**Tipo:** array of object—cada uno con: `product` (string, requerido), `description` (string), `icon` (string), `iconType` (string), `href` (string uri), `groups` (array), `pages` (array), `menu` (array)

#### `navigation.groups`

Expand Down
Loading