Produktseite speichern

Mit Pixpa können Sie das Layout der Produktlistenseite und der Produktdetailseite ändern. Sehen Sie sich die folgenden Links an, um den Unterschied zwischen ihnen zu sehen:

Neben dem Layout können Sie die Produkttitel-/Metadaten-Schriftart, verwandte Produkte und die Breadcrumb-Navigation verwalten.

In diesem Artikel:

  1. Layout
  2. Text
  3. Info-Abschnitte 
  4. Ähnliche Produkte
  5. Breadcrumb-Navigation

Passen Sie das Design der Produktdetailseite an:

  • Enter Ladengestaltung (1) in der Suchleiste.
  • Klicken Sie in den zugehörigen Ergebnissen auf die Store Design Option (2) unter Studio-Links. 

  • Jetzt, von der Produktseiten (3) Registerkarte, würden Sie die Gestaltungsmöglichkeiten für die sehen Produktseite. 


Dadurch gelangen Sie zur Layoutseite, auf der Sie das Layout für Ihre Produktseite auswählen können.

Layout

  1. Layout – Wählen Sie das Layout für die Produktdetailseite.
  2. Breite – Wählen Sie die Breite für die Produktdetailseite.
    • Gesamtbreite' zeigt die Produktseite über die gesamte Breite an, ohne einen Rand zu hinterlassen.
    • 'Seitenbreite' kann in angegeben werden Design Sektion. Dort können Sie eine feste Breite angeben.
      Die Produktseite wird angezeigt, indem die angegebene feste Breite eingehalten wird.
  3. Anzeige von Produktbildern – Legen Sie fest, wie die Produktbilder auf der Produktseite angezeigt werden sollen. Sie können sie mit Miniaturansichten oder als vertikaler Stapel anzeigen.

  1. Lightbox für Produktbilder – Schalten Sie es ein, um den Lightbox-Modus für Produktbilder zuzulassen.
  2. Aktivieren Sie Social Sharing – Aktivieren Sie diese Option, um soziale Symbole zum Teilen auf der Produktdetailseite anzuzeigen.


Text

Klicken Sie auf Textstil ändern -Taste, um Passen Sie die Schriftarten an auf Ihrer Website verwendet.

  1. Textstil ändern – Klicken Sie auf diese Schaltfläche, um Passen Sie die Schriftarten an auf Ihrer Website verwendet.
  2. Schriftart für Produkttitel – Wählen Sie die Schriftart für den Produkttitel.
  3. Produktpreis Schriftart – Wählen Sie die Schriftart für den Produktpreis.
  4. Schriftart für Produktmetadaten – Wählen Sie die Schriftart für den Text außer dem Produkttitel und dem Produktpreis auf der Produktdetailseite.


Info-Abschnitte

  1. Verwalten Sie die Schriftart für den Titel des Infoabschnitts. Überprüfen Sie auch: Website-Textstil.
  2. Wähle die Stil von Infoabschnitten auf Produktseiten. Sie können die Infoabschnitte entweder in anzeigen Vertikales Akkordeon or Horizontales (Tab-)Akkordeon.
  3. Wählen Sie auf Erweitern Sie den ersten Infobereich standardmäßig zum Produkt hinzugefügt. Dies funktioniert nur mit der Option „Vertikales Akkordeon“.


In diesem Bereich werden normalerweise Artikel angezeigt, die das Produkt, das sich ein Kunde gerade ansieht, ergänzen oder diesem ähneln, was zu weiteren Käufen anregt und das Einkaufserlebnis verbessert.

  1. Verwandte Produkte anzeigen – Aktivieren Sie diese Option, um verwandte Produkte auf der Produktdetailseite anzuzeigen.
  2. Sortiere nach - Wählen Sie aus, wie die zugehörigen Produkte auf den Produktseiten sortiert werden sollen. Sie können aus vier verschiedenen Optionen wählen:
    • Neueste Produkte - Wenn Sie Produkte zum Store hinzufügen, werden diese sortiert, wobei das neueste Produkt zuerst im Abschnitt „Verwandte Produkte“ angezeigt wird.
    • Meistverkauft – Die zugehörigen Produkte werden basierend auf der Verkaufsleistung geordnet, wobei die meistverkauften Produkte zuerst angezeigt werden.
    • Höchster Lagerbestand – Die Produkte werden nach dem verbleibenden Lagerbestand sortiert, wobei das Produkt mit dem höchsten Lagerbestand zuerst angezeigt wird.
    • Zufällig - Die zugehörigen Produkte werden nach dem Zufallsprinzip sortiert.
  1. Anzahl der Produkte – Wählen Sie aus, wie viele Produkte im angezeigt werden sollen verwandte Produkte .
  2. Etikette - Geben Sie die Bezeichnung des Abschnitts „Verwandte Produkte“ an.
  3. Display - Wählen Sie den Stil aus, in dem Produkte im Abschnitt „Ähnliche Produkte“ angezeigt werden. Sie können zwischen Optionen wie „Quadrat“, „Horizontal“, „Vertikal“ und „Dynamisch“ wählen.


Breadcrumb-Navigation

  1. Sichtbarkeit – Legen Sie die Sichtbarkeit/Position der Breadcrumb-Navigation auf der Produktdetailseite fest.
  2. Top-Navigation – Wählen Sie die obere Breadcrumb-Navigation für die Produktdetailseite. Sie können aus wählen Paniermehl – ​​links / Rechts, Breadcrumbs mit Kategorienamen, Breadcrumbs mit Zurück / Weiter, Zurück / Weiter – Mitte oder Seiten, Inhaltstitel, machen Zurück zum Shop Optionen
  3. Top-Schriftstil – Wählen Sie die Schriftart für die obere Breadcrumb-Navigation.
  4. Untere Navigation – Wählen Sie die untere Breadcrumb-Navigation für die Produktdetailseite. Sie können wählen Zurück/Weiter – Mitte oder Seiten, machen Inhaltstitel Optionen
  5. Unterer Schriftstil – Wählen Sie die Schriftart für die untere Breadcrumb-Navigation.

Überprüfen Sie auch: Optionen für die Ordnernavigation.

Werfen Sie einen Blick auf die Produktseiten-Breadcrumbs wo in der Semmelbrösel – links Option als ausgewählt ist Top-Navigation: 

Hier ist ein Beispiel für die Breadcrumb-Navigation in Aktion. 

Schließlich schlagen Sie die Speichern Schaltfläche, um alle Ihre Änderungen zu speichern.
Das ist es. Ihr gewählter Stil wird auf die Produktseiten Ihres Shops angewendet.


Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.