Im Theme-Editor: AnpassenStartseiteAbschnitt hinzufügenDen Look shoppen

Den Look shoppen

Ein großes Foto mit Punkten auf den Produkten darin. Ein Tipp auf einen Punkt zeigt das Produkt, und es kann direkt in den Warenkorb.

Setzen Sie jeden Punkt nach seiner Position quer und senkrecht im Foto. Prüfen Sie auf dem Smartphone, ob die Punkte noch auf den richtigen Teilen sitzen.

Einstellungen

Bild

Lifestyle-Bild: BildEin Foto, das die Produkte zeigt. Platziere die Punkte in den Blöcken.
Bild für Smartphones: BildOptional. Wenn leer, zeigen Smartphones das Hauptbild. Jeder Punkt hat eine eigene Position für Smartphones.
Bildform auf dem Desktop: Auswahl: Hochformat (4:5), Quadratisch, Querformat (4:3), Breit (16:9), OriginalStandard: Hochformat (4:5)Original: kein Zuschnitt, damit die Punkte genau auf den Produkten bleiben.
Bildform auf Smartphones: Auswahl: Hochformat (4:5), Quadratisch, OriginalStandard: Hochformat (4:5)
Bildseite auf dem Desktop: Auswahl: Automatisch: gegenüber dem Abschnitt darüber, Zuerst, ZuletztStandard: Automatisch: gegenüber dem Abschnitt darüberNeben der Produktliste, auf dem Computer. Auf Smartphones steht das Bild immer unter der Überschrift. Automatisch: Hat der Abschnitt darüber ebenfalls ein Bild neben dem Text, steht das Bild auf der anderen Seite, sodass aufeinanderfolgende Abschnitte abwechseln; sonst steht es am Anfang (rechts, auf Hebräisch).

Überschrift

Überschrift: TextLeer lassen, um die Standardüberschrift anzuzeigen.
Kleines Wort über der Überschrift: Ein oder ausStandard: Ein
Kleines Wort: TextLeer lassen, um das Standardwort anzuzeigen.

Punkte und Produkte

+-Schaltfläche zum schnellen Hinzufügen: Ein oder ausStandard: EinAuf der Karte, die sich über einen Punkt öffnet. Öffnet die Schnellansicht oder die Produktseite, wenn die Schnellansicht deaktiviert ist.
Produktliste neben dem Bild: Ein oder ausStandard: EinNur auf dem Desktop. Ein Klick auf eine Zeile öffnet ihren Punkt. Aus: Die Überschrift steht über dem Bild.
Beschriftung der Liste: TextLeer lassen, um die Standardbeschriftung anzuzeigen.
Hinweis unter dem Bild: Ein oder ausStandard: EinNur auf Smartphones: „Tippe auf einen Punkt, um das Produkt zu sehen“.
Farbe der Punkte: Auswahl: Hell, DunkelStandard: HellHell für ein dunkles Foto, dunkel für ein helles Foto.
Pulsierender Ring um die Punkte: Ein oder ausStandard: EinNur solange der Abschnitt auf dem Bildschirm ist. Wird Besuchenden mit reduzierter Bewegung nicht angezeigt.

Jeder Punkt ist ein Block: Wähle ein Produkt und platziere es in Prozent, getrennt für Desktop und Smartphones. Ein Punkt ohne Produkt wird im Shop nicht angezeigt.

Einstellungen, die jeder Abschnitt hatFenster, Scrollen, Abstände, Farben, Textgestaltung

Die Einstellungen für Fenster, Scrollen, Abstände und Farben funktionieren in jedem Abschnitt gleich. So funktionieren sie.

Fenster

Anschluss: Auswahl: Eigenes Fenster, An das Fenster darüber angeschlossen, An das Fenster darunter angeschlossen, Oben und unten angeschlossenStandard: Eigenes Fenster
Bildecken: Auswahl: Abgerundet, EckigStandard: Abgerundet

Scrollen

Nächster Abschnitt überdeckt ihn beim Scrollen: Ein oder ausStandard: AusBeim Herunterscrollen bleibt dieser Abschnitt unter dem Header stehen und der nächste Abschnitt schiebt sich darüber. Beim Zurückscrollen kehrt sich das um. Deaktiviert im Editor, für Besuchende mit reduzierter Bewegung und auf sehr niedrigen Bildschirmen.

Abstände

Eigener Abstand für diesen Abschnitt: Ein oder ausStandard: AusAus: der Abschnittsabstand aus den Theme-Einstellungen unter „Layout“. An: die Werte hier, oberhalb und unterhalb dieses Abschnitts. Auf Mobilgeräten nutzen die meisten Abschnitte 65 % davon.
Abstand oben: Schieberegler, 0 bis 120 pxStandard: 40 px
Abstand unten: Schieberegler, 0 bis 120 pxStandard: 40 px
Inhaltsbreite: Auswahl: Schmal, Standard, Breit, Volle BreiteStandard: Standard

Farben

Farbschema: FarbschemaWie das Seitenschema: Der Abschnitt liegt auf dem Seitenhintergrund. Ein anderes Schema gibt dem Abschnitt einen eigenen Hintergrund als Karte im Rahmen. Eigene Farben darunter überschreiben das Schema.
Benutzerdefinierte Farben für diesen Abschnitt verwenden: Ein oder ausStandard: AusAndernfalls verwendet der Abschnitt die Theme-Farben.
Hintergrund: FarbeStandard: #F1F1EF
Text: FarbeLeer: automatisch. Hell auf dunklem Hintergrund, dunkel auf hellem.
Hintergrundstil: Auswahl: Einfarbig, Beleuchtete BühneStandard: EinfarbigBeleuchtete Bühne: ein weiches Licht von oben, das nach unten abnimmt, aus der Farbe des Abschnitts, hell oder dunkel. Auf einer dunklen Farbe werden Text und Schaltflächen von selbst hell.
Lichtfarbe: FarbeDas sanfte Licht von oben in der Mitte. Leer: Weiß.

Textgestaltung

Benutzerdefinierte Textgestaltung für diesen Abschnitt: Ein oder ausStandard: AusAndernfalls verwendet der Abschnitt die Gestaltung des Themes. Shopify-Schriftarten enthalten kein Hebräisch, daher wählst du zwischen Stilen, die auf Hebräisch funktionieren.
Überschriftenstil: Auswahl: Theme-Standard, Leicht, Fett, SerifenStandard: Theme-Standard
Überschriftengröße: Schieberegler, 70 bis 160 %Standard: 100 %
Überschriftenfarbe: FarbeLeer: automatisch, verwendet die Farbe des Abschnitts (hell auf dunklem Hintergrund).
Textstil: Auswahl: Theme-Standard, Leicht, Fett, SerifenStandard: Theme-Standard
Textgröße: Schieberegler, 70 bis 160 %Standard: 100 %
Textfarbe: FarbeLeer: automatisch, verwendet die Farbe des Abschnitts (hell auf dunklem Hintergrund).

Blöcke

Blöcke sind die Teile innerhalb eines Abschnitts. Im Editor lassen sie sich hinzufügen, entfernen und per Ziehen neu anordnen.

Punkt

Allgemein

Produkt: ProduktDas Produkt, das dieser Punkt zeigt.

Position auf dem Desktop

Von links: Schieberegler, 0 bis 100 %Standard: 50 %Prozent der Bildbreite, immer von links.
Von oben: Schieberegler, 0 bis 100 %Standard: 50 %Prozent der Bildhöhe.

Position auf Smartphones

Von links: Schieberegler, 0 bis 100 %Standard: 50 %Prozent der Bildbreite, immer von links.
Von oben: Schieberegler, 0 bis 100 %Standard: 50 %Prozent der Bildhöhe.

Stimmt hier etwas nicht mit dem Editor überein? Schreiben Sie uns, dann korrigieren wir die Anleitung.