Wissensdatenbank

Erhalten Sie professionelles Website-Hosting

Entscheiden Sie sich für Website-Zuverlässigkeit und Kompetenz mit SiteGround!

Start / E-Commerce / Wie kann man Kategorien auf einer Seite anzeigen

Wie kann man Kategorien auf einer Seite anzeigen

Fassen Sie diesen Artikel zusammen mit:
Zuletzt aktualisiert: May 26, 2026 2 Minuten Lesezeit

Sie haben zwei Möglichkeiten, eine Produktkategorie auf einer Seite anzuzeigen:

  • Verwenden Sie einen vorgefertigten „Kategorien“-Abschnitt
  • Verwenden Sie eine Komponente, um Kategorien anzuzeigen und ein individuelles Abschnittsdesign zu erstellen

So zeigen Sie Kategorien mit einem vorgefertigten Abschnitt an

Um Kategorien mit einem Abschnitt anzuzeigen, folgen Sie diesen Schritten:

  1. Klicken Sie im Site Admin auf „Website bearbeiten“ > „Website Builder“.
    Edit Website button in Site Admin of Ecommerce
  2. Öffnen Sie die Registerkarte „Seiten“ in der linken Menüleiste und wählen Sie die Seite aus, auf der die Kategorien angezeigt werden sollen.
    Pages section in the website builder of Ecommerce where a page is selected
  3. Wählen Sie eine Position für den Kategorien-Abschnitt und klicken Sie auf die Schaltfläche „Abschnitt hinzufügen“.
    Selected page in the website builder of Ecommerce where an Add Section button is selected
  4. Öffnen Sie im Pop-up-Fenster „Kategorien“ und wählen Sie ein passendes Design, indem Sie auf „Abschnitt hinzufügen“ klicken.
    A pop-up window in Ecommerce website builder with a selected Category section layout
  5. Nachdem der Abschnitt hinzugefügt wurde, klicken Sie auf die Kategorien-Komponente und wählen Sie in der oberen Symbolleiste das Symbol „Bearbeiten“.
  6. Öffnen Sie im Pop-up-Fenster auf der rechten Seite die Registerkarte „Allgemein“, in der Sie festlegen können, wie die Kategorien angezeigt werden – z. B. Anzahl der Zeilen und Spalten sowie den Abstand zwischen den Spalten.
    A selected category component in a section that displays the General appearance settings window
  7. Öffnen Sie im selben Einstellungsfenster die Registerkarte „Datenquelle“, in der „Kategorie“ bereits im Dropdown-Menü „Datenquelle“ vorausgewählt ist. Um festzulegen, welche Kategorien angezeigt werden oder deren Reihenfolge zu ändern, öffnen Sie das Menü „Kategorien auswählen“, das folgende Optionen bietet:
    • „Neueste“ – zeigt die zuletzt erstellten Kategorien an. Die Anzahl hängt von der Anzahl der Spalten ab, die die Komponente anzeigt.
    • „Manuelle Auswahl“ – öffnet ein Dropdown-Menü „Elemente auswählen“, in dem Sie bestimmte Kategorien aus den vorhandenen Kategorien Ihres Shops auswählen können.
      A category component in a section that displays a settings window where you can choose which categories are displayed
  8. Um das allgemeine Erscheinungsbild des Abschnitts zu ändern, bewegen Sie den Mauszeiger darüber und wählen Sie in der rechten Symbolleiste „Abschnitt bearbeiten“.
    A section in Ecommerce website builder with a selected Edit Section button from the section's toolbar
  9. In der Registerkarte „Allgemein“ können Sie den Abstand zwischen Zeilen und Spalten sowie die Innenabstände anpassen. Um die Hintergrundfarbe zu ändern oder ein Hintergrundbild hinzuzufügen, öffnen Sie die Registerkarte „Design“.
    A section in Ecommerce website builder that displays the Design settings

So zeigen Sie Kategorien mit einer Komponente an

Neben der Verwendung eines vorgefertigten Kategorien-Abschnitts können Sie auch eine „Kategorien“-Komponente zu einem neuen oder bestehenden Abschnitt hinzufügen und diese nach Ihren Bedürfnissen konfigurieren. Gehen Sie dazu wie folgt vor:

  1. Klicken Sie auf einen bestehenden Abschnitt oder fügen Sie mit der Schaltfläche „Abschnitt hinzufügen“ einen neuen hinzu.
  2. Bewegen Sie den Mauszeiger über den gewählten Abschnitt und klicken Sie oben links auf die Schaltfläche „Hinzufügen“.
    A selected section in Ecommerce website builder that displays the Add button for adding a component to the section
  3. Öffnen Sie im Fenster „Komponente hinzufügen“ die Registerkarte „Shop“ und wählen Sie „Mehrere Elemente“.
    Add Component menu where a Multiple Items component is selected
  4. Klicken Sie auf die hinzugefügte Komponente und wählen Sie in der oberen Symbolleiste das Symbol „Bearbeiten“.
  5. Öffnen Sie im Fenster „Mehrere Shop-Elemente bearbeiten“ die Registerkarte „Datenquelle“.
  6. Wählen Sie im Dropdown-Menü „Datenquelle“ die Option „Kategorie“.
    Multiple Items component displaying the Data Source menu where Category is selected
  7. Im Dropdown-Menü „Kategorien auswählen“ können Sie zwischen folgenden Optionen wählen:
    • „Neueste“ – zeigt die zuletzt erstellten Kategorien an. Die Anzahl hängt von der Anzahl der Spalten ab, die die Komponente anzeigt.
    • „Manuelle Auswahl“ – öffnet ein Dropdown-Menü „Elemente auswählen“, in dem Sie bestimmte Kategorien aus den vorhandenen Kategorien Ihres Shops auswählen können.
      Multiple Items component displaying the Select Category menu where you can select which categories are displayed
  8. In der Registerkarte „Allgemein“ im Fenster „Mehrere Shop-Elemente bearbeiten“ können Sie die Anzahl der Spalten und Zeilen festlegen, um zu steuern, wie Ihre Kategorien angezeigt werden.
    General settings for a component that displays categories

Diesen Artikel teilen