Gebruik hoofdletters
De volgende gebruiksgevallen demonstreren kernfunctionaliteit en bedrijfsscenario's die worden ondersteund door Adobe Commerce as a Cloud Service . Met deze programma's kunt u de ontwikkeling versnellen en ervaringen met een hoog effect lanceren.
Als u om het even welke kwesties ontmoet, controleer de sectie van het Oplossen van problemen voor begeleiding.
Vereisten
Voordat u een van deze gebruiksgevallen kunt proberen, moet u aan de volgende voorwaarden voldoen:
-
creeer uw instantie van Cloud Service gebruikend de volgende opties:
- Selecteer Sandbox in Milieu dropdown.
- Selecteer Opslag van Adobe in Gegevens van de Test dropdown.
-
opstelling uw Cloud Service storefront gebruikend de volgende opties:
- Selecteer
adobe-commerce/adobe-demo-storevoor de sjabloon. - Selecteer Kiezen een beschikbare instantie (Net -> SaaS) voor de verbindingsmethode.
- Selecteer
Workflow voor uitchecken
Deze workflow laat zien hoe een klant een product kan kopen bij de winkel en hoe u als beheerder de bestelling kunt bevestigen.
Betalingsdiensten inschakelen
-
In Commerce Admin, navigeer aan Opslag > Settings > Configuratie > de Methoden van de Betaling.
-
In de Algemene sectie van de Configuratie, ga uw
Payment Services Sandbox IDenPayment Services Sandbox Keyin. U kunt deze IDs krijgen door de stappen te volgen die in worden beschreven Sandbox onboarding -
Plaats laat dropdown toe ja.
-
Klik sparen Config.
Een product aanschaffen
-
Ga naar storefront u in de eerste vereisten creeerde.
-
Een product zoeken en selecteren. Maak de benodigde aanpassingsselecties. Dan klik toevoegen aan wagentje.
{width="600" modal="regular"}
-
Selecteer het pictogram van het karretje om uw kar te bekijken.
{width="600" modal="regular"}
-
Klik Controle.
{width="600" modal="regular"}
-
Voer de vereiste contactgegevens en verzendgegevens in. U kunt fictieve informatie voor deze orde gebruiken.
-
Om te controleren, uitgezochte Controle/Geldorde. Als u een creditcard wilt gebruiken, gebruik één van de testkaarten die door PayPal worden verstrekt. U kunt deze gebruiken met om het even welke toekomstige vervaldatum en om het even welke CVC.
{width="600" modal="regular"}
{width="600" modal="regular"}
-
Klik de Orde van de Plaats.
Bevestig de bestelling
-
Open Commerce Admin:
<your store URL>/admin. -
Meld u aan met uw Adobe ID.
-
Navigeer aan Verkoop > Orders.
{width="600" modal="regular"}
-
Zoek naar de orde u plaatste en bevestig de details.
{width="600" modal="regular"}
Stroominhoud bijwerken
Inhoud rechtstreeks in de winkel maken, bewerken en publiceren.
-
Open storefront u in de eerste vereisten creeerde.
-
Open Store Builder. Door naar
https://da.live/#/<GitHub User Name>/<Repository Name>/main/da/index.mdte navigeren. -
Open de pagina van de Index.
-
Voer onder het Carousel-blok een nieuwe titel in door de regel "Welkom bij de Adobe Store Demo" te bewerken.
-
Klik verzenden pictogram en klik Voorproef.
-
Herzie de voorproefpagina en klik publiceren.
-
Vernieuw de winkelpagina en bevestig dat uw wijzigingen nu live zijn.
Contextuele experimenten
Met de functie voor contextafhankelijke experimenten van Adobe Commerce kunt u experimenten op uw winkel maken en beheren om verschillende inhoud en configuraties te testen.
Vereisten
- Installeer de uitbreiding van AEM Sidekick
-
In Bouwer Storefront, selecteer uw indexpagina en klik Exemplaar.
-
Creeer een experimenten omslag onder de belangrijkste omslag, door de Nieuwe knoop te klikken en Omslag te selecteren.
-
Creeer een omslag genoemd 1234 in de experimenten omslag.
-
Plak de twee exemplaren van de indexpagina in de 1234 omslag.
-
Open elke pagina en wijzig de naam van deze pagina in "homev1" en "homev2". Dit zijn uw uitdagers .
-
Wijzig elke pagina om verschillende inhoud op te nemen. Wijzig bijvoorbeeld de hoofdafbeelding of de tekst. U moet de verschillen tussen elke pagina kunnen identificeren.
-
Publiceer elk van uw pagina's van de uitdager.
-
Open uw controlepagina, de originele indexpagina.
-
Voeg een nieuw blok met de titel meta-gegevens toe.
-
De volgende informatie toevoegen aan de rijen van het metagegevensblok
-
Titel - Adobe Commerce
-
Beschrijving - Een webwinkel
-
Experimenteer - 1234
-
Experimentele varianten
https://<your-site>.aem.live/experiments/1234/indexv1https://<your-site>.aem.live/experiments/1234/indexv2
{width="600" modal="regular"}
-
-
Open een incognito- of Private Browsing-venster en navigeer naar de hoofdpagina.
-
Sluit het Private Browsing-venster en herhaal de vorige stap. Elke keer dat u de pagina opent, ziet u een willekeurige variant die u hebt gemaakt.
Verbeter de inhoud van de winkel
Met AEM Assets , Adobe Express en Firefly kunt u snel wijzigingen aanbrengen in afbeeldingen die in uw winkelscherm worden weergegeven met een eenvoudige, zelfgestuurde workflow.
Vereisten
- Vereist toegang tot AEM Assets, Adobe Express, en Adobe Firefly.
De achtergrond van een afbeelding aanpassen
Overweeg een scenario waarin u de achtergrond van een productafbeelding snel wilt wijzigen. Met de combinatie van Adobe Commerce , AEM Assets en Adobe Express kunt u deze wijziging in een paar eenvoudige stappen voltooien.
-
Open storefront u in de eerste vereisten creeerde en aan een punt navigeert u wilt veranderen. Noteer de SKU- of productcode van de items.
-
Open AEM Assets, door het in Adobe Experience Cloud te selecteren.
{width="600" modal="regular"} weergeeft
-
Klik Assets.
{width="600" modal="regular"}
-
Onderzoek naar het punt door SKU of Code van het Product.
-
Selecteer het punt u wilt uitgeven en Open in Adobe Express klikken.
{width="600" modal="regular"}
-
In het paneel van het Beeld, uitgezochte voorwerp van het Tussenvoegsel.
{width="600" modal="regular"}
-
Beschrijf in het tekstvak de afbeelding die u wilt toevoegen. Bijvoorbeeld "sneeuwpijnbomen".
{width="600" modal="regular"}
-
Pas de Brush size aan en teken waar u de gegenereerde afbeelding wilt toevoegen. In dit voorbeeld tekent u rondom het bestaande object om de achtergrond te selecteren.
-
Klik produceren om de resultaten te bekijken.
-
Kies van de verschillende resultaten, door de gewenste optie te selecteren en te klikken houd.
-
Klik Uw Stuff om aan de beeldredacteur terug te keren.
-
Klik sparen om het beeldtype te specificeren.
-
Klik sparen opnieuw om de veranderingen te bewaren.
-
In sparen activa dialoog, selecteer de omslag van de Bestemming van Commerce .
{width="600" modal="regular"}
-
Klik sparen als nieuwe activa om het beeld te bewaren.
De afbeelding toevoegen aan Commerce AEM Assets
-
Van het Comité van de Navigatie van AEM as a Cloud Service, uitgezochte Assets > Dossiers > Commerce en klik de activa u in de vorige sectie creeerde.
{width="600" modal="regular"}
-
Klik Eigenschappen.
{width="600" modal="regular"}
-
Selecteer het Commerce lusje.
{width="600" modal="regular"}
-
Zorg ervoor dat het in Adobe Commerce bestaat? gebied wordt geplaatst aan ja.
-
Klik toevoegen en ga productSKU in u de activa aan wilt toevoegen.
{width="600" modal="regular"} toe
-
Selecteer de positie voor het element en het type element.
-
Selecteer het Basis lusje en verander het lusje van de Status van het Overzicht aan Goedgekeurd.
{width="600" modal="regular"} wordt geplaatst
-
Klik sparen & Sluiten.
De afbeelding bevestigen in Commerce
-
In Adobe Commerce Admin, navigeer aan Catalogus > Producten.
-
Selecteer het product waaraan u de afbeelding in de vorige sectie hebt toegevoegd.
-
Breid de Beelden en de sectie van Video's uit.
{width="600" modal="regular"} wordt uitgebreid
-
Controleer of de afbeelding nu beschikbaar is in de lijst met afbeeldingen.
-
Ga terug naar de winkel en navigeer naar de pagina voor het gewijzigde product.
-
Controleer of de nieuwe afbeelding wordt weergegeven.
{width="600" modal="regular"} tonen
Variaties genereren
Met de functie Variaties genereren van Adobe Commerce maakt u gebruik van Generatieve AI om inhoud van hoge kwaliteit te automatiseren, berichten te perfectioneren en elementen naadloos naar uw winkel te publiceren.
Tekst genereren
-
Open uw storefront plaats gebruikend de Universele Redacteur .
-
Selecteer het tekstblok dat u wilt bewerken.
-
In het paneel van Eigenschappen, klik produceer Variaties.
-
Klik produceren knoop.
-
Selecteer of pas de gegenereerde tekst aan.
-
Klik publiceren om uw storefront bij te werken.
Inhoud en afbeeldingen genereren
-
Openen Generate Variations
-
Selecteer het malplaatje van de Banner van de Hero.
-
In verklaar gebruikersinteractie textbox, ga binnen: "Ervaring voor de werknemers en de partners van Adobe om Adobe-branded vistuig te kopen!"
-
In URL voor domeinkennis, ga www.adobestore.com in.
-
Klik produceren.
-
Selecteer een inhoudsvariatie en klik produceer Beeld.
-
Van de grootte van het Beeld dropdown, uitgezochte Breedbeeld (16 :9).
-
Van het type van Inhoud dropdown, uitgezochte Foto.
-
Voor het de verwijzingsbeeld van de Stijl, selecteer de bestaande de archiefbanner van Adobe.
-
Selecteer het geproduceerde beeld dat u wilt gebruiken en klikken sparen.
-
Herhaal dit proces met andere referentieafbeeldingen om meer variaties te genereren.
Problemen oplossen
Gebruik de volgende suggesties om problemen op te lossen die u tegenkomt wanneer u deze zelfstudies uitvoert.
-
Als u hulp bij bevelen of vlaggen nodig hebt:
-
Voer
aio --helpuit om alle beschikbare opdrachten en markeringen weer te geven. -
Gebruik de markering
--helpvoor specifieke opdrachten. Bijvoorbeeld:aio console --helpaio commerce --help
-
-
Als er zich ongeldige aanmeldingsproblemen voordoen:
- Voer
aio config clearuit. - Voer
aio auth login --forceuit. - Meld u aan in uw browser.
- Selecteer uw profiel.
- Ga terug naar de terminal om door te gaan.
- Voer
-
Als de opdracht
initmislukt:- Voer
aio api-mesh deleteuit. - Voer
aio commerce initopnieuw uit.
- Voer
-
Als u de verkeerde organisatie, het project of de werkruimte hebt geselecteerd voordat u de opdracht
inituitvoert:- Voer
aio console org selectuit. - Voer
aio console project selectuit. - Voer
aio console workspace selectuit.
- Voer
-
Als u een ongeldige huurderselectie hebt:
- Annuleer de huidige CLI uitvoering door CTRL-C te drukken.
- Voer
aio commerce inituit.
-
Als u een ongeldige installatie van het API-net tegenkomt:
- Voer
aio api-mesh update mesh-config.jsonuit.
- Voer