Hantera produktkatalogsidor och mallar

Lär dig hur du hanterar produktkatalogsidor och mallar.

Story hittills

I det föregående dokumentet om redigeringsresan AEM innehåll och handel Komma igång med AEM CIF-grundernahar du lärt dig grunderna i CIF-redigering.

Den här artikeln bygger på dessa grunder.

Syfte

Det här dokumentet hjälper dig att förstå hur du hanterar produktkatalogsidor och mallar. När du har läst bör du:

• förstå begreppen för katalogmallar
• hur generiska mallar fungerar
• har skapat en enskild mall

Det grundläggande konceptet

Venia storefront har en typisk produktkatalogsupplevelse med navigering, landning, kategori (PLP) och produktinformationssidor (PDP).

Katalogsidor skapas dynamiskt med en AEM CIF-katalogmall och realtidsproduktdata som hämtas från e-handelsslutpunkten vid behov. Varje katalog har en allmän mall för produkt- och kategorisidor.

Navigeringskomponenten visar innehåll och katalogsidor. Det går att visa antingen kataloglandningssidan eller kategorierna på första nivån i navigeringen. Om du placerar pekaren över en kategori visas kategorier på andra nivån som en andra rad.

Om du klickar på en kategori öppnas kategorisidan (eller produktlistsidan).

Om du klickar på en produkt öppnas informationssidan.

Mallarna

Allmänna mallar

Den generiska mallen för Venedig-katalog använder kärnkomponenten för produktlistan. Den här komponenten visar kategoribilden om den är tillgänglig och produkter från kategorin.

Den generiska Venias produktmall använder kärnkomponenten för produktinformation. Den här komponenten visar produktinformation för olika produkttyper och åtgärd för tillägg i kundvagnen.

Redigera mallar

Du kan redigera mallar antingen genom att öppna mallsidan direkt eller genom att växla till redigeringsläge när du bläddrar på en produktkatalogsida. Tänk på att om du ändrar sidan ändras mallen och inte bara den specifika sidan i produkten/kategorin.

Kategori- eller produktspecifika mallar

CIF har stöd för flera mallar med bara några klick. Om du vill skapa en annan mall väljer du den generiska mallen från respektive kategori och skapar en ny sida med Skapa åtgärd.

Välj respektive produkt- eller kategorimall.

Ange rubriken och skapa sidan.

Observera att du nu har en specifik mall under den generiska.

Öppna mallen. Det ser ut precis som den allmänna kategorimallen.

Lägg till en bild ovanpå sidan.

Mallen kan förhandsgranskas med alla kategorier och produkter. Öppna Sidinformation och sedan markera Visa med kategori/produkt. Välj produkt/kategori i väljaren för att få en förhandsvisning av den här produkten/kategorin. Välj Köp looken för att få en förhandsgranskning av den uppdaterade mallen.

Nu måste vi tilldela mallen till den specifika kategorin. Öppna egenskaper i Sidinformation och växla till fliken E-handel. Klicka på mappikonen för att välja Köp looken -kategorin i kategoriväljaren. Du kan tilldela flera kategorier till en mall och även inkludera underkategorier genom att markera kryssrutan.

Gå tillbaka till startsidan och klicka på Köp looken för att se den specifika mallen. Alla andra kategorier använder fortfarande den allmänna mallen.

Samma arbetsflöde kan användas för att skapa enskilda produktmallar.

What's Next

Nu när du är klar med den här delen av resan bör du:

• förstå begreppen för katalogmallar
• hur generiska mallar fungerar
• har skapat en enskild mall

Bygg vidare på denna kunskap och fortsätt din resa genom att nästa gång du granskar dokumentet Hantera testade produktkataloger, där du får lära dig hur du arbetar med mellanlagrade produktdata och AEM.

Ytterligare resurser

Vi rekommenderar att du går vidare till nästa del av resan genom att granska dokumentet Hantera testade produktkataloger, är följande ytterligare, valfria resurser som gör en djupdykning i vissa koncept som nämns i det här dokumentet, men som inte behöver fortsätta på den lösa resan:

• Skapa flera kategori- och produktsidor
• Migreringsguide för Experience Manager Cloud Servicen - Så här migrerar du till CIF-tillägget (AEM Commerce Integration Framework) från en gammal version

Resurser för Business.Adobe.com