header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Wix Editor: Deinen Breadcrumb-Pfad anpassen

4 min
In diesem Artikel
  • Das Layout deines Breadcrumb-Pfads ändern
  • Deine Breadcrumbs gestalten
Nachdem du deinen Breadcrumbs-Pfad hinzugefügt und eingerichtet hast, kannst du ihn nach deinen Wünschen gestalten, indem du ihn an das von dir gewünschte Design anpasst. Wähle Presets und passe Layout und Design an. So weckst du die Neugier deiner Besucher. Sie bleiben länger auf deiner Website, klicken sich durch die verschiedenen Möglichkeiten und erkunden sie.
Wichtig:
Du musst den Velo-Dev-Modus auf deiner Website aktivieren, um Breadcrumbs hinzuzufügen und anzupassen. Mit Velo kannst du Code auf deiner Website verwenden, um damit benutzerdefinierte Funktionalitäten und Interaktionen zu erstellen. 

Das Layout deines Breadcrumb-Pfads ändern

Passe das Layout deines Breadcrumb-Pfads an die Ausrichtung deiner Website an. Du kannst Einstellungen wie die Trennlinien, den Abstand und die Richtung der Elemente ändern.

Um das Layout des Pfads anzupassen:

  1. Klicke in deinem Editor auf das Breadcrumbs-Element.
  2. Klicke auf das Symbol für Layout .
  3. Passe das Layout mit den verfügbaren Optionen an:
    • Überlauf-Elemente: Wähle aus, wie Elemente im Pfad angezeigt werden sollen:
      • Umbruch: Wenn Elemente nicht auf den Bildschirm passen, wird eine weitere Linie auf dem Pfad erstellt.
      • Einklappen: Elemente werden nur in einer Zeile angezeigt. Wenn sie nicht in die Zeile passen, werden Auslassungspunkte angezeigt.
    • Trennzeichen anzeigen: Aktiviere den Schieberegler, um Trennzeichen zwischen den Textelementen anzuzeigen, und wähle dann das gewünschte Symbol aus: Pfeil oder Schrägstrich
    • Horizontaler Abstand: Ziehe den Slider, um den Abstand zwischen den Elementen zu ändern.
    • Vertikaler Abstand: Ziehe den Schieberegler, um den Abstand über und unter den Elementen zu ändern.
    • Elemente ausrichten: Wähle aus, wie die Elemente ausgerichtet werden: Links, Zentriert oder Rechts.
    • Breadcrumbs anzeigen von: Wähle die Richtung, in der die Elemente angezeigt werden: von Links nach rechts oder von Rechts nach links.
Screenshot des Breadcrumb-Layout-Panels.

Deine Breadcrumbs gestalten

Wähle für den Breadcrumb-Pfad ein weiteres Design aus den verfügbaren Optionen aus, oder passe dieses für eine klare und eindeutige Seitenhierarchie noch weiter an. Du kannst das Aussehen des gesamten Pfades mit Einstellungen wie Abstand, Farbe und Größe anpassen.

Um das Design anzupassen:

  1. Klicke in deinem Editor auf das Breadcrumbs-Element.
  2. Klicke auf das Symbol für Design .
  3. (Optional) Wähle ein anderes Presetdesign aus.
  4. Klicke auf Design anpassen.
  5. Wähle aus dem Dropdown-Menü aus, was du gestalten möchtest:
Das Breadcrumb-Design-Panel. Die Optionen für Elemente ist geöffnet.