Met Pixpa kunt u de lay-out van de productvermeldingspagina en de productdetailpagina wijzigen. Bekijk de onderstaande links om het verschil ertussen te zien:
Afgezien van de lay-out, kunt u de rasterafstand van de producten, de standaardvolgorde van productvermeldingen, productvermeldingen en sorteeropties, productafbeeldingen, producttitel/metadata-lettertype en vele andere opties beheren.
Beheer het ontwerp van de pagina met productvermeldingen:
- Enter winkelontwerp (1) in de zoekbalk.
- Klik in de gerelateerde resultaten op de Winkelontwerp optie (2) onder Studio-links.
- Nu, van de Winkelpagina's (3) tabblad, ziet u de ontwerpopties voor de pagina met productvermeldingen.
Hiermee gaat u naar de lay-outpagina, van waaruit u de lay-out voor uw productvermeldingspagina kunt kiezen.
De beschikbare opties hier kunnen worden gecategoriseerd als:
- Ontwerp configureren voor winkelpagina's
- Productlijst en sortering.
- Productafbeeldingen.
- Tekst
- Categorieën
- Statuslabels
- Mobiele opties
Ontwerp configureren voor winkelpagina's
- Layout – Kies de lay-out voor de pagina met productvermeldingen (1) en druk op de besparen (2) knop.
- Breedte – Kies de breedte van de pagina met productvermeldingen.
- Rasterafstand - Beheer de afstand tussen de producten op de pagina met productvermeldingen.
Productlijst en sortering
- Producten per pagina – Kies hoeveel producten op een pagina verschijnen. U kunt kiezen uit 12, 24, 36 en 48.
- Toon productsortering – Kies of de sorteeroptie wordt weergegeven op de productvermeldingspagina.
- Positie van productsortering – Specificeer waar de sorteeroptie verschijnt op de pagina met productvermeldingen.
Productafbeeldingen
- Beeldverhouding – Kies de beeldverhouding voor de productafbeeldingen. Het zou niet van toepassing zijn op de Vierkant blok lay-out.
- Flipover-afbeelding weergeven - Schakel het in als u wilt dat de volgende afbeeldingen van het product verschijnen wanneer iemand over de eerste afbeelding beweegt.
Zie hoe de flip-over afbeelding werkt:
- Hoeken afronden – Geef een waarde op om de productafbeeldingen in hoeken afgerond te maken.
Tekst
- Tekststijl wijzigen – Klik op deze knop om pas de lettertypen aan gebruikt op uw website.
- Lettertype voor producttitel – Kies het lettertype (H1, H2, H3, H4, P, P (groot), & P (klein)) voor de producttitel.
- Lettertype metagegevens van product – Kies een ander lettertype voor de tekst dan de producttitel op de pagina met productvermeldingen.
- Tekstuitlijning – Kies de uitlijning (links, midden en rechts) voor de tekst.
Categorieën
- Toon categorieën – Kies of de categorieën op de pagina met productvermeldingen verschijnen.
- Weergavestijl – Kies de weergavestijl voor productcategorieën. U kunt kiezen uit Tagcloud-stijl 1 & 2 en vervolgkeuzemenu.
- Positie – Kies waar de productcategorieën verschijnen.
- Lettertype – Kies het lettertype voor de productcategorieën.
- Horizontale afstand – Specificeer de ruimte tussen de productcategorieën.
Statuslabels
- Bekijk meer Winkellabels – Klik op deze knop om pas uw winkellabels aan.
- Verkooplabel tonen - Kies of het verkooplabel verschijnt of niet, en de tekst daarvoor.
Het verkooplabel verschijnt wanneer u de vergelijken op prijs voor een product. - Toon laag op voorraadlabel – Kies of de laag op voorraad label verschijnt over uw producten of niet.
Dit label verschijnt wanneer het voorraadniveau van een product de drempelwaarde opgegeven voor laag op voorraad alarm. - Laat het back-/pre-orderlabel zien – Kies of de Terug/Pre-order label verschijnt over uw producten of niet.
Dit label verschijnt over de producten waarop u heeft zette de nabestelling aan. - Toevoegen aan winkelwagenlabel – Pas de Voeg toe aan winkelwagen label dat op uw winkel verschijnt.
- Binnenkort label – Pas de Binnenkort Beschikbaar label dat op uw producten verschijnt.
- Label basiskleur – Selecteer de basiskleur voor het label.
- Label tekstkleur – Selecteer de tekstkleur voor de labeltekst.
Mobiele opties
- Rasterkolommen – Kies het aantal rasterkolommen op de pagina met productvermeldingen voor de mobiele weergave.
- Rastergoot – Specificeer de rastermarge/afstand voor de mobiele weergave.
Druk op de Bespaar knop om uw wijzigingen op te slaan.
Dat is het. De door u gekozen stijl wordt toegepast op de pagina's met productvermeldingen van uw winkel.
Opmerking: De lay-out van de pagina met productvermeldingen wordt ook toegepast op winkel categorie bladzijden.