Sobre este proyecto
it-programming / web-development
Abierto
Contexto general del proyecto
Estoy teniendo un inconveniente: quiero integrar una nueva sección personalizada en la página de inicio de mi tienda (tema Río), llamada Combos (y debajo Perfumes Individuales). Les explico toda la situación de manera ordenada para que puedan ayudarnos a encontrar la solución: 1. Archivos involucrados (adjunto un .txt con todo el contenido): En el .txt que adjunto detallamos el contenido completo de los siguientes archivos: templates/home.tpl (modificado para integrar la sección combos) snipplets/home/home-combos.tpl (contenido HTML de la sección combos) static/css/combos.css (estilos específicos para combos) static/js/combos.js (funciones de navegación de los botones combos) templates/page.seleccionar-combo.liquid (página específica para seleccionar combos) templates/page.seleccionar-perfume.liquid (página específica para seleccionar perfumes individuales) static/css/seleccionar-perfume.css static/css/seleccionar-individual.css static/js/seleccionar-combo.js static/js/seleccionar-perfume.js Además, mencionamos las imágenes utilizadas (son alrededor de 10 imágenes) — si las necesitan, podemos enviarlas aparte. 2. Estructura técnica que usamos: Todos los archivos .css y .js fueron subidos por FTP dentro de la carpeta /static/css/ y /static/js/. Las rutas están referenciadas en el código usando static_url, por ejemplo: liquid Copiar Editar {{ "css/combos.css" | static_url | stylesheet_tag }} {{ "js/combos.js" | static_url | script_tag }} El bloque de combos se incluye en home.tpl de esta manera: liquid Copiar Editar {% include 'snipplets/home/home-combos.tpl' %} 3. Infraestructura adicional (importante): También contamos con un pequeño backend intermedio desplegado en Vercel, que: Se conecta a una API para traer productos en tiempo real. Utiliza un data.json para guardar productos manualmente categorizados (masculino, femenino, unisex), para la sección de perfumes individuales. Tiene un server.js que maneja toda la lógica de procesamiento de datos. Consultamos si habría alguna otra forma recomendada por Tiendanube para manejar el inventario dinámico directamente desde la tienda, sin tener que usar infraestructura externa como Vercel. 4. El problema concreto que estamos teniendo: Actualmente el sitio carga bien, no hay error 500 si dejamos comentado el include: liquid Copiar Editar {% include 'snipplets/home/home-combos.tpl' %} Pero cuando descomentamos el include para mostrar la sección, salta el error 500 (Internal Server Error). Es decir: el error sucede cuando usamos el include de home-combos.tpl dentro de home.tpl. Sospechamos que el problema puede estar en alguno de estos dos archivos (home-combos.tpl o home.tpl), pero no logramos detectarlo. Queremos saber si es necesario agregar alguna estructura específica en home-combos.tpl además de solo HTML puro, como sí vemos que tienen otras páginas (por ejemplo page.tpl usa {% embed %} o bloques {% block %}). También si estamos usando correctamente la instrucción {% include %} en el contexto del tema Río. 5. ¿Qué necesitamos saber? ¿El include que hacemos de home-combos.tpl es correcto? ¿Hace falta una estructura especial en el home-combos.tpl para poder mostrarse en la home del tema Río? ¿Recomiendan alguna mejor práctica para evitar usar backend externo (Vercel) en el manejo de productos filtrados por categorías? ¿Detectan ustedes en el código enviado alguna falla de sintaxis que pueda estar provocando el error 500? ¡Mil gracias por su tiempo y ayuda! 🙏🏼 Estamos atentos a cualquier indicación que nos den para corregir o ajustar lo que sea necesario. Saludos, Solution
Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Cambio mediano
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo el diseño
Disponibilidad requerida Según se necesite
Integraciones de API Otros (Otras APIs)
Roles necesarios Programador
Plazo de Entrega: 12 Mayo, 2025
Habilidades necesarias