Temas para Shopify

Si tu plan cuenta con soporte para Shopify, AppShark puede generar temas completos basados en la arquitectura Online Store 2.0 (Liquid). Por seguridad, los temas generados nunca se publican como tema activo de manera automática en tu tienda.

Creación de un proyecto de tema Shopify

1. En la pantalla Create, selecciona Shopify Theme.
2. En el menú Customize → Integrations, puedes seleccionar una tienda conectada o mantener la opción No store — download only.
3. Describe las características visuales y presiona Start.

Cada proyecto parte de la estructura base oficial de Shopify (Skeleton), garantizando compatibilidad con esquemas JSON y secciones dinámicas. El tipo de proyecto no puede modificarse tras su creación.

Vinculación de tienda (cuando esté disponible)

Si la plataforma tiene habilitada la integración por OAuth:

1. Accede al apartado Shopify en el menú lateral.
2. Haz clic en Connect Shopify, introduce tu dominio comercial con terminación *.myshopify.com y autoriza la aplicación.
3. Al crear el proyecto (o desde la configuración del mismo), asocia la tienda vinculada.

Si la integración no se encuentra habilitada, el sistema funcionará en modo de descarga directa de archivos comprimidos.

Sincronización automática (Auto-push)

Cuando hay una tienda vinculada, cada compilación completada transmite el tema generado mediante la API de Shopify en estado no publicado (unpublished), asignándole un nombre derivado del proyecto y sustituyendo la versión anterior de prueba. Si la sincronización experimenta alguna interrupción de red, la compilación se mantiene válida y puedes descargar el archivo .zip para realizar la instalación manual.

Previsualización del diseño

Dado que Shopify restringe la incrustación de tiendas mediante marcos externos, el panel de vista previa proporciona dos alternativas:

• Open store preview — abre la vista previa privada del tema no publicado en una nueva pestaña (requiere que tengas sesión abierta en el panel administrativo de tu tienda).
• Download theme (.zip) — descarga el paquete listo para su instalación manual.

Estructura habitual de enlace: https://[tienda].myshopify.com/?preview_theme_id=[id].

Activación manual en producción

Para convertir el diseño en el tema principal de tu tienda: dirígete a Shopify Admin → Tienda online → Temas y selecciona la opción Publicar de forma manual.

Limitaciones específicas de este formato

Los proyectos de temas para Shopify no disponen de subdominios, dominios propios, conexión directa con Supabase ni panel de rediseño en caliente (Design mode). Los atajos de teclado para Deshacer y Rehacer se mantienen operativos aun cuando los botones no se muestren en la interfaz.

Instalación manual del archivo comprimido

Desde tu panel de Shopify: Tienda online → Temas → Agregar tema → Cargar archivo zip.