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 findest du eine Liste aller 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 findest du in der Anleitung zum Brine-Template.

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 – Beeinflusst deine Website sowohl auf Mobilgeräten als auch auf einem Computer.

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 Layout: Horizontal, gestapelt
  • Rechtes Layout: Horizontal, gestapelt

Header: Unten

  • Padding
  • Linkes Layout: Horizontal, gestapelt
  • Mittiges Layout: Horizontal, gestapelt
  • Rechtes Layout: Horizontal, 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 de Header-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.

Header: Branding

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

Kopfzeile: Untertitel

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

Header: 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)

Header: Sekundärnavigation

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

  • Styles der primären Navigation übernehmen – Deaktiviere diese Option, um die sekundäre Navigation anders als die primäre Navigation zu gestalten.
  • Link-Abstand
  • Stil: Einfach, 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)

Gestalte 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 – Lege die Größe des Symbols fest
  • Icon-Farbe
  • Hintergrundfarbe
  • Randfarbe
  • Textfarbe
  • Symbol-Farbe (Overlay)
  • Hintergrundfarbe (Overlay)
  • Rand: Farbe (Overlay)
  • Textfarbe (Overlay)

Header: Warenkorb

Gestalte 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)

Header: Kundenkonten-Link

  • Stil: Text oder Symbol.
  • Schriftart
  • Farbe

Hauptbereich

Hauptbereich

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

Hauptbereich: 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 erfährst du 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 – Lege 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 – Lege 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 – Lege fest, ob Titel bei Mouseover verschwinden sollen.
  • 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 – Lege die Mindesthöhe fest. Diese Option verwendet einen Prozentsatz der Viewport-Höhe (der Teil eines Browsers, in dem deine Website dargestellt wird). Wenn du 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

Du kannst Galerie-Index-Abschnitte gestalten.

  • Overlay-Kopfzeile auf erster Index-Galerie– Wenn der erste Abschnitt in Ihrem Index eine Galerie ist, wählen Sie, ob der untere Header diese überlagert.
  • Layout: Verdichtet, Geteilt, Raster, Slideshow – Lege das Layout für alle Galerie-Index-Abschnitte fest. Bei Verdichtet und Geteilt werden die Layouts automatisch auf Grundlage der Anzahl und Größe der Bilder in der Galerie und deren Padding festgelegt.
  • Abstände
  • Abstände an den Seiten einfügen
  • Abstände oben/unten einfügen
  • Feste Höhe verwenden – Lege die Höhe fest (nur Slideshow-Abschnitte)
  • Rand unter erster Galerie spiegeln – Füge Padding 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 – Lege fest, wie sich die Galerie von einem Bild zum nächsten bewegt.
  • Übergang: Dauer (Millisekunden)

Gestalte 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 – Lege fest, ob die Breite der Spalten manuell festgelegt werden soll. Verwende 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
  • Unternehmensinformationen: 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
  • Heading 1
  • Heading 2
  • Heading 3
  • Links - Beeinflusst Text-Links.
  • Linien

Mobilgerät

Gestalte, wie die Header-Elemente deiner Website auf Mobilgeräten angezeigt werden.

Mobilgerät

  • Mobil-Breakpoint – Wähle aus, bei welcher Browser-Breite dein Header zur mobilen Ansicht wechselt. Der Standardwert ist 640 Pixel.

Mobil: Seitenanfang

Um eine obere Leiste für Mobilgeräte hinzuzufügen, füge ein beliebiges Header-Element für Mobilgeräte (Markenführung, 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 – Lege die Farbe der Mobilgeräte-Leiste am Seitenanfang fest.

Mobil: Seitenende

Um eine untere Leiste für Mobilgeräte hinzuzufügen, füge ein beliebiges Header-Element für Mobilgeräte (Markenführung, 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: Branding

Gestalte, wie dein Seitentitel oder Logo auf Mobilgeräten angezeigt wird.

  • PositionVerbergen, Oben links, Oben mittig, Oben rechts, Unten links, Unten mittig, Unten rechts
  • Logo-Breite – Lege die Größe des Logos fest.
  • Schriftart – Lege die Schriftart des Website-Titels fest. Damit dein Branding auf allen Geräten einheitlich bleibt, verwende dieselbe Schriftart wie im Abschnitt „Header: Markenführung“.
  • Farbe – Lege die Farbe des Website-Titels fest.

Mobil: Menü-Symbol

Gestalte das ☰-Symbol.

  • Menü-Symbol-PositionVerbergen, Oben links, Oben mittig, Oben rechts, Unten links, Unten mittig, Unten rechts – Lege fest, ob es in der oberen oder unteren Leiste für Mobilgeräte angezeigt werden soll.
  • Menü-Symbol: Hamburger, Zwei Linien, Plus, Horizontale Punkte, Vertikale Punkte, Horizontale Quadrate, Vertikale Quadrate, Vertikale Quadrate
  • Menü-Symbol: Farbe – Ändere 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 „Header: Warenkorb“, damit deine Markenführung auf allen Geräten einheitlich bleibt.

  • PositionVerbergen, Oben links, Oben mittig, Oben rechts, Unten links, Unten mittig, Unten rechts
  • Stil: Text, Warenkorb, Tasche – Lege die Gestaltung des Warenkorbs für Mobilgeräte fest.
  • Schriftart – Lege die Schriftart für einen Text-Warenkorb fest.
  • Farbe – Lege die Symbol- oder Textfarbe fest.
  • Menge: Farbe – Lege den Mengenkreis für den Warenkorb-Stil 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

Gestalte das Overlay, das angezeigt wird, wenn du auf Mobilgeräten das Menü-Symbol antippst.

  • 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
  • Trennzeichen anzeigen – Füge eine Zeile zwischen gestapelten Beiträgen hinzu oder entferne sie.
  • Trennzeichen: Breite
  • Trennzeichen: 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
  • Strichstärke des Seitenpfeils: sehr dünn, dünn, mittel, fett

Blog: Artikel

  • 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
  • Strichstärke des Seitenpfeils: sehr dünn, dünn, mittel, fett

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, Ohne
  • Abstände
  • Freiraum oben
  • Navigationsanzeige: Nur Brotkrümel, Nur Seitennummerierung, Brotkrümel 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
  • Padding: 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: Schnellansichts-Button

  • 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.

Anpassungen für Blöcke

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 49 fanden dies hilfreich
Website-Stil-Anpassungen für Brine