Erfahren Sie, wie Sie Shopify-Produktvarianten in Framer mit dem Frameship-Plugin anzeigen und synchronisieren, einschließlich Farben, Größen, dynamischen Bildern und Echtzeit-Bestandsaktualisierungen, die direkt von Shopify abgerufen werden.
Perfekt für Designer, Entwickler und Gründer, die vollständig benutzerdefinierte, von Shopify unterstützte Produktseiten in Framer erstellen — ganz ohne Code.
⏱️ Zeitstempel:
0:00 Einführung
0:07 Verständnis der Varianten-/Medienreihenfolge in Shopify
0:44 Öffnen von Frameship in Framer
0:52 Hinzufügen des Variantenwählers
1:04 Verbinden von Shopify-Daten, Variantenoptionen und Variantenbildzuordnung
1:31 Filtern von Varianten (Größe, Farbe usw.)
1:49 Hinzufügen des Varianteninformationslabels
2:04 Dynamisches Anzeigen der ausgewählten Varianten
2:13 Hinzufügen des Variantenbildwechsels
2:28 Verbinden von Variantenfeldern
2:36 Filtern von Variantentypen
2:44 Farbvariantenwechsel
2:50 Kombinieren von Farb- und Größenwählern
3:02 Dynamische Bestands- und Labelaktualisierungen
3:06 Verwendung der Frameship-Galerie für Variantenbilder
3:16 Echtzeitaktualisierungen auf der veröffentlichten Website
3:23 Hinzufügen von Varianten zum Warenkorb
3:32 Wie die Daten zu Shopify fließen
🔗 Wichtige Links: