Aprenda a exibir e sincronizar variantes de produtos do Shopify dentro do Framer usando o plugin Frameship, incluindo cores, tamanhos, imagens dinâmicas e atualizações de estoque em tempo real puxadas diretamente do Shopify.
Perfeito para designers, desenvolvedores e fundadores que estão criando páginas de produtos totalmente personalizadas com Shopify no Framer — sem código.
⏱️ Marcação de Tempo:
0:00 Introdução
0:07 Entendendo a ordem de variantes/mídia no Shopify
0:44 Abrindo o Frameship no Framer
0:52 Adicionando Seletor de Variante
1:04 Conectando Dados do Shopify, Opções de Variante e Mapeamento de Imagem da Variante
1:31 Filtrando variantes (tamanho, cor, etc.)
1:49 Adicionando Rótulo de Informações da Variante
2:04 Exibindo variantes selecionadas dinamicamente
2:13 Adicionando Interruptor de Imagem da Variante
2:28 Conectando campos de variante
2:36 Filtrando tipos de variante
2:44 Troca de variantes de cor
2:50 Combinando seletores de cor + tamanho
3:02 Atualizações dinâmicas de estoque e rótulos
3:06 Usando a Galeria Frameship para imagens de variantes
3:16 Atualizações em tempo real no site publicado
3:23 Adicionando variantes ao carrinho
3:32 Como os dados fluem para o Shopify
🔗 Links Importantes: