Manual: Configurar SO MegaMenu en OpenCart

Basado en SO Theme / SmartAddons. Cómo editar ítems principales y submenús (mega) paso a paso.

1) Acceso al módulo

Ir a: OpenCartWorks → So Mega Menu → So Megamenu EN USO.

Pantalla del SO Megamenu en uso

↑ Volver al índice

 

2) Cómo leer la estructura (ítems y submenús)

2. Cada rectángulo del panel izquierdo es un ítem del menú: puede ser un ítem principal (visible en la barra) o un submenú (aparece al hacer hover/click).

3. La identación indica jerarquía: ítem principal alineado a la izquierda; sus submenús se muestran un nivel identado a la derecha.

Estructura: ítems principales y submenús identificados

↑ Volver al índice

 

3) Editar un ítem principal

4. Haz clic en el icono de lápiz del ítem principal que quieras editar.

4.1 Nombre por idioma

text_name: es el texto que verá el usuario en el menú. Configúralo en todos los idiomas (elige el idioma desde la pastilla que aparece al lado y traduce el nombre).

4.2 Configurar contenido del ítem principal

Entra a text_parent_config (esta sección se usa porque es un ítem principal del menú).

4.3 Icono flecha

En text_icon_font escribe fa fa-angle-down para mostrar la flecha al lado del nombre en el menú.

4.4 Tipo de link

En text_type_link elige:

  • url: para poner una URL estática (interna o externa).
  • category: para enlazar a una categoría existente.

 

4.5 Resto de opciones (repaso)

text_status: Habilitado.

text_position: text_left.

text_submenu_width: 25%.

text_display_submenu_on: Hover.

text_categories: selecciona la categoría a enlazar.

Deja el resto como en la captura de referencia para mantener estilos del tema.

↑ Volver al índice

 

4) Editar un submenú (mega)

5. Haz clic en el lápiz del ítem que esté identado bajo un principal (es un submenú).

5.1 Sección principal a editar

Edita text_content_config. El text_content_type debe ser Category (recomendado): permite armar el mega con categorías y subcategorías de padres distintos, sin obligar a que estén relacionadas entre sí.

5.2 Ordenar y anidar categorías

En Add categories selecciona las categorías. Luego, en Sort categories ordénalas. Para crear niveles (sub-menú dentro del mega), usa las opciones del módulo (agregar nuevos ítems identados) tal como se muestra en la captura; puedes combinar categorías de distintos padres.

5.3 Mantener el resto de opciones

text_content_width: 12/12.

Columns: 1.

Submenu type: Hover (recomendado en desktop).

5.4 Clase para submenú

text_class_menu debe ser menu-layouts-home en los submenús para heredar el layout del tema.

↑ Volver al índice

 

Glosario de campos clave

text_name → Texto visible en el menú (por idioma).

text_parent_config → Ajustes del ítem principal: icono, link, ancho y disparador del submenú.

text_content_config → Contenido del submenú (mega): tipo, categorías, columnas y ancho.

text_icon_font → Icono FA; para flecha usar fa fa-angle-down.

text_type_linkurl (enlace fijo) o category (enlace a categoría).

text_class_menu → Clase CSS del item; menu-layouts-home en submenús.

↑ Volver al índice

Vista general del SO Megamenu en uso Cerrar ✕ Edición de submenú: categorías, columnas y ancho Cerrar ✕

Etiquetas

WhatsApp