Ingeniería de temas · lógica de campañas · cero dependencias
Arquitectura nativa de temas en lugar de acumulación de apps. Escalable, mantenible, eficiente.
Bekateq comercializa revestimientos y pinturas técnicamente exigentes con ventas fuertemente impulsadas por campañas. La tienda existente basada en Dawn necesitaba extensiones funcionales — pero sin dependencias adicionales de apps, manteniendo el rendimiento, la mantenibilidad y el control completamente dentro del tema.
4.400+
Líneas de código personalizado
24
Plantillas de colección individuales
0
Dependencias de apps externas
El desafío
La tienda necesitaba múltiples extensiones complejas simultáneamente: comunicación de descuentos para campañas, información de envío dinámica por variante, estructuras de colección extensibles con sub-navegación, páginas de destino con lógica propia y mejoras SEO a nivel de plantilla. Un enfoque basado en apps habría provocado pérdidas de rendimiento, UX inconsistente y un setup difícil de mantener.
La solución
smplx. trabajó como socio de desarrollo técnico en la evolución del tema Dawn — con enfoque en una arquitectura escalable, configurable y eficiente. Todas las funciones se implementaron nativamente con Liquid, CSS y vanilla JS, y son completamente gestionables a través del Editor de Temas de Shopify.
Lo que hicimos
- —Sistema de barra de descuento: barra fija con modos de copiar código y aplicación automática, bilingüe, configurable en el Editor de Temas
- —Visualización dinámica de envío: información de envío específica por variante basada en metafields, reactiva al cambio de variante
- —Hero de colección y sub-navegación: diseño dividido con navegación automática de sub-colecciones desde la estructura del menú
- —Página de destino Black Friday: sección modular de una página con cuenta regresiva, cuadrícula de categorías, ofertas destacadas y registro de newsletter (50+ configuraciones del Editor de Temas)
- —Sección dinámica de ofertas: generación automática de categorías basada en metafields con diseños de cuadrícula/carrusel y paginación
- —Sistema de insignias promocionales: rosetas SVG para tarjetas de productos y navegación, basadas en colecciones
- —Mejoras SEO: fallbacks de meta descripción, fallbacks de texto alternativo, breadcrumbs con sessionStorage
- —24 plantillas de colección individuales para todas las categorías de productos
Nuestro papel: socio de desarrollo técnico para la evolución del tema Shopify y la implementación de funciones complejas impulsadas por campañas — con enfoque en una arquitectura escalable basada en metadatos sin dependencias externas.
Cero dependencias: Por qué construimos todo nativamente en el tema
El problema con las dependencias de apps
Cada app de Shopify carga su propio JavaScript y CSS. Con cinco apps, son fácilmente 500 KB+ de carga adicional, más scripts de bloqueo de renderizado incontrolables y estilos inconsistentes. Para una tienda impulsada por campañas que depende del rendimiento, eso no es aceptable. Nuestra decisión: cero apps externas. Todo nativo en el tema.
Arquitectura basada en metafields
En lugar de almacenar datos en apps, usamos Shopify Metafields como fuente única de verdad. La barra de descuento lee su configuración desde metafields, las visualizaciones de envío reaccionan a metafields específicos por variante, la sección dinámica de ofertas genera categorías automáticamente desde datos de metafields. Esto significa: el comerciante controla todo desde el admin de Shopify — sin dashboards de apps, sin logins externos.
50+ configuraciones del Editor de Temas para una sola sección
La página de destino de Black Friday es un buen ejemplo del enfoque: una sección modular con más de 50 configuraciones ajustables en el Editor de Temas. Temporizador de cuenta regresiva, diseño de cuadrícula de categorías, ofertas destacadas, registro de newsletter — todo activable/desactivable, personalizable en color, editable en texto. El comerciante no necesita un desarrollador para la próxima campaña — configura en el Editor de Temas.
24 plantillas de colección: ¿Por qué no una para todas?
Las categorías de productos de Bekateq tienen diferentes requisitos: las pinturas necesitan muestras de color, los revestimientos necesitan fichas técnicas, los sets necesitan vistas generales del paquete. En lugar de sobrecargar una plantilla genérica con lógica condicional, construimos 24 plantillas especializadas. Cada plantilla es ligera, eficiente y adaptada precisamente a su categoría.
Stack técnico
Aprendizaje clave
La acumulación de apps es uno de los problemas de rendimiento más comunes en tiendas Shopify. La alternativa no es 'sin funciones' — sino funciones que viven nativamente en el tema. 4.400 líneas de código personalizado suena a mucho, pero reemplazan 5+ apps que traerían cada una sus propios scripts, hojas de estilo y llamadas API externas.