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:
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
- Layout – Wählen Sie das Layout für die Produktdetailseite.
- Länge – 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 Technologie Sektion. Dort können Sie eine feste Breite angeben.
Die Produktseite wird angezeigt, indem die angegebene feste Breite eingehalten wird.
- Lightbox für Produktbilder – Schalten Sie es ein, um den Lightbox-Modus für Produktbilder zuzulassen.
- Radius Corner – Passen Sie die Ecken der Bilder auf der Produktseite an, indem Sie den Eckenradius anpassen, um sie abgerundet oder eckig zu machen. Dies gilt für Produktbilder, Miniaturbilder und Bilder verwandter Produkte.
- Aktivieren Sie Social Sharing – Aktivieren Sie diese Option, um soziale Symbole zum Teilen auf der Produktdetailseite anzuzeigen.
- Aktivieren Sie Produkt-Tags – Aktivieren Sie diese Option, um Tags, die dem Produkt hinzugefügt wurden, auf der Produktdetailseite anzuzeigen.
- SKU auf Produktseiten und Bestell-E-Mails anzeigen – Aktivieren Sie diese Option, um die SKU (Stock Keeping Unit) auf Produktdetailseiten und in Bestell-E-Mails anzuzeigen. Die SKU wird in Echtzeit auf den Produktseiten des Shops für alte und neue Produkte angezeigt. In Bestell-E-Mails wird die SKU erst angezeigt, wenn diese Option aktiviert wurde. Dies ermöglicht eine bessere Bestandsverfolgung, Produktidentifizierung und eine reibungslosere Auftragsabwicklung für Shop-Betreiber und Kunden.
Text
- Textstil ändern – Klicken Sie auf diese Schaltfläche, um Passen Sie die Schriftarten an auf Ihrer Website verwendet.
- Schriftart für Produkttitel – Wählen Sie die Schriftart für den Produkttitel.
- Produktpreis Schriftart – Wählen Sie die Schriftart für den Produktpreis.
- Schriftart für Produktmetadaten – Wählen Sie die Schriftart für den Text außer dem Produkttitel und dem Produktpreis auf der Produktdetailseite.
Ähnliche Produkte
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.
- Verwandte Produkte anzeigen – Aktivieren Sie diese Option, um verwandte Produkte auf der Produktdetailseite anzuzeigen.
- 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.
- Anzahl der Produkte – Wählen Sie aus, wie viele Produkte im angezeigt werden sollen verwandte Produkte .
- Etikette - Geben Sie die Bezeichnung des Abschnitts „Verwandte Produkte“ an.
- 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
- Sichtbarkeit – Legen Sie die Sichtbarkeit/Position der Breadcrumb-Navigation auf der Produktdetailseite fest.
- 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, und Zurück zum Shop Optionen.
- Top-Schriftstil – Wählen Sie die Schriftart für die obere Breadcrumb-Navigation.
- Untere Navigation – Wählen Sie die untere Breadcrumb-Navigation für die Produktdetailseite. Sie können wählen Zurück/Weiter – Mitte oder Seiten, und Inhaltstitel Optionen.
- Unterer Schriftstil – Wählen Sie die Schriftart für die untere Breadcrumb-Navigation.
Siehe auch: Ordnernavigationsoptionen.
Schauen Sie sich die Breadcrumbs auf der Produktseite an , bei denen die Option „Breadcrumbs – Links“ als obere Navigation ausgewählt ist :
Hier ein Beispiel für die Breadcrumb-Navigation in Aktion.
Schließlich schlagen Sie die Gespeichert Schaltfläche, um alle Ihre Änderungen zu speichern.
Das ist es. Ihr gewählter Stil wird auf die Produktseiten Ihres Shops angewendet.