About this project
it-programming / web-development
Open
Proyecto: Modificación del Menú de Navegación de un Ecommerce
Descripción General
Se busca modificar el menú de navegación de un ecommerce para cargar dinámicamente los iconos y nombres de las categorías principales y subcategorías hasta tres niveles de profundidad. El menú debe desplegarse al hacer clic en las categorías principales. Se utilizarán JavaScript, CSS y Smarty para su implementación. El menú modificado debe ser implementado y probado en una tienda de prueba. Este proyecto forma parte de un proyecto global mayor.
Requisitos del Proyecto
Carga Dinámica de Categorías
Mostrar iconos y nombres de las categorías principales al cargar la página.
Renderizar las categorías utilizando Smarty desde la base de datos.
Despliegue de Subcategorías
Desplegar subcategorías del segundo nivel al hacer clic en una categoría principal.
Desplegar un tercer nivel de categorías si existen al hacer clic en una subcategoría del segundo nivel.
Niveles de Navegación
Soportar hasta tres niveles de categorías:
Primer Nivel: Categorías Principales
Segundo Nivel: Subcategorías
Tercer Nivel: Subcategorías de segundo nivel
Diseño y Estilo
Menú responsive, adaptado a diferentes tamaños de pantalla (desktop, tablet, móvil).
Estilos definidos con CSS, coherentes con el diseño general del ecommerce.
Requisitos Técnicos
JavaScript
Manejar interacciones del usuario para desplegar y contraer subcategorías dinámicamente.
CSS
Definir estilos visualmente atractivos y fáciles de usar, incluyendo transiciones y animaciones.
Smarty (Prestashop)
Renderizar categorías desde la base de datos utilizando Smarty.
Crear componentes de Smarty si es necesario.
Usabilidad y Compatibilidad
Accesibilidad
Asegurar accesibilidad para todos los usuarios, incluyendo aquellos que usan lectores de pantalla.
Incluir descripciones alternativas para los iconos.
Compatibilidad
Probar en los principales navegadores (Chrome, Firefox, Safari, Edge).
Entregables
Código Fuente
Archivos JavaScript, CSS y Smarty del menú de navegación.
Documentación
Instrucciones para integración y modificación del menú.
Implementación en Tienda de Prueba
Implementar y dejar funcional el menú modificado en una tienda de prueba.
Realizar pruebas completas para asegurar su correcto funcionamiento.
Category IT & Programming
Subcategory Web development
What is the scope of the project? Medium-sized change
Is this a project or a position? Project
I currently have Not applicable
Required availability As needed
Roles needed Developer
Delivery term: Not specified
Skills needed