Gebruiksscenario van begin tot einde voor Storefront en Catalog Administrator

Adobe Commerce Optimizer UI - Opstelling catalogusmeningen en beleid om de complexe catalogus operationele opstelling voor het de gebruikscase van Carvelo te beheren.

Commerce Storefront - Render de storefront met de voorbeeldcatalogusgegevens die in uw Adobe Commerce Optimizer -instantie en de Commerce Storefront-configuratiebestanden fstab.yaml en config.json zijn geladen.

Creeer een nieuw beleid genoemd de categorieën van het Deel van de Knoophaven voor Celport om slechts rem en hangingsdelen te verkopen.

Maak een nieuwe catalogusweergave voor de Celport-winkel.

Deze catalogusmening gebruikt uw onlangs gecreeerd beleid de categorieën van het Deel van de Knol en de bestaande OostCoast Inc Banden om ervoor te zorgen dat Celport slechts de merken van Bolt en van Cruz als deel van de overeenkomst met East Coast Inc. kan verkopen. De de catalogusmening van Celport gebruikt het east_coast_inc prijsboek om productprijzenprogramma's te steunen die zich met merkvergunningsovereenkomsten richten.

Werk de configuratie van de handelsafzet bij om gegevens van de de catalogusmening te gebruiken Celport die u creeerde.

In het linkerspoor, breid de sectie van de opstelling van de Opslag uit en klik op Policies.

Klik op Create Policy.

Er wordt een nieuwe pagina weergegeven om de beleidsdetails toe te voegen.

Voeg de vereiste details toe:

Naam = Categorieën van het Deel van de Knol

Klik op Add Filter.

Er wordt een dialoogvenster weergegeven waarin u filterdetails kunt toevoegen.

Voeg de filterdetails toe:

• Attribuut = part_category
• Exploitant = IN
• Waarde Source = STATIC
• Waarde = slagen
• Waarde = opschorting

Meer over het verschil tussen een STATISCHE en TRIGGER waardebron leren, zie de types van waardebron.

Klik in het dialoogvenster Filter details op Save .

Om de filter toe te laten u enkel creeerde, klik de actiepunten (…) en selecteer toelaten.

Klik op Save.

Ga terug naar de lijst met beleidsregels door op de pijl Terug te klikken.

Uw nieuwe het deelcategorieën van de Knoophaven beleid verschijnt in de lijst.

In het linkerspoor, breid de opstellings sectie van de Opslag uit en klik Catalog views.

Merk de bestaande catalogusmeningen op: Arkbridge, Kingsbluff, en Globale.

Klik op Add catalog view.

Details van catalogusweergave invullen:

• Naam = Celport
• de bronnen van de Catalogus = en-US
• Beleid (gebruiksdrop) = de Randen van Coast Inc van het Oosten; de categorieën van het Deel van de Knol; Merk; Model

Klik op Add om de catalogusweergave te maken.

De pagina met catalogusweergaven wordt bijgewerkt om de nieuwe catalogusweergave weer te geven.

Hiermee wordt de weergave-id van de Celport-catalogus opgehaald.

Klik het informatiepictogram voor de de catalogusmening van de Haven op de mening van de Catalogus pagina.

Kopieer en sla de weergave-id van de catalogus op. U hebt deze id nodig wanneer u de winkelconfiguratie bijwerkt om gegevens naar uw nieuwe Celport-catalogus te leveren.

om deze stap te verifiëren correct werd voltooid:

• Naam van catalogusweergave is "Celport"
• In de Catalogusweergave worden 4 bijbehorende beleidsregels weergegeven
• De weergave-id van de catalogus wordt weergegeven en kan worden gekopieerd
• De catalogusbron toont "en-US"

In uw lokale ontwikkelomgeving, open de omslag waar u de bewaarplaats GitHub met uw opslag boilerplate configuratiedossiers kloond.

Open het bestand config.json in de hoofdmap van de map.

{
 "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"
       }
    }
   }
}

Vervang in de waarde commerce-endpoint de huurder-id in de URL door de URL voor de instantie Adobe Commerce Optimizer .

U kunt de huurder-id vinden in de URL voor de gebruikersinterface van Commerce Optimizer. In de volgende URL is de huurder-id bijvoorbeeld XDevkG9W6UbwgQmPn995r3 .

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

Vervang de ac-view-id -waarde door de CelPort-weergave-id die u eerder hebt gekopieerd.

Vervang de waarde ac-price-book-id door "east_coast_inc" .

Nadat u deze wijzigingen hebt aangebracht, ziet het config.json -bestand er ongeveer als volgt uit: de plaatsaanduidingen ACO-tenant-id en celport-catalog-view-id worden vervangen door de waarden:

{
  "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"
          }
      }
  }
}

Sla het bestand op.

Wanneer u de wijzigingen opslaat, werkt u de catalogusconfiguratie bij zodat de catalogusweergave van Carvelo wordt gebruikt. Deze weergave is geconfigureerd om alleen remonderdelen en ophangingsonderdelen te verkopen.

Start de storefront om de Celport-specifieke cataloguservaring weer te geven die door uw storefront-configuratie is gemaakt.

1. Van het eindvenster in uw winde, begin uw lokale archiefvoorproef.

   code language-shell
   npm start

   De browser wordt geopend voor de voorvertoning van de lokale ontwikkeling op http://localhost:3000 .

   Als het bevel ontbreekt of browser niet opent, herzie de instructies voor lokale ontwikkelingin het de opstellingsonderwerp van de Storefront.

In browser, onderzoek naar brakes, en druk binnengaan.

De winkel wordt bijgewerkt om de productlijstpagina met de remonderdelen weer te geven.

Klik op een afbeelding van een remonderdeel om de productdetails met prijsinformatie te bekijken en de productprijsinformatie te noteren.

Zoek naar tires. Dit is een andere onderdelencategorie die beschikbaar is in de gebruikscase-gegevens van uw Adobe Commerce Optimizer -instantie.

Er worden geen resultaten geretourneerd. Dit komt omdat de CelPort-catalogusweergave zo is geconfigureerd dat alleen remonderdelen en ophangingsonderdelen worden verkocht.

Experimenteer met het bijwerken van uw storefront configuratiedossier (config.json).

1. Wijzig de waarden ac-view-id en ac-price-book .

U kunt bijvoorbeeld de weergave-id van de catalogusweergave wijzigen in de catalogusweergave Kingsbluff en de id van het prijzenboek in east_coast_inc . U kunt de onderdelencategorieën zien beschikbaar voor Kingsbluff door het Kingsbluff deelcategorieën beleid te herzien.

1. Sla het bestand op.

   Wanneer u het bestand opslaat, wordt de lokale voorvertoning automatisch bijgewerkt.

2. Geef een voorvertoning van de wijzigingen weer in de browser door met de functie Zoeken naar bandonderdelen te zoeken.

   U ziet de verschillende beschikbare onderdeeltypen en u ziet welke prijzen zijn toegewezen aan de catalogusweergave Kingsbluff.

Deze experimenten tonen de flexibiliteit van Adobe Commerce Optimizer aan: u kunt snel schakelen tussen verschillende catalogusweergaven en prijzenboeken om aangepaste winkelervaringen voor verschillende soorten publiek te maken zonder uw catalogusgegevens te dupliceren.