Hallo, ich frage mich wie man das hier in Shopify nachbauen kann. Wurde das durch Shopify Metafields erstellt ? Ein custom code ist es nicht, weil viele Shops so einen SizeGuide/SizeChart/Größenempfehler haben.
Somit wäre das eine eigene Anpassung und wir empfehlen jegliche Code-Anpassungen zuerst in einer Theme Kopie zu testen.
Du kannst das im CSS und HTML machen, um die Linien- und Punktelemente zu gestalten und zu erstellen. Unten ist ein Code-Beispiel, dass du an der relevanten Stelle im Liquid einfügen kannst, das aber bitte mit einem Experten machen und gerne kann ich welche empfehlen:
Habt ihr schon über Ostern nachgedacht? Warum nicht etwas “Easter Egg Gamification” im Vorfeld Osterns in den Shop einbauen? Man kann z. B. eine Annonce auf der Homepage zeigen, dass Oster Eier im Shop versteckt sind und wenn diese gefunden werden, werden sie automatisch als Geschenk zum Warenkorb ergänzt. Gerne können wir hier weiter darüber plaudern!
Lass wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Trotzdem frage ich mich, wie es jetzt möglich ist, wie sich das Feld verschiebt. Die Size ist ja nicht immer normal, sondern verschiebt sich wie z.B. so:
Wie wird das außerdem eingestellt? Machen sie das mit Metafeldern? Und gleichzeitig muss sich dann ja auch der sizeguide dot verschieben. LG und danke für die Hilfe
Wo siehst du dass der Punkt sich verschiebt? Das ist eigentlich eine statische Anzeige als
class. Apps gibt es auch mit denen du das in ein paar Klicks einrichten kannst. Klicke hier einfach durch die Demos um die Lösung zu finden die dir am besten passt.
Mit Metafelder ginge das auch. Metafelder sind, einfach gesagt, zusätzlich Attribute, die du einem Produkt, einer Variante oder einem Kunden zuordnen kannst. Auf Produktebene kannst du z.b. das Attribut (Metafeld) Bestellumfang anlegen und dort die Anzahl für jedes Produkt individuell hinterlegen.
Der Punkt verschiebt sich in der Liste. Du meinst, man kann das mit Size Chart Apps einrichten, aber ich dachte diese Size Chart Apps können wie der Name es schon sagt nur Size Charts erstellen und nicht so etwas wie in den Bildern. Weißt du welche Size Chart App das kann?
In dem Bild kannst du sehen, dass der Punkt sich verschiebt, weil die Größe jetzt nicht Perfekt ausfällt, sondern kleiner. Gleichzeitig steht dann auch im Text dort drüber: Dieser Sneaker fällt kleiner aus
Jetzt ist meine Frage, wie man das ganze umsetzen kann. Du hast mir diesen Code gesendet, aber ich frage mich wie man das jetzt einstellt. Weil man muss ja irgendwie sagen, Produkt X ist normal = Punkt ist in der Mitte + Dieser Sneaker fällt perfekt aus.
Ah verstehe. Somit ist das kein dynamisches Bild sondern lediglich ein statisches Bild dass man mit den Produktvorlagen einbauen kann so dass auf jeder Produktseite ein anderes statisches Size Guide Element angezeigt wird.
Wie kann ich alle Produktseiten einzeln mit diesem Size Guide Bild gestalten?
Wenn du im Theme-Editor eine Produktvorlage bearbeitest, wirkt sich das auf alle Produkte aus, welche die gleiche Vorlage verwenden. Siehe hier, wie du diese in eine separate Vorlage (Produktseite) einbauen kannst.
In deinem Fall möchtest du ja einzelne Size Guides eines Produktes einbauen. Hierfür kannst du auch Metafelder verwenden.
Metafelder sind, einfach gesagt, zusätzlich Attribute, die du einem Produkt, einer Variante oder einem Kunden zuordnen kannst. Auf Produktebene kannst du z.b. das Attribut (Metafeld) Size Guide anlegen und dort den HTML für jedes Produkt individuell hinterlegen. Hier erfährst du mehr über Metafelder.
Also du schlägst vor das ganze über Metafelder zu erstellen. Ist glaube ich auch die beste Umsetzung, aber ich verstehe dann noch nicht wie ich den Punkt dann immer verschiebe und das dann mit einem Metafeld verbinde.
Das grüne zu erstellen ist ja einfach und habe ich auch gerade mit einem Metafeld und dann stellt man das halt pro produkt anders ein. Aber wie das mit dem roten funktionieren soll … da habe ich keine Ahnung von. Wie und wo würdest du jetzt einen Code einfügen, der den Punkt verändert bzw. die Position des Punktes am besten mit einem Metafeld eingestellt wird.
Siehe meinen “Templates” Link oben. An dieser Stelle empfehle ich, dass du alles weitere mit einem Experten/Programmierer besprichst. Wir haben einige hier die schnell auf eine Info-Anfrage antworten.