Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.

Website-Stil-Anpassungen für Brine

Dies ist eine Liste aller Anpassungen unter Website-Stile für Templates in der Brine-Familie. Hier finden Sie eine Liste der Brine-Templates.

Wir entwickeln die Squarespace-Plattform ständig weiter, um Ihnen die bestmöglichen Werkzeuge für die Erstellung Ihrer Website an die Hand zu geben. Sollte die Plattform vor Kurzem geändert worden sein, sehen Sie möglicherweise andere Optionen als die unten aufgeführten. Die Funktion der jeweiligen Anpassungen werden am besten durch Experimentieren erlernt, wobei Sie die Änderungen auf Ihrer Website sehen können.

Tipp: Allgemeine Unterstützung finden Sie in der Anleitung für Brine-Templates.

Bevor Sie anfangen

Die (Overlay)-Anpassungen gelten für Elemente, die über Banner-Bildern angezeigt werden. Auf der Index-Seite gelten sie für Inhaltsabschnitte mit Hintergrundbildern und alle Galerie-Index-Abschnitte.

Social-Media-Symbole

Aktivieren Sie integrierte Symbole sozialer Netzwerke im Abschnitt Kopfzeile: Layout.

  • Größe
  • Stil: Standard, Rand, Knockout, Gefüllt
  • Form: Quadrat, Abgerundet, Kreis
  • Farbe
  • Farbe (Overlay)

Website

Website

  • Hintergrund – Website-Hintergrundfarbe, sichtbar mit Design: Eingeschränkte Breite.
  • Design: Gesamte Breite, Gesamter Hintergrund, Eingeschränkte Breite  Mehr erfahren.
  • Breite
  • Website-Freiraum
  • Symbole: Haarfein, Fein, Mittel, Schwer - Betrifft sowohl Mobilgeräte als auch Desktop.

Website: Rand 

  • Rand anzeigen
  • Breite
  • Farbe

Website: Laden

  • Ajax Loading aktivierenMehr erfahren.
  • Ladebalken anzeigen
  • Breite
  • Farbe

Kopfzeile

Die Kopfzeile ist in einen oberen und einen unteren Abschnitt unterteilt.

Kopfzeile: Oben

  • Hintergrund – Hintergrundfarbe für die obere Kopfzeile.
  • Padding
  • Linkes Layout: Horizontal, gestapelt
  • Mittiges LayoutHorizontal, gestapelt
  • Rechtes LayoutHorizontal, Gestapelt

Kopfzeile: Unten

  • Padding
  • Linkes LayoutHorizontal, gestapelt
  • Mittiges LayoutHorizontal, gestapelt
  • Rechtes LayoutHorizontal, Gestapelt

Kopfzeile: Layout

  • Element-Abstand (horizontal)
  • Element-Abstand (vertikal)
  • Branding-Position
  • Slogan-Position
  • Position der Hauptnavigation
  • Sekundärnavigation-Position
  • Social-Media-Position
  • Position der Suche
  • Warenkorb-Position
  • Position des Kundenkonten-Links

Jedes der Kopfzeilen-Elemente kann in den folgenden Bereichen der Kopfzeile angezeigt werden:

  • Oben links
  • Oben mittig
  • Oben rechts
  • Unten links
  • Unten mittig
  • Unten rechts 

Oder wählen Sie Verbergen, um ein beliebiges Element auszublenden.

Kopfzeile: Branding 

  • Logo-Breite
  • Schriftart
  • Farbe
  • Farbe (Overlay)  – Legen Sie die Farbe über Bannern fest.

Kopfzeile: Slogan

  • Schriftart
  • Farbe
  • Farbe (Overlay)  – Legen Sie die Farbe über Bannern fest.

Kopfzeile: Primärnavigation

(Overlay)-Anpassungen legen die Farbe über Bannern fest.

  • Link-Abstand
  • Stil: Einfach, Verblassen, Spotlight, Aktiv, Button
  • Button-Stil: Gefüllt, Kontur, Erhöht
  • Button-Form: Quadrat, Abgerundet, Pille
  • Schriftart
  • Farbe
  • Aktive Farbe
  • Button: Textfarbe
  • Farbe des Ordners
  • Ordner: Textfarbe
  • Farbe (Overlay)
  • Aktive Farbe (Overlay)
  • Button: Textfarbe (Overlay)
  • Ordner-Farbe (Overlay)
  • Ordner-Textfarbe (Overlay)

Kopfzeile: Sekundärnavigation 

(Overlay)-Anpassungen legen die Farbe über Bannern fest.

  • Styles der primären Navigation übernehmen - Deaktivieren Sie diese Option, um die sekundäre Navigation anders als die primäre Navigation zu gestalten.
  • Link-Abstand
  • StilEinfach, Verblassen, Spotlight, Aktiv
  • Button-Stil: Gefüllt, Kontur, Erhöht
  • Button-Form: Quadrat, Abgerundet, Pille
  • Schriftart
  • Farbe
  • Aktive Farbe
  • Button: Textfarbe
  • Farbe des Ordners
  • Ordner: Textfarbe
  • Farbe (Overlay)
  • Aktive Farbe (Overlay)
  • Button: Textfarbe (Overlay)
  • Ordner-Farbe (Overlay)
  • Ordner-Textfarbe (Overlay)

Gestalten Sie die Suchleiste. (Overlay)-Anpassungen legen die Farbe über Bannern fest.

  • Stil: Rechteck, Unterstreichen, Nur Symbol
  • Platzhalter-Text anzeigen – Fügen Sie den „Suchen“-Text hinzu oder entfernen Sie ihn
  • Schriftart
  • Symbol-Größe – Legen Sie die Größe des Symbols fest
  • Icon-Farbe
  • Hintergrundfarbe
  • Randfarbe
  • Textfarbe
  • Symbol-Farbe (Overlay)
  • Hintergrundfarbe (Overlay)
  • Rand: Farbe (Overlay)
  • Textfarbe (Overlay)

Kopfzeile: Warenkorb 

Gestalten Sie den Warenkorb. (Overlay)-Anpassungen legen die Farbe über Bannern fest.

  • Stil: Text, Warenkorb, Tasche, Warenkorb (alternativ), Tasche (alternativ)
  • Schriftart
  • Farbe
  • Anzahl: Farbe
  • Menge: Textfarbe
  • Farbe (Overlay)
  • Anzahl: Farbe (Overlay)
  • Anzahl: Textfarbe (Overlay)

Kopfzeile: Link zum Kundenkonto

  • Stil: Text oder Symbol.
  • Schriftart
  • Farbe

Hauptbereich

Haupt 

  • Farbe  – Legen Sie die Hintergrundfarbe des Hauptinhaltsbereichs fest.
  • Intro-Freiraum (kein Hintergrundbild) – Legen Sie den Abstand ober- und unterhalb des Inhalts in Intro-Bereichen für alle Seiten ohne Banner fest. Diese Anpassung wird angezeigt, wenn Sie sich auf einer Seite ohne Banner befinden.
  • Intro-Freiraum (mit Hintergrundbild) - Legen Sie den Abstand ober- und unterhalb des Inhalts in Intro-Bereichen fest, die über Bannern angezeigt werden. Diese Anpassung wird angezeigt, wenn Sie sich auf einer Seite mit einem Banner befinden.
  • Inhaltsabschnitt: Freiraum – Legen Sie den Abstand über und unter dem Seiteninhalt fest.
  • Inhaltseinrückung  – Legen Sie die Breite der Inhaltseinrückung fest. Es muss mindestens ein betroffener Block auf der Seite vorhanden sein, damit diese Anpassung angezeigt wird.

Haupt: Overlay

  • Parallax aktivieren – Aktivieren Sie Parallax-Scrolling auf Bannern.
  • Parallax: Intelligentes Abschneiden – Stellen Sie sicher, dass Banner nur minimal beschnitten werden.
  • Overlay-Farbe – Fügen Sie einen Farbfilter zu allen Bannern auf Ihrer Website hinzu.

Index

Hier erfahren Sie mehr über die Index-Seiten von Brine.

Index: Navigation

Gestalten Sie die Index-Navigation.

  • Stil: Keiner, Radio, Ausgefüllte Punkte, Verblasste Punkte, Horizontale Linien, Vertikale Linien, Erweiternde horizontale Linien 
  • Position: Links, Rechts
  • Breakpoint – Legen Sie die Browser-Breite fest, bei der die Index-Navigation verschwindet. 640 Pixel ist der Standardwert für Mobilgeräte.
  • Offset
  • Abstände
  • Größe des Indikators
  • Farbe – Legen Sie die Farbe des Kreises oder der Linie der nicht aktiven Abschnitte fest.
  • Aktive Farbe – Legen Sie die Farbe des Kreises oder der Linie des aktiven Abschnitts fest.
  • Farbe (Overlay) - Für Inhaltsabschnitte mit Hintergrundbildern und Galerie-Indexabschnitten.
  • Aktive Farbe (Overlay) - Für Inhaltsabschnitte mit Hintergrundbildern und Galerie-Indexabschnitten.
  • Titel anzeigen – Wählen Sie, ob Titel bei Mouseover verschwinden.
  • Schriftart
  • Textfarbe
  • Textfarbe (Overlay)

Index: Seite 

  • Padding
  • Freiraum (Overlay-Seiten)
  • Mindesthöhe anwenden: Keine, Nur erste Seite, Nur Seiten mit Hintergründen, Alle Seiten – Diese Anpassung betrifft Inhaltsabschnitte.
  • Mindesthöhe  – Legen Sie die Mindesthöhe fest. Diese Option verwendet einen Prozentsatz der Viewport-Höhe (der Teil eines Browsers, in dem Ihre Website dargestellt wird). Wenn Sie beispielsweise 100vh wählen, nimmt der Abschnitt 100 % der Viewport-Höhe ein. Die tatsächliche Höhe in Pixeln variiert je nach Höhe des Browsers oder Geräts des Besuchers.
  • Rand unter erster Seite spiegeln – Fügen Sie Freiraum unter einigen ersten Abschnitten hinzu.

Index: Scroll-Indikator

  • Option: Keiner, Nur Symbol, Symbol und Text
  • Symbol: Linie, Pfeil
  • Symbol-Gewicht: Haarfein, Fein, Mittel, Schwer
  • Schriftart
  • Farbe

Stil Galerie-Indexabschnitte.

  • Overlay-Kopfzeile auf erster Index-Galerie– Wenn der erste Abschnitt in Ihrem Index eine Galerie ist, wählen Sie, ob die untere Kopfzeile diese überlagert.
  • Layout: Verdichtet, Geteilt, Raster, Slideshow – lege das Layout für alle Galerie-Index-Abschnitte fest. Verdichtet und Geteilt legen ihre Layouts automatisch auf Grundlage der Anzahl und Größe der Bilder in der Galerie und deren Freiraum fest.
  • Abstände
  • Abstände an den Seiten einfügen
  • Abstände oben/unten einfügen
  • Feste Höhe verwenden – Legen Sie die Höhe fest (nur Slideshow-Abschnitte)
  • Rand unter erster Galerie spiegeln  Fügen Sie Freiraum unter einigen ersten Abschnitten hinzu.
  • Seitenverhältnis – Legen Sie die Form fest. Wenn Sie den Schieberegler-Prozentsatz auf 100 einstellen, werden quadratische Bilder erzeugt. Weitere Unterstützung finden Sie in unseren Tipps zur Berechnung des Seitenverhältnisses in Prozent.
  • Max. Elemente pro Zeile – Wird angezeigt mit Layout: Raster.
  • Min. Elementbreite – Wird angezeigt mit Layout: Raster.
  • Mouseover-Stil: Einfach, Verblassen
  • Bild-Overlay – Legen Sie das Farb-Overlay fest.

Stil Galerie-Indexabschnitte, wenn auf Layout: Slideshow eingestellt ist.

  • Steuerung Weiter/Zurück: Keine, Große Pfeile, Kleine Pfeile – Fügen Sie die Navigationspfeile, die über der Galerie angezeigt werden, hinzu oder blenden Sie sie aus.
  • Steuerung: Offset
  • Steuerung: Padding
  • Gewicht der Steuerung: Haarfein, Fein, Mittel, Schwer
  • Steuerung: Farbe
  • Steuerung: Hintergrundfarbe
  • Indikatoren: Keine, Punkte, Linie – Gestalten Sie die Punkte oder Linien, die anzeigen, wie viele Bilder sich in der Galerie befinden.
  • Indikatoren: Offset
  • Indikator: Breite
  • Indikator: Höhe
  • Indikator: Abstand
  • Indikator: Farbe
  • Indikator: Farbe (aktiv)
  • Autoplay – Wählen Sie, ob die Slideshow automatisch die Bilder durchgeht.
  • Autoplay: Dauer (Sekunden)
  • Übergänge: Keine, Verblassen, Gleiten, Karte – Legen Sie fest, wie sich die Galerie von einem Bild zum nächsten bewegt.
  • Übergang: Dauer (Millisekunden)

Gestalten Sie die Titel und Beschreibungen, die über Galerie-Bildern angezeigt werden.

  • Position des Inhalts: Oben links, Oben mittig, Oben rechts, Mitte links, Mitte mittig, Mitte rechts, Unten links, Unten mittig, Unten rechts
  • Inhalt: Offset (oben)
  • Inhalt: Offset (rechts)
  • Inhalt: Offset (unten)
  • Inhalt: Offset (links)
  • Inhalt: Max. Breite
  • Inhalt: Freiraum
  • Textausrichtung des Inhalts: Links, Mitte, Rechts
  • Inhalt: Hintergrund
  • Titel: Schriftart
  • Titel: Farbe
  • Textkörper: Schriftart
  • Textkörper: Farbe

Inhalt

Inhalt: Schriftarten

  • Textkörper
  • Heading 1
  • Heading 2
  • Heading 3

Inhalt: Farben

(Overlay)-Anpassungen legen die Farbe über Bannern fest.

  • Textkörper
  • Heading 1
  • Heading 2
  • Heading 3
  • Links - Beeinflusst Text-Links.
  • Linien
  • Textkörper (Overlay)
  • Überschrift 1 (Overlay)
  • Überschrift 2 (Overlay)
  • Überschrift 3 (Overlay)
  • Link (Overlay) - Beeinflusst Text-Links.
  • Linien (Overlay)

Fußzeile

  • Footer anzeigen – Den Footer auf allen Seiten anzeigen oder verbergen
  • Layout: Stapel, Spalten
  • Automatische Spaltenbreite – Wählen Sie, ob die Breite der Spalten manuell festgelegt werden soll. Verwenden Sie die Breite-Anpassungen in den Abschnitten Footer: Unternehmen und Footer: Navigation, um die Breiten festzulegen.
  • Padding
  • Ausrichtung: Links, Mittig, Rechts
  • Hintergrundfarbe

Gestalten Sie Ihre Geschäftsinformationen.

  • Geschäftsinformationen anzeigen
  • Geschäftsinformationen: Breite – Wird angezeigt, wenn Automatische Spaltenbreite deaktiviert ist
  • Namen: Schriftart
  • Name: Farbe
  • Info: Schriftart
  • Info: Farbe
  • Geschäftszeiten anzeigen
  • Geschäftszeiten: Breite – Wird angezeigt, wenn Automatische Spaltenbreite deaktiviert ist
  • Überschrift Geschäftszeiten: Schriftart
  • Überschrift Geschäftszeiten: Farbe
  • Geschäftszeiten: Schriftart
  • Geschäftszeiten: Farbe
  • Navigation: Spaltenbreite – Wird angezeigt, wenn Automatische Spaltenbreite deaktiviert ist
  • Navigation: Schriftart der Überschrift
  • Navigation: Farbe der Überschrift
  • Navigation: Schriftart
  • Navigation: Farbe
  • Textkörper 
  • Überschrift 1 
  • Überschrift 2 
  • Überschrift 3 
  • Links - Beeinflusst Text-Links.
  • Linien

Mobilgerät

Gestalten Sie, wie die Kopfzeilen-Elemente Ihrer Website auf Mobilgeräten angezeigt werden.

Mobilgerät

  • Mobil-Breakpoint – Wählen Sie die Browser-Breite, bei der Ihre Kopfzeile zur mobilen Ansicht wechselt. Der Standardwert ist 640 Pixel.

Mobil: Seitenanfang 

Um eine obere Leiste für Mobilgeräte hinzuzufügen, fügen Sie ein beliebiges Kopfzeilen-Element für Mobilgeräte (Markenaufbau, Menüsymbol, Suchsymbol, Warenkorb) zu einer der Oben-Positionen in den folgenden Abschnitten hinzu.

  • Seitenanfang auf Mobilgeräten fixieren – Wählen Sie, ob die obere Leiste oben fixiert ist oder mit der Seite nach oben scrollt. Die untere Leiste ist immer fixiert.
  • Seitenanfang: Hintergrund  – Legen Sie die Farbe der Mobilgeräte-Leiste am Seitenanfang fest.

Mobil: Seitenende 

Um eine untere Leiste für Mobilgeräte hinzuzufügen, fügen Sie ein beliebiges Kopfzeilen-Element für Mobilgeräte (Markenaufbau, Menüsymbol, Suchsymbol, Warenkorb) zu einer der Unten-Positionen in den folgenden Abschnitten hinzu. Dieser Abschnitt wird nicht angezeigt, wenn sich alle Elemente in der oberen Leiste befinden.

  • Seitenende: Hintergrund – Legen Sie die Farbe der Mobilgeräte-Leiste am Seitenende fest.

Mobil: Markenaufbau 

Gestalten Sie, wie Ihr Seitentitel oder Logo auf Mobilgeräten angezeigt wird. 

  • PositionVerbergen, Oben links, Oben mittig, Oben rechts, Unten links, Unten mittig, Unten rechts
  • Logo-Breite – Legen Sie die Größe des Logos fest.
  • Schriftart – Legen Sie die Schriftart des Seitentitels fest. Um Ihr Branding auf allen Geräten einheitlich zu halten, verwenden Sie dieselbe Schriftart wie im Abschnitt „Kopfzeile: Markenaufbau“.
  • Farbe – Legen Sie die Farbe des Website-Titels fest.

Mobil: Menü-Symbol 

Gestalten Sie das ☰-Symbol.

  • Menü-Symbol-PositionVerbergen, Oben links, Oben mittig, Oben rechts, Unten links, Unten mittig, Unten rechts – Wählen Sie, ob es in der oberen oder unteren Leiste für Mobilgeräte angezeigt wird.
  • Menü-Symbol: Hamburger, Zwei Linien, Plus, Horizontale Punkte, Vertikale Punkte, Horizontale Quadrate, Vertikale Quadrate, Vertikale Quadrate
  • Menü-Symbol: Farbe – Ändern Sie die Farbe.

Mobil: Such-Symbol 

Gestalten Sie das Suchleisten-Symbol.

  • PositionVerbergen, Oben links, Oben mittig, Oben rechts, Unten links, Unten mittig, Unten rechts
  • Farbe

Mobil: Warenkorb 

Gestalte den Warenkorb, der angezeigt wird, wenn du eine Shop-Seite zu deiner Website hinzufügst. Verwende den gleichen Stil wie im Abschnitt „Kopfzeile: Warenkorb“, damit dein Branding auf allen Geräten einheitlich bleibt.

  • PositionVerbergen, Oben links, Oben mittig, Oben rechts, Unten links, Unten mittig, Unten rechts
  • Stil: Text, Warenkorb, Tasche – Wählen Sie den Stil des Warenkorbs für Mobilgeräte.
  • Schriftart – Legen Sie die Schriftart für einen Text-Warenkorb fest.
  • Farbe – Legen Sie die Symbol- oder Textfarbe fest.
  • Menge: Farbe – Legen Sie für den Warenkorb-Stil den Mengenkreis fest.
  • Menge: Textfarbe

Mobil: Link zum Kundenkonto 

Wenn Sie Kundenkonten aktiviert haben, gestalten Sie, wie Ihr „Anmelden / Mein Konto“-Link auf Mobilgeräten angezeigt wird.

  • Position: Verbergen, Oben links, Oben mittig, Oben rechts, Unten links, Unten mittig, Unten rechts
  • StilText oder Symbol.
  • Schriftart – Legen Sie die Schriftart des Links fest. Um Ihr Branding auf allen Geräten einheitlich zu halten, verwenden Sie dieselbe Schriftart wie im Abschnitt „Kopfzeile: Kundenkonto“.
  • Farbe – Legen Sie die Farbe des Links fest.

Mobil-Menü: Allgemein

Gestalten Sie das Overlay, das angezeigt wird, wenn Sie auf Mobilgeräten das Menü-Symbol antippen.

  • Seite: Links, Rechts
  • Hintergrundfarbe
  • Schließen-Button anzeigen
  • Schließen-Symbol: Hintergrundfarbe
  • Schließen-Symbol: Farbe
  • Menüfarbe
  • Indikator-Farbe – Legen Sie die Farbe des Symbols für „Ordner aus/einklappen“ fest

Mobil-Menü: Primär

  • Schriftart
  • Textfarbe
  • Hauptnavigation in Buttons umwandeln
  • Button-Stil: Gefüllt, Kontur, Erhöht – Ordner-Unterseiten werden nicht als Buttons angezeigt.
  • Button-Form: Quadrat, Abgerundet, Pille
  • Schriftart
  • Button: Farbe
  • Button: Textfarbe

Mobil-Menü: Sekundär

  • Styles der primären Nav. übernehmen - Deaktivieren Sie diese Option, um die sekundäre Navigation anders als die primäre Navigation zu gestalten.
  • Schriftart
  • Textfarbe
  • Sekundärnavigation in Buttons konvertieren
  • Button-Stil: Gefüllt, Kontur, Erhöht – Ordner-Unterseiten werden nicht als Buttons angezeigt.
  • Button-Form: Quadrat, Abgerundet, Pille
  • Schriftart
  • Button: Farbe
  • Button: Textfarbe

Zitat-Block

  • Ausrichtung: Links, Mittig, Rechts
  • Zitat: Schriftart
  • Quelle: Schriftart

Albumoptionen

Diese Anpassungen werden auf Albumseiten angezeigt.

  • Album: Textfarbe
  • Link „Album teilen“ verbergen

Blog

Diese Anpassungen werden auf Raster-/Stapel-Blogseiten angezeigt.

Blog: Metadaten 

Du kannst bis zu zwei Arten von Metadaten auf Blogseiten und in Blogeinträgen anzeigen.

  • Primär: Keine, Kategorie, Autor, Datum, Standort, Tags, Kommentare
  • Sekundär: Keine, Kategorie, Autor, Datum, Standort, Tags, Kommentare 

Blog: Liste 

  • Stil: Raster, Stapel
  • Einträge pro Zeile (Max.)
  • Abstände
  • Trennung anzeigen – Fügen Sie eine Linie zwischen gestapelten Einträgen hinzu oder entfernen Sie sie.
  • Separator: Breite 
  • Separator: Farbe 
  • Ausrichtung: Links, Mittig, Rechts
  • Abstand der Elemente 
  • Bild anzeigen
  • Bild: Seitenverhältnis
  • Max. Bildbreite
  • Titel anzeigen
  • Auszug anzeigen
  • „Mehr lesen“-Link: Verbergen, Inline, Unter Auszug
  • Metadaten: Über Titel, Unter Titel, Unter Inhalt
  • Seitennummerierung anzeigen
  • Seitenpfeile anzeigen
  • Gewicht des Seitenpfeils: Haarfein, Fein, Mittel, Schwer

Blog: Element 

  • Ausrichtung: Links, Mittig, Rechts
  • Abstand der Elemente
  • Metadaten: Über Titel, Unter Titel
  • Teilen-Symbole: Über Inhalt, Unter Inhalt
  • Seitenpfeile anzeigen
  • Seitennummerierung anzeigen
  • Seitentitel anzeigen
  • Metadaten Seitennummerierung: Verbergen, Kategorie, Autor, Datum, Standort, Tags
  • Gewicht des Seitenpfeils: Haarfein, Fein, Mittel, Schwer

Blog: Typografie & Farben

  • Listentitel: Schriftart
  • Produkttitel: Schriftart
  • Titel: Farbe
  • Meta: Schriftart
  • Meta: Farbe
  • Auszug: Schriftart
  • Auszug: Auszug
  • Weiterlesen-Link: Schriftart
  • Weiterlesen-Link: Farbe
  • Seitennummerierung: Schriftart
  • Seitennummerierung: Farbe
  • Seitenpfeil: Farbe

Veranstaltungen

Diese Anpassungen werden auf Veranstaltungsseiten angezeigt.

  • Artikelseiten deaktivieren
  • Vergangene Veranstaltungen anzeigen
  • Vorschaubilder anzeigen
  • Vorschaubildgröße
  • Datums-Tag anzeigen
  • Datums-Tag mit Uhrzeit anzeigen
  • Kategorien anzeigen
  • Datum anzeigen
  • Zeit anzeigen
  • Standort anzeigen
  • Export-Links anzeigen
  • Buttons für Social Media anzeigen
  • Auszug anzeigen
  • Button anzeigen
  • Link „Zurück“ anzeigen
  • 24-Stunden-Format
  • Gestapelte Ansicht
  • Symbole anzeigen

Galerie-Stile

Diese Anpassungen werden auf Standard-Galerie-Seiten angezeigt.

  • Galerie-Design – Legen Sie das Layout fest.
  • Seitenverhältnis
  • Rasterabstand
  • Min. Spaltenbreite
  • Lightbox-Stil: Dunkel, Hell
  • Galerie-Navigation: Vorschaubilder, Stichpunkte, Zahlen, Kreise, Einfach, Keine
  • Galerie-Info-Overlay: Immer anzeigen, Bei Mouseover anzeigen, Verbergen
  • Galerie-Seitenverhältnis
  • Stil des Galeriepfeils: Runde Ecken, Rechteckig, Kreisförmig, Kein Hintergrund
  • Galerie-Übergänge: Ausblenden, Scrollen
  • Galerie: Pfeile anzeigen
  • Galerie: Autom. Zuschneiden
  • Galerie-Autoplay
  • Galerie: Schleife
  • Galerie: Autoplay-Geschwindigkeit (Sek.)
  • Galerie: Vorschaubildgröße
  • Galeriepfeil: Hintergrund
  • Galeriepfeil: Farbe
  • Galeriekreis: Farbe
  • Galerie: Info-Hintergrund

Produkte

Diese Anpassungen werden auf den erweiterten Shop-Seiten angezeigt.

Produkte: Layout 

  • Elemente pro Zeile
  • Abstand der Elemente
  • Bild: Seitenverhältnis
  • Verhalten des Elements bei Mouseover: Alternatives Bild anzeigen, Verblassen, Keines
  • Abstände
  • Freiraum oben
  • Navigationsanzeige: Nur Breadcrumb, Nur Seitennummerierung, Breadcrumb und Seitennummerierung, Keine
  • Stil der Seitennummerierung: Zurück/Weiter, Titel
  • Navigationsausrichtung: Links, Mittig, Rechts, Geteilt
  • Navigation: Schriftart
  • Navigation: Farbe
  • Navigations-Separator: Farbe

Produkte: Details 

  • Position: Unter, Overlay
  • Position (Mobil): Unter, Overlay
  • Ausrichtung – Optionen unter Bild: Mitte, Links. Optionen für Overlay: Oben links, Oben mittig, Oben rechts, Mitte links, Mitte mittig, Mitte rechts, Unten links, Unten mittig, Unten rechts.
  • Overlay-Farbe
  • Overlay-Freiraum
  • Abstände
  • Titel anzeigen
  • Titel: Schriftart
  • Titel: Farbe
  • Titelfarbe (Mobil)
  • Titel-Abstand
  • Preis anzeigen
  • Preis: Schriftart
  • Preis: Farbe
  • Preis: Farbe (Mobil)
  • Verkaufspreis: Farbe
  • Verkaufspreis: Farbe (Mobil)
  • Preise: Abstand
  • Ausrichtung: Links, Mittig, Rechts
  • Abstände
  • Titel anzeigen
  • Titel: Schriftart
  • Titel: Farbe
  • Preis anzeigen
  • Preis: Schriftart
  • Preis: Farbe
  • Verkaufspreis: Farbe
  • Auszug anzeigen
  • Position des Auszugs: Über Preis, Unter Preis, Unter Button „Zum Warenkorb hinzufügen“
  • Auszug: Schriftart
  • Auszug: Auszug
  • Auszugs-Links: Farbe
  • Teilen-Buttons anzeigen

Produkte: Sortieren + Filtern 

  • Anzeige: Verbergen, Oben, Linke Seite, Rechte Seite
  • Breite
  • Außenabstand
  • Abstand der Elemente
  • Ausrichtung: Links, Mittig, Rechts
  • Schriftart
  • Farbe
  • Aktive Farbe

Produkte: Galerie 

  • Position: Links, Rechts
  • Design: Slideshow, Stapel
  • Breite
  • Seitenverhältnis
  • Ausrichtung des Vorschaubildes: Links, Mitte, Rechts
  • Vorschaubild: Breite
  • Vorschaubild: Abstand
  • Abstände

Produkte: Optionen 

  • Varianten anzeigen
  • Anzahl anzeigen
  • Stil: Nur Text, Quadrat, Abgerundet, Pille
  • Randfarbe
  • Hintergrundfarbe
  • Label: Schriftart
  • Label: Farbe
  • Schriftart
  • Textfarbe

Produkte: Button „Zum Warenkorb hinzufügen“

  • Button anzeigen
  • Stil: Gefüllt, Kontur, Erhöht
  • Form: Quadrat, Abgerundet, Pille
  • Freiraum: Klein, Mittel, Groß
  • Farbe
  • Textfarbe
  • Schriftart

Produkte: Bild-Zoom

  • Bild-Zoom aktivieren
  • Zoom-Faktor
  • Zoom aktiviert bei: Mouseover, Klick
  • Lightbox aktivieren

Produkte: Ähnliche Produkte

  • Elemente pro Zeile
  • Abstand der Elemente
  • Bild: Seitenverhältnis
  • Detail-Ausrichtung
  • Titel-Abstand der Elemente

Produkte: Statuszeichen 

  • Stil: Rechteck, Quadrat, Kreis, Keiner
  • Verkauf: Farbe
  • Ausverkauft: Farbe
  • Schriftart
  • Padding
  • Position: Oben links, Oben mittig, Oben rechts, Mitte links, Mitte mittig, Mitte rechts, Unten links, Unten mittig, Unten rechts
  • Einrückung: Schwebend, Bündig, Vertikal andocken, Horizontal andocken
  • Einrückung: Größe

Produkte: Button für die Schnellansicht

  • Stil: Leiste, Schwebend, Angedockt
  • Farbe
  • Schriftart
  • Padding
  • Position: Oben, Mitte, Unten
  • Einrückung: Größe

Produkte: Schnellansicht-Lightbox 

  • Padding
  • Overlay-Farbe
  • Hintergrundfarbe
  • Auszugsanzeige: Abschneiden, Verbergen
  • Steuerung: Pfeile anzeigen
  • Steuerung: Schließen-Button anzeigen
  • Steuerung: Farbe
  • Gewicht der Steuerung: Haarfein, Fein, Mittel, Schwer
  • Steuerung: Größe 

Teilen-Buttons

Diese Anpassungen werden in Blogeinträgen oder auf Produktdetailseiten angezeigt. Welche Anpassungen angezeigt werden, hängt davon ab, welche Option du für die Anpassung Stil ausgewählt hast.

  • Stil: Nur Symbol, Gefüllt, Kontur, Erhöht
  • Symbole anzeigen
  • Label anzeigen
  • Zähler anzeigen
  • Rundung
  • Größe
  • Abstände
  • Rand: Breite
  • Rand: Farbe
  • Symbole : Standardfarbe
  • Symbole: Benutzerdefinierte Farbe
  • Hintergrund: Standardfarbe
  • Hintergrund: Benutzerdefinierte Farbe
  • Label: Schriftart
  • Label: Farbe

Cover-Seiten

Cover-Seiten werden unabhängig von dem Template einer Website gestaltet. Mehr dazu erfährst du in unserer Anleitung zu Cover-Seiten.

Block tweaks

Anpassungen für bestimmte Blöcke werden ebenfalls unter „Website-Stile“ angezeigt. Um mehr über Stil-Optionen zu erfahren, gehe zu Inhalte mithilfe von Blöcken hinzufügen und klicke auf den Namen des Blocks, über den du mehr erfahren möchtest.

Bestimmte Blöcke verfügen über eine Inhaltseinrückung.

War dieser Beitrag hilfreich?
9 von 46 fanden dies hilfreich
Website-Stil-Anpassungen für Brine