Handläggaren Storefront och katalogadministratören - från början till slut

Adobe Commerce Optimizer-gränssnitt - Konfigurera katalogvyer och principer för att hantera den komplexa katalogens driftsinställning för Carvelos användningsfall.

Commerce Storefront - Återge butiken med exempelkatalogdata som lästs in i Adobe Commerce Optimizer-instansen och konfigurationsfilerna för Commerce Storefront, fstab.yaml och config.json.

Skapa en ny policy som heter Celport part categories för Celport så att bara broms- och suspensionsdelar säljs.

Skapa en ny katalogvy för Celport-butiken.

I den här katalogvyn används din nya policy Celport part-kategorier och befintliga East Coast Inc-varumärken för att se till att Celport bara kan sälja varumärken som Bolt och Cruz som en del av avtalet med East Coast Inc. I Celport-katalogvyn används prisboken east_coast_inc för att stödja produktprisscheman som är anpassade till varumärkeslicensavtal.

Uppdatera konfigurationen för e-handelslager så att data från katalogvyn i Celport som du har skapat används.

Utöka avsnittet Store setup i den vänstra listen och klicka på Policies.

Klicka på Create Policy.

En ny sida visas där profilinformationen läggs till.

Lägg till nödvändig information:

Namn = Exportera delkategorier

Klicka på Add Filter.

En dialogruta visas där du kan lägga till filterinformation.

Lägg till filterinformation:

• Attribut = part_category
• Operator = IN
• Värde Source = STATIC
• Värde = bromsar
• Värde = suspension

Mer information om skillnaden mellan en STATIC- och TRIGGER-värdekälla finns i värdekälltyper.

Klicka på Filter details i dialogrutan Save.

Om du vill aktivera filtret som du nyss skapade klickar du på åtgärdspunkterna (…) och väljer Aktivera.

Klicka på Save.

Gå tillbaka till listan med profiler genom att klicka på bakåtpilen.

Din nya princip för Delkategorier för att exportera visas i listan.

Utöka avsnittet Store setup i den vänstra listen och klicka på Catalog views.

Observera de befintliga katalogvyerna: Arkbridge, Kingsbluff och Global.

Klicka på Add catalog view.

Fyll i katalogvyinformation:

• Namn = Cirkapp
• Katalogkällor = en-US
• Profiler (använd listruta) = East Coast Inc-varumärken; Exportera delkategorier; Märke; Modell

Klicka på Add för att skapa katalogvyn.

Sidan Katalog visar uppdateras för att visa den nya katalogvyn.

Hämta ID:t för katalogvyn i Celport.

Klicka på informationsikonen för vyn för att exportera katalog på sidan Katalogvyer.

Kopiera och spara katalogvyns ID. Du behöver detta ID när du uppdaterar butikskonfigurationen för att kunna leverera data till din nya Celport-katalog.

Så här verifierar du att det här steget har slutförts korrekt:

• Katalogvyns namn är "Celport"
• Katalogvyn visar fyra associerade principer
• Katalogvyns ID visas och kan kopieras
• Katalogkällan visar "en-US"

I den lokala utvecklingsmiljön öppnar du den mapp där du klonade GitHub-databasen med konfigurationsfilerna för lagerplatserna.

Öppna filen config.json i mappens rotkatalog.

{
 "public": {
   "default": {
   "commerce-core-endpoint": "https://www.aemshop.net/graphql",
   "commerce-endpoint": "https://na1-sandbox.api.commerce.adobe.com/Fwus6kdpvYCmeEdcCX7PZg/graphql",
   "headers": {
      "cs": {
         "ac-view-id": "9ced53d7-35a6-40c5-830e-8288c00985ad",
         "ac-price-book-id": "west_coast_inc",
         "ac-source-locale": "en-US"
        }
      },
      "analytics": {
         "base-currency-code": "USD",
         "environment": "Production",
         "store-id": 1,
         "store-name": "ACO Demo",
         "store-url": "https://www.aemshop.net",
         "store-view-id": 1,
         "store-view-name": "Default Store View",
         "website-id": 1,
         "website-name": "Main Website"
       }
    }
   }
}

I värdet commerce-endpoint ersätter du klientorganisations-ID:t i URL:en med URL:en för din Adobe Commerce Optimizer-instans.

Du hittar klient-ID:t i URL:en för Commerce Optimizer-gränssnittet. I följande URL är till exempel klient-ID XDevkG9W6UbwgQmPn995r3.

https://experience.adobe.com/#/@commerceprojectbeacon/in:XDevkG9W6UbwgQmPn995r3/commerce-optimizer-studio/catalog

Ersätt ac-view-id-värdet med det ID för katalogvyn som du kopierade tidigare.

Ersätt värdet ac-price-book-id med "east_coast_inc".

När du har gjort dessa ändringar bör config.json-filen se ut ungefär så här, med platshållarna ACO-tenant-id och celport-catalog-view-id ersatta med dina värden:

{
  "public": {
     "default": {
     "commerce-core-endpoint": "https://www.aemshop.net/graphql",
     "commerce-endpoint": "https://na1-sandbox.api.commerce.adobe.com/{{ACO-tenant-id}}/graphql",
     "headers": {
         "cs": {
             "ac-view-id": "{{celport-catalog-view-id}}",
             "ac-price-book-id": "east_coast_inc",
             "ac-source-locale": "en-US"
           }
         },
         "analytics": {
             "base-currency-code": "USD",
             "environment": "Production",
             "store-id": 1,
             "store-name": "ACO Demo",
             "store-url": "https://www.aemshop.net",
             "store-view-id": 1,
             "store-view-name": "Default Store View",
             "website-id": 1,
             "website-name": "Main Website"
          }
      }
  }
}

Spara filen.

När du sparar ändringarna uppdaterar du katalogkonfigurationen så att den använder Carvelo-katalogvyn, som har konfigurerats att endast sälja broms- och suspensionsdelar.

Starta butiken för att visa den Celport-specifika katalogupplevelse som har skapats i din storefront-konfiguration.

1. Från terminalfönstret i IDE-miljön startar du den lokala förhandsgranskningen i butiken.

   code language-shell
   npm start

   Webbläsaren öppnas för den lokala utvecklingsförhandsgranskningen på http://localhost:3000.

   Om kommandot misslyckas eller om webbläsaren inte öppnas går du igenom instruktionerna för lokal utveckling i installationsavsnittet för Storefront.

Sök efter brakes i webbläsaren och tryck på Retur.

Lagerfronten uppdateras för att visa sidan med produktlistan med bromsdelarna.

Klicka på en bild av en bromsdel för att visa produktinformationen med prisinformation och notera produktprisinformationen.

Sök efter tires, som är en annan delkategori som är tillgänglig i användningsfalldata för din Adobe Commerce Optimizer-instans.

Observera att inga resultat returneras. Detta beror på att Celport-katalogvyn har konfigurerats så att endast broms- och upphängningsdelar säljs.

Experimentera med att uppdatera konfigurationsfilen för butiken (config.json).

1. Ändra värdena för ac-view-id och ac-price-book.

Du kan till exempel ändra katalogvyns ID till Kingsbluff-katalogvyn och prisbokens ID till east_coast_inc. Du kan se vilka kategorier som är tillgängliga för Kingsbluff genom att granska principen för Kingsbluff-delen.

1. Spara filen.

   När du sparar filen uppdateras den lokala förhandsvisningen i butiken automatiskt.

2. Förhandsgranska ändringarna i webbläsaren genom att använda sökfunktionen för att hitta däckdelar.

   Lägg märke till de olika tillgängliga deltyperna och observera priserna som tilldelats katalogvyn Kingsbluff.

Experimenten visar på flexibiliteten i Adobe Commerce Optimizer - du kan snabbt växla mellan olika katalogvyer och prisböcker och skapa anpassade shoppingupplevelser för olika målgrupper utan att behöva duplicera katalogdata.