Apprenez à afficher et synchroniser les variantes de produit Shopify dans Framer en utilisant le plugin Frameship, y compris les couleurs, les tailles, les images dynamiques et les mises à jour de stock en temps réel directement issues de Shopify.
Parfait pour les designers, développeurs et fondateurs créant des pages produits entièrement personnalisées alimentées par Shopify dans Framer — sans aucune ligne de code.
⏱️ Horodatages :
0:00 Introduction
0:07 Comprendre l'ordre des variantes/médias dans Shopify
0:44 Ouverture de Frameship dans Framer
0:52 Ajout du sélecteur de variantes
1:04 Connexion des données Shopify, options de variantes et mappage d'images de variantes
1:31 Filtrage des variantes (taille, couleur, etc.)
1:49 Ajout de l'étiquette d'information sur les variantes
2:04 Affichage dynamique des variantes sélectionnées
2:13 Ajout de l'interrupteur d'image de variante
2:28 Connexion des champs de variantes
2:36 Filtrage des types de variantes
2:44 Changement de variantes de couleur
2:50 Combinaison des sélecteurs de couleur + taille
3:02 Mises à jour dynamiques de stock et d'étiquettes
3:06 Utilisation de la galerie Frameship pour les images de variantes
3:16 Mises à jour en temps réel sur le site publié
3:23 Ajout de variantes au panier
3:32 Comment les données circulent vers Shopify
🔗 Liens importants :