Applabmx · Desarrollo de tema Shopify
Desarrollo de tema Shopify: inicio y producto para Cream Right
Desarrollo de la página de inicio y la pantalla de producto dentro del tema 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
- creamright.com
Versión actual del sitio. Inicio actual de Cream Right con navegación y banner de productos. Captura de referencia; puede incluir cambios posteriores a mi trabajo.
En Applabmx desarrollé la página de inicio y la pantalla de producto del sitio web de Cream Right. Implementé estas partes del tema Shopify con Liquid, HTML, CSS y JavaScript, dentro de un equipo que trabajaba con Tailwind, Shopify CLI, Git y GitHub.
Requerimiento
El alcance asignado incluía construir el inicio de la tienda y la pantalla de producto, integrando ambas vistas con el tema y el contenido de Shopify.
Implementación
Desarrollé las plantillas y secciones del tema con Liquid para la integración con Shopify, HTML para el marcado, CSS y Tailwind para la presentación, y JavaScript para las interacciones de la interfaz.
Cómo funciona
El trabajo conectó dos vistas del tema: el inicio, donde se presenta la tienda, y la página que muestra la información de un producto. Cada una utiliza su propio contexto de contenido dentro de Shopify.
Secciones de la página de inicio
Liquid genera el HTML de las secciones del inicio a partir del contenido del tema. Desarrollé la estructura de estos bloques y su presentación con HTML, CSS y Tailwind, manteniendo el trabajo dentro del tema Shopify.
Plantilla de producto
La pantalla de producto utiliza el contexto del producto en Shopify para presentar su información. Implementé esta vista con Liquid y HTML, junto con los estilos e interacciones de la interfaz en CSS y JavaScript.
Desarrollo sobre el mismo tema
El inicio y la pantalla de producto comparten el entorno del tema, aunque muestran contenido distinto. Utilicé Shopify CLI para trabajar sobre el tema y Git y GitHub para integrar los cambios con el trabajo del equipo.
Versión actual del sitio. Sección actual de categorías de Cream Right con enlaces al catálogo. Captura de referencia; puede incluir cambios posteriores a mi trabajo.
Versión actual del sitio. Página actual de producto de Cream Right con fotografías, precio e información de compra. Captura de referencia; puede incluir cambios posteriores a mi trabajo.
Trabajo realizado
Desarrollo realizado en el tema Shopify.
Página de inicio
Desarrollé las secciones y la presentación del home de la tienda.
Pantalla de producto
Implementé la página de producto dentro del tema Shopify.
Funcionalidades entregadas
Secciones y funcionalidades entregadas.
Inicio implementado
Se entregó la página de inicio como parte del desarrollo del tema.
Página de producto implementada
Se entregó la pantalla de producto integrada con el contexto de Shopify.
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
- Página de inicio
- Página de producto
- Tailwind CSS
- HTML
- CSS
- JavaScript
- Shopify CLI
- Git y GitHub