Produktseriesidor

Produktserier är sidor som du skapar för att gruppera specifika produkter tillsammans i kategorier. Du kan ha automatiska produktserier och manuella produktserier.

Som standard har produktseriesidor ett avsnitt för Produktserie-banner och ett avsnitt för Produktrutnät i temaredigeraren.

Inställningar för avsnitt med produktseriebanner

Avsnittet Produktserie-banner visar beskrivningen och den utvalda bilden av den produktserie som visas.

Inställningarna för avsnittet Produktserie-banner på produktseriesidor
InställningBeskrivning
Visa produktseriebeskrivningVisar beskrivningen av produktserien.
Visa produktseriebildVisar produktseriebilden.
FärgschemaEn uppsättning färger som du kan tillämpa på det här avsnittet. Mer information om färgscheman.

Inställningar för avsnitt med produktrutnät

Avsnittet Produktrutnät visar de produkter som ingår i den produktserie som visas.

Inställningarna för avsnittet Produktrutnät på produktseriesidor
InställningBeskrivning
Produkter per radAntal produkter som du vill visa på varje sida. Välj från multipler av 4, mellan 8 och 36.
Antalet kolumner på skrivbordetStäll in antalet kolumner för produkterna som ska visas på stationära datorer. Välj ett nummer mellan 1 och 6.
FärgschemaEn uppsättning färger som du kan tillämpa på det här avsnittet. Mer information om färgscheman.
BildförhållandeStäll in bildförhållandet för de utvalda bilderna av de produkter som visas i produktrutnätet. Välj bland följande alternativ:
  • Anpassa efter bild - Använder bildernas format. Det förhindrar att bilden beskärs.
  • Porträtt – Beskär bilderna till förhållandet 2:3.
  • Square – Beskär bilderna till förhållandet 1:1.
BildformVälj en av följande bildformer för dina produktbilder:
  • Standard – ändrar produktbilden till en rektangulär form.
  • Båge – Kröker den övre delen av produktbilden.
  • Droppe – rundar produktbilden till en av sex droppformer som har en unik animering vid hovring.
  • Vänster sparrtecken – gör produktbilden sparrformad med en skarp böjning åt vänster.
  • Höger sparrtecken – gör produktbilden sparrformad med en skarp böjning åt höger.
  • Diamant – ger produktbilden en fyrsidig diamantform.
  • Parallellogram – ändrar produktbilden så att den får en form med två par av parallella streck.
  • Rund – ger produktbilden rundade kanter och gör den rund eller oval med en unik animering vid hovring.
Visa andra bild på hovringNär en kund för markören över produktbilderna på en stationär dator visar detta alternativ den andra produktbilden, om produkten har en sådan.
Visa säljareVisar säljare för varje produkt.
Visa produktbetygVisar det genomsnittliga produktbetyget i stjärnor, med antalet omdömen inom parentes, till exempel: ★★★★★ (8). Detta kräver också en produktomdömesapp och metafältsdefinitioner för reviews.rating_count och reviews.rating.
Lägg till direktOm du aktiverar alternativet Lägg till direkt kan kunderna lägga till en artikel i varukorgen från produktkortet. Välj bland följande alternativ:
  • Ingen – Ingen funktion för snabbtillägg visas.
  • Standard – Visar en av följande knappar för snabbtillägg på produktkort:
    • Lägg till i varukorg – För produkter med en variant. När en kund klickar på knappen läggs produkten automatiskt till i varukorgen.
    • Välj alternativ - För produkter med varianter. När en kund klickar på knappen visas en popup-dialogruta i vilken de kan välja variant och sedan fortsätta med inköpet.
  • Bulk – Visar funktionen Snabborderlista.
Aktivera filtreringVälj det här alternativet om du vill att kunderna ska ha alternativ för filtrering av produktrutnätet.
Filterlayout för datorKonfigurera hur filter visas på stationära datorer. Välj mellan layouten Horisontell, Vertikal eller Låda.
Aktivera sorteringVälj det här alternativet om du vill att kunderna ska ha alternativ för att sortera visningsordningen för produkterna.
Antal kolumner på mobilStäll in antalet kolumner för produkterna som ska visas på mobila enheter. Välj 1 kolumn eller 2 kolumner.
Övre utfyllnad (padding)Anger mängden utrymme längst upp i avsnittet.
Nedre utfyllnad (padding)Anger mängden utrymme längst ner i avsnittet.

Precis som för inställningarna för avsnittet Produktrutnät kan du även visa och anpassa vissa av Temainställningarna för produktkort, och du kan lägga till din egen avsnittsspecifika Anpassade CSS.

Hittar du inte de svar du letar efter? Vi finns här för att hjälpa till!