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:
Abgesehen vom Layout können Sie den Rasterabstand der Produkte, die Standardreihenfolge der Produktauflistung, die Produktauflistung und Sortieroptionen, Produktbilder, Produkttitel/Metadaten-Schriftart und viele andere Optionen verwalten.
Verwalten Sie das Design der Produktlistenseite:
- 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 Seiten speichern (3) Registerkarte, würden Sie die Gestaltungsmöglichkeiten für die sehen Produktlistenseite.
Dadurch gelangen Sie zur Layoutseite, von der aus Sie das Layout für Ihre Produktlisting-Seite auswählen können.
Die hier verfügbaren Optionen können wie folgt kategorisiert werden:
- Design für Shop-Seiten konfigurieren
- Produktauflistung und -sortierung.
- Produktbilder.
- Text
- Produktkategorien
- Statusetiketten
- Mobile Optionen
Design für Shop-Seiten konfigurieren
- Layout – Wählen Sie das Layout für die Produktlistenseite (1) und drücken Sie die Speichern (2) Taste.
- Breite – Wählen Sie die Breite der Produktlistenseite.
- Rasterabstand – Verwalten Sie den Abstand zwischen den Produkten auf der Produktlistenseite.
Produktauflistung und -sortierung
- Produkte pro Seite – Wählen Sie aus, wie viele Produkte auf einer Seite angezeigt werden. Sie können zwischen 12, 24, 36 und 48 wählen.
- Produktsortierung anzeigen – Wählen Sie aus, ob die Sortieroption auf der Produktlistenseite angezeigt wird.
- Produktsortierposition – Geben Sie an, wo die Sortieroption auf der Produktlistenseite angezeigt wird.
Produktbilder
- Bildseitenverhältnis – Wählen Sie das Bildseitenverhältnis für die Produktbilder. Es wäre nicht anwendbar für die Quadratischer Block Layout.
- Flip-Over-Bild anzeigen – Schalten Sie es ein, wenn Sie möchten, dass die nächsten Bilder des Produkts erscheinen, wenn jemand mit der Maus über das erste Bild fährt.
Sehen Sie, wie das Flip-Over-Bild funktioniert:
- Abgerundete Ecken – Geben Sie einen Wert an, um die Produktbilder an den Ecken abzurunden.
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 (H1, H2, H3, H4, P, P (groß), & P (klein)) für den Produkttitel.
- Schriftart für Produktmetadaten – Wählen Sie die Schriftart für den Text außer dem Produkttitel auf der Produktlistenseite.
- Textausrichtung – Wählen Sie die Ausrichtung (links, zentriert und rechts) für den Text.
Produktkategorien
- Kategorien anzeigen – Wählen Sie aus, ob die Kategorien auf der Produktlistenseite angezeigt werden.
- Anzeigestil – Wählen Sie den Anzeigestil für Produktkategorien. Sie können zwischen Tag-Cloud-Stil 1 und 2 und einem Dropdown-Menü wählen.
- Position – Wählen Sie aus, wo die Produktkategorien erscheinen.
- Schriftstil – Wählen Sie die Schriftart für die Produktkategorien.
- Horizontaler Abstand – Geben Sie den Abstand zwischen den Produktkategorien an.
Statusetiketten
- Weitere Shop-Etiketten anzeigen – Klicken Sie auf diese Schaltfläche, um Passen Sie Ihre Shop-Etiketten an.
- Verkaufsetikett anzeigen – Wählen Sie, ob das Verkaufsetikett angezeigt wird oder nicht, und den Text dafür.
Das Verkaufsetikett wird angezeigt, wenn Sie die angegeben haben preislich vergleichen für ein Produkt. - Etikett „Low on Stock“ anzeigen – Wählen Sie, ob die wenig auf Lager Etikett über Ihren Produkten erscheint oder nicht.
Dieses Etikett erscheint, wenn der Lagerbestand eines Produkts den erreicht Schwellwert für Warnmeldung bei niedrigem Lagerbestand festgelegt. - Rück-/Vorbestellungsetikett anzeigen – Wählen Sie, ob die Zurück/Vorbestellung Etikett über Ihren Produkten erscheint oder nicht.
Dieses Etikett erscheint über den Produkten, die Sie haben schaltete die Nachbestellung ein. - Etikett zum Warenkorb hinzufügen – Anpassen der In den Warenkorb Label, das auf Ihrem Shop erscheint.
- Demnächst Label – Anpassen der Demnächst verfügbar Etikett, das auf Ihren Produkten erscheint.
- Basisfarbe des Etiketts – Wählen Sie die Grundfarbe für das Etikett.
- Beschriftungstextfarbe – Wählen Sie die Textfarbe für den Etikettentext aus.
Mobile Optionen
- Rasterspalten – Wählen Sie die Anzahl der Rasterspalten auf der Produktlistenseite für die mobile Ansicht.
- Gitterrinne – Legen Sie den Rastersteg/Abstand für die mobile Ansicht fest.
Hit the Speichern Schaltfläche, um Ihre Änderungen zu speichern.
Das ist es. Ihr gewählter Stil wird auf die Produktlistenseiten Ihres Shops angewendet.
Hinweis: Das Seitenlayout der Produktliste wird ebenfalls angewendet Shop-Kategorie Seiten.