Wissensdatenbank

Erhalten Sie professionelles Website-Hosting

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

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

Wie kann man Produkte auf einer Seite anzeigen

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

Sie können Produkte auf einer Seite auf folgende Weise anzeigen:

  • Verwenden Sie einen vorgefertigten Produktabschnitt
  • Verwenden Sie eine Komponente, um Produkte anzuzeigen und ein individuelles Abschnittsdesign zu erstellen

So zeigen Sie Produkte mit einem vorgefertigten Abschnitt an

Um Produkte in einem Abschnitt anzuzeigen:

  1. Klicken Sie im Site Admin auf „Website bearbeiten“ > „Website Builder“.
    Edit Website button in Site Admin of an Ecommerce website
  2. Öffnen Sie den Tab „Seiten“ in der linken Menüleiste und wählen Sie entweder eine bestehende Seite aus oder erstellen Sie eine neue, um die Produkte anzuzeigen.
  3. Klicken Sie auf „Abschnitt hinzufügen“, um einen produktbezogenen Abschnitt einzufügen.
    Pages section in Ecommerce website builder with a selected page that displays the Add Section button
  4. Wählen Sie eine Vorlage aus der Kategorie „Einzelnes Shop-Produkt“, um ein einzelnes Produkt anzuzeigen, oder aus „Mehrere Shop-Produkte“, um mehrere Produkte anzuzeigen. Bewegen Sie den Mauszeiger über das ausgewählte Layout und klicken Sie auf die Schaltfläche „Abschnitt hinzufügen“.
    A pop-up window for adding sections with a highlighted Multiple Store Items layout for displaying products
  5. Klicken Sie auf die Produktkomponente innerhalb des hinzugefügten Abschnitts und anschließend in der oberen Symbolleiste auf das Symbol „Bearbeiten“.
    Edit icon from the toolbar of a selected component that displays products in a section of an Ecommerce page
  6. Öffnen Sie im Pop-up-Fenster auf der rechten Seite den Tab „Datenquelle“, um festzulegen, welche Produkte angezeigt werden. Sie können Produkte nach Marke oder Kategorie anzeigen oder bestimmte Produkte manuell auswählen. Zusätzlich können Sie Details wie Preise, Markenbezeichnungen, Bewertungen und mehr einblenden.
    Data Source tab in the settings of a Multiple Store Items component in Ecommerce where you can select which products are displayed
  7. Öffnen Sie im selben Einstellungsfenster den Tab „Allgemein“, um allgemeine Anzeigeeinstellungen anzupassen.
    General settings of a Multiple Store Items component in a section on an Ecommerce page
  8. Um das Erscheinungsbild des Abschnitts zu ändern, bewegen Sie den Mauszeiger darüber und wählen Sie in der rechten Symbolleiste „Abschnitt bearbeiten“.
    Edit Section button in the toolbar of a section in Ecommerce
  9. Öffnen Sie im folgenden Pop-up-Fenster den Tab „Allgemein“, um die Innenabstände des Abschnitts oder die Abstände zwischen Spalten und Zeilen zu ändern.
  10. Öffnen Sie den Tab „Design“, um die Farbpalette und die Hintergrundfarbe zu ändern oder ein Hintergrundbild auszuwählen.
    Design tab in the settings window of a section in Ecommerce

So zeigen Sie Produkte mithilfe einer Komponente an

Sie können Produkte auch in einer Shop-Komponente anzeigen, die einem neuen oder bestehenden Abschnitt hinzugefügt wurde.

  1. Navigieren Sie zu dem Abschnitt, in dem Sie eine Komponente hinzufügen möchten, und klicken Sie oben links auf die Schaltfläche „Hinzufügen“.
    Add button in a section on an Ecommerce page for adding components
  2. Öffnen Sie im Fenster „Komponente hinzufügen“ den Tab „Shop“ und wählen Sie eine der folgenden Optionen:
    • „Mehrere Elemente“ — zeigt mehrere Produkte an
    • „Einzelnes Element“ — zeigt ein einzelnes Produkt an
    • „Produktkarussell“ — zeigt Produkte in einem Karussell an
      Add Component menu where you can select a component to display products
  3. Sobald die Komponente hinzugefügt wurde, klicken Sie darauf und wählen Sie in der oberen Symbolleiste das Symbol „Bearbeiten“. Öffnen Sie im Einstellungs-Pop-up auf der rechten Seite den Tab „Datenquelle“ und stellen Sie sicher, dass im Dropdown-Menü „Produkt“ ausgewählt ist. Hier können Sie festlegen, ob Produkte aus einer bestimmten Kategorie oder Marke angezeigt werden sollen, die neuesten Produkte einblenden oder einzelne Produkte auswählen. Sie können außerdem Preise, Beschriftungen anzeigen und verschiedene weitere Einstellungen konfigurieren.
    Data Source tab in the settings of a component in Ecommerce where you can select which products are displayed
  4. Im Tab „Allgemein“ können Sie das Erscheinungsbild der Komponente anpassen. Für die Komponenten „Mehrere Elemente“ und „Produktkarussell“ können Sie außerdem die Anzahl der angezeigten Produkte festlegen.

Diesen Artikel teilen