Aprende a mostrar y sincronizar variantes de productos de Shopify dentro de Framer utilizando el plugin Frameship, incluyendo colores, tamaños, imágenes dinámicas y actualizaciones de stock en tiempo real extraídas directamente de Shopify.
Perfecto para diseñadores, desarrolladores y fundadores que construyen páginas de productos personalizadas impulsadas por Shopify en Framer — sin necesidad de código.
⏱️ Tiempos:
0:00 Introducción
0:07 Entendiendo el orden de variantes/medios en Shopify
0:44 Abriendo Frameship en Framer
0:52 Añadiendo Selector de Variante
1:04 Conectando Datos de Shopify, Opciones de Variante y Mapeo de Imágenes de Variante
1:31 Filtrando variantes (tamaño, color, etc.)
1:49 Añadiendo Etiqueta de Información de Variante
2:04 Mostrando variantes seleccionadas dinámicamente
2:13 Añadiendo Interruptor de Imagen de Variante
2:28 Conectando campos de variante
2:36 Filtrando tipos de variante
2:44 Cambio de variante de color
2:50 Combinando selectores de color + tamaño
3:02 Actualizaciones dinámicas de stock y etiquetas
3:06 Usando la Galería de Frameship para imágenes de variante
3:16 Actualizaciones en tiempo real en el sitio publicado
3:23 Añadiendo variantes al carrito
3:32 Cómo fluye la información a Shopify
🔗 Enlaces Importantes: