Artiklar om: Plattformsdesign - CMS

Product Display 2.0

Product Display 2.0-komponenten är ett nytt och modernt sätt att visa upp dina produkter på din plattform!

Vad är nytt?


Två visningsstilar: Välj mellan "Divided by Type" och "Single List". "Divided by Type" ger dig den välbekanta layouten med gruppering efter typ, medan "Single List" visar allt i en enda lista, ordnad precis som du vill (också en ny funktion i visningsgrupperna).
Sekundär visningsgrupp: Möjlighet att att visa upp en alternativ visningsgrupp - perfekt för att visa månads- och årsalternativ sida vid sida.
Inkluderad lista: Gör det tydligt vad som ingår eller inte ingår! Lägg till en lista över funktioner som ingår (eller inte ingår) i varje produkt, så att det blir enkelt att jämföra och klargöra skillnader.
Framhäv specifika produkter: Framhäv din stjärnprodukt med en anpassad rubrik för att ge den en personlig touch.
Textområde längst ner: Ibland behöver du lägga till lite allmän information eller en fotnot för alla produkter - nu är det enkelt att göra!

Ett exempel på användning av komponenten Product Display 2.0

Komma igång - Konfigurera dina produkter


Om din plattform ännu inte har några abonnemang eller paketlösningar skapade, bör du först läsa om hur du Skapa abonnemang, samt hur du skapar och hanterar dina Produktgrupper.

Skapa en komponent för Product Display 2.0


Gå till Plattform - Hantera plattform i dashboard
Välj den undersida som du vill lägga till Product Display 2.0-komponenten på och klicka för att lägga till ett nytt avsnitt. Möjligen vill du lägga till denna på din /subscribe-sida för att ersätta den tidigare versionen av Product Display-komponenten. Du hittar komponenten Product Display 2.0 i innehållsfliken.

Den nya komponenten visas längst ned till vänster och du kan klicka och dra för att ändra dess placering bland de andra komponenterna på sidan.

Välja vilka produkter du vill visa


Använd rullgardinsmenyn under "Select main product display group" för att välja vilken produktgrupp du vill ska vara synlig.
Om du vill att en 2:a visningsgrupp ska vara synlig (nås genom att använda en växlingsnavigering på sidan) aktiverar du det alternativet (under avsnittet "Secondary product display group") och väljer vilken produktgrupp du vill ska vara synlig här. Du kanske vill använda det här alternativet för att visa månads- och årsalternativ separat, som i exemplet ovan. För att göra detta skulle du inkludera alla månadsabonnemang i en produktgrupp och sedan årliga abonnemang i en annan produktgrupp.

Val av "Divided by Type" kontra "Single List"


Om du vill att varje typ av produkt (abonnenmang, paketlösning och presentkort) ska visas på separata rader, välj "Divided by Type".
Om du vill att alla produkter ska visas tillsammans väljer du "Single List".
Om du har valt en enda lista kan du välja i vilken ordning produkterna ska visas genom att redigera ordningen i produktgruppen ( Produkter > Produktgrupper).
Ett exempel som visar vyn Single List (vänster) jämfört med vyn Divided by Type (höger)

Tips: Klicka på "Spara Sektion" efter att ha gjort ovanstående steg, så att din CMS-förhandsgranskning visar produkterna, vilket gör redigeringen och stylingen enklare att hantera.

Redigering av texterna


Som standard kommer alla viktiga textavsnitt automatiskt att ha lämplig text inkluderad.
Du kan redigera texten och utformningen av rubriken och underrubriken i avsnittet "Header & Titles".
Du kan redigera utformningen av produkttitlar och beskrivningar i avsnittet "Cards". För att redigera texten i produkttitlarna och beskrivningarna bör du gå till avsnittet Produkter i dashboard och redigera den inom varje enskild produkt.
I avsnittet "Cards" kan du också välja att redigera texterna för faktureringsintervallet, de anpassade faktureringstexterna och texterna för köpknappen, men de standardtexter som tillhandahålls bör vara tillräckliga. Det finns flera andra alternativ i avsnittet "Cards" för att redigera styling och utseende.

Lägga till och hantera "Included List"


Med "Included List" kan du lägga till en lista över innehåll/funktioner som ingår (eller inte ingår) i varje produkt, vilket gör det enkelt att jämföra och klargöra skillnader.

Klicka på "Edit included list" i avsnittet "Included List".
Du kommer att se alla dina produkter listade här. Välj den produkt som du vill lägga till en lista för och klicka sedan på "Add row" så ser du de alternativ som du kan redigera. Lägg till så många rader som du vill beroende på hur mycket innehåll/funktioner du vill dra uppmärksamhet till.

I exemplen ovan använde vi inkluderade listor för att kommunicera vilka tävlingar som ingår/inte ingår i varje abonnemang, genom att lägga till de fyra raderna "Youth Games", "Tournaments", "International Competitions" och "Top League" och sedan välja krysset för att visa vilka som ingår och X för att visa vilka som inte ingår.

Lägga till och hantera "Highlight Products"


Med alternativet "Highlight Products" kan du lägga till en anpassad banner ovanför en (eller flera) av dina produkter. I exemplen ovan har vi lagt till texten "Most Popular" ovanför guldabonnemanget. Du kanske vill lägga till något liknande, eller "Toppval", eller "Begränsat erbjudande" etc.
I avsnittet "Highlight Products" skriver du in den text som du vill ska visas här och väljer sedan vilka produkter du vill att bannern ska visas över.
Det finns stylingalternativ om du vill ändra storlek/vikt/färg på texten eller färgen på bannern.

Lägga till och hantera "Bottom Text"


Som standard är "Bottom Text" avaktiverad. Du kan aktivera det här avsnittet om det finns någon ytterligare information som du vill kommunicera till kunderna på den här sidan. När det är aktiverat ser du alternativen för att lägga till text och redigera utformningen av denna text.

Redigera texten för "No Products"


Om du inte har några produkter som är aktivt tillgängliga är detta den text som kommer att visas på sidan. Du kan välja att redigera detta, men standardtexterna som tillhandahålls bör vara tillräckliga. Förhoppningsvis kommer du dock alltid att ha några produkter tillgängliga!

Allmän styling


För att läsa mer om hur du kan styla allt kan du läsa dessa guider:
CMS Styling - Text och Knappar
CMS Styling - Storleksanpassning
CMS Styling - Padding och Marginaler

Spara och publicera


Tryck på Spara sektion längst ned till vänster för att spara dina ändringar och få en förhandsgranskning till höger.

Om du är nöjd med dina ändringar trycker du på Publicera för att göra dem tillgängliga på plattformen. Du kan också trycka på Släng utkast för att radera alla dina ändringar efter den senaste publiceringen.

Uppdaterad den: 22/11/2024

Var denna artikel hjälpsam?

Dela med dig av din feedback

Annullera

Tack så mycket!