Applabmx · Desarrollo de tema Shopify
Tema Shopify: menú, formularios y producto para Laerdal
Inicio, menú y submenús, formularios, páginas informativas y pantalla de producto para la tienda Shopify.
- Rol
- Shopify Developer · Applabmx
- Período de referencia en Applabmx
- 2024–2025
- Tecnologías
- Shopify · Liquid · HTML · CSS · JavaScript · Tailwind CSS · Shopify CLI · Git · GitHub
- Sitio público
- shop.laerdal.com
Versión actual del sitio. Inicio actual de Laerdal México con menú y banner de la tienda. Captura de referencia; puede incluir cambios posteriores a mi trabajo.
En Applabmx desarrollé la página de inicio, el componente completo del menú y sus submenús, los formularios y la página de producto de Laerdal. También creé páginas de preguntas frecuentes y privacidad dentro del sitio web Shopify.
Requerimiento
La implementación asignada reunía navegación, formularios, contenido informativo y producto. El menú debía organizar el acceso a las distintas partes del sitio web.
Implementación
Desarrollé el menú y los submenús como un componente del tema, junto con las plantillas de inicio, producto y páginas informativas. Utilicé Liquid, HTML, CSS, Tailwind y JavaScript para construir sus vistas y comportamientos.
Cómo funciona
La implementación abarcó componentes compartidos, como el menú, y vistas específicas, como el producto y los formularios. Todas estas piezas forman parte del tema Shopify.
Componente del menú y submenús
Desarrollé el componente completo de navegación: estructura HTML, presentación con CSS y Tailwind, e interacciones con JavaScript. El menú y sus submenús organizan los enlaces a las distintas páginas de la tienda.
Formularios y páginas informativas
Creé los formularios y las páginas relacionadas con preguntas frecuentes y privacidad. El trabajo incluye el marcado y la presentación dentro del tema; cada vista organiza contenido o campos según su función.
Inicio y página de producto
Implementé el inicio y la pantalla de producto con Liquid y HTML. La vista de producto utiliza el contexto del catálogo de Shopify, con CSS y JavaScript para su presentación e interacciones.
Integración de cambios del tema
Trabajé con Shopify CLI, Git y GitHub dentro del flujo del equipo. La navegación compartida y las distintas plantillas se integraron como partes del mismo tema Shopify.
Versión actual del sitio. Formulario público actual de Laerdal México para solicitar información, sin datos ingresados. Captura de referencia; puede incluir cambios posteriores a mi trabajo.
Versión actual del sitio. Página actual de producto de Laerdal México con información y controles de compra. Captura de referencia; puede incluir cambios posteriores a mi trabajo.
Trabajo realizado
Desarrollo realizado en el tema Shopify.
Inicio y producto
Desarrollé la página de inicio y la pantalla de producto.
Menú y submenús
Creé todo el componente de navegación del sitio.
Formularios y contenido informativo
Creé formularios y páginas relacionadas con preguntas frecuentes y privacidad.
Funcionalidades entregadas
Secciones y funcionalidades entregadas.
Navegación implementada
Se entregó el componente del menú con sus submenús.
Plantillas y formularios
Se entregaron el inicio, producto, formularios y páginas informativas asignadas.
El período de referencia corresponde a mi trabajo en Applabmx, de junio de 2024 a abril de 2025; no indica las fechas exactas de este proyecto. Las capturas muestran el sitio público actual y pueden incluir cambios posteriores.
Habilidades aplicadas
- Desarrollo de temas Shopify
- Liquid
- Menús y submenús
- Formularios web
- Página de producto
- Tailwind CSS
- HTML
- CSS
- JavaScript
- Shopify CLI
- Git y GitHub