Anpassen AEM CIF-Hauptkomponenten

Das CIF Venia Project ist eine Referenz-Codebasis für die Verwendung der CIF-Kernkomponenten. In diesem Lernprogramm erweitern Sie die Komponente Product Teaser weiter, um ein benutzerdefiniertes Attribut aus Magento anzuzeigen. Außerdem erfahren Sie mehr über die GraphQL-Integration zwischen AEM und Magento und die Erweiterungshaken der CIF-Kernkomponenten.

TIPP

Verwenden Sie den AEM Projektarchiv , wenn Sie Ihre eigene Commerce-Implementierung starten.

Was Sie erstellen

Die Marke Venia hat vor kurzem begonnen, einige Produkte mit nachhaltigen Materialien zu produzieren und das Unternehmen möchte ein umweltfreundliches Zeichen als Teil des Product Teaser zeigen. Ein neues benutzerspezifisches Attribut wird in Magento erstellt, um anzugeben, ob ein Produkt das umweltfreundliche Material verwendet. Dieses benutzerspezifische Attribut wird dann als Teil der GraphQL-Abfrage hinzugefügt und im Product Teaser für bestimmte Produkte angezeigt.

UMWELT - Freundliche Abzeichen - endgültige Implementierung

Voraussetzungen

Zum Abschluss dieses Lernprogramms ist eine lokale Umgebung erforderlich. Dazu gehört eine laufende Instanz von AEM, die konfiguriert ist und mit einer Magento-Instanz verbunden ist. Überprüfen Sie die Anforderungen und Schritte zum Einrichten einer lokalen Entwicklung mit AEM als Cloud Service-SDK. Um dem Tutorial vollständig zu folgen, benötigen Sie Berechtigungen, um einem Produkt in Magento Attribute hinzuzufügen.

Sie benötigen außerdem eine GraphQL IDE wie GraphiQL oder eine Browsererweiterung, um die Codebeispiele und -tutorials auszuführen. Wenn Sie eine Browsererweiterung installieren, stellen Sie sicher, dass diese die Möglichkeit hat, Anforderungsheader festzulegen. In Google Chrome ist der Altair GraphQL Client eine Erweiterung, die den Auftrag ausführen kann.

Clone the Venia project

Wir klonen das Venia-Projekt und überschreiben dann die Standardstile.

Hinweis

Sie können ein vorhandenes Projekt (basierend auf dem AEM Projekt Archetype mit CIF enthalten) verwenden und diesen Abschnitt überspringen.

  1. Führen Sie den folgenden Befehl git aus, um das Projekt zu klonen:

    $ git clone git@github.com:adobe/aem-cif-guides-venia.git
    
  2. Erstellen Sie das Projekt und stellen Sie es auf einer lokalen Instanz AEM bereit:

    $ cd aem-cif-guides-venia/
    $ mvn clean install -PautoInstallPackage,cloud
    
  3. hinzufügen Sie die erforderlichen OSGi-Konfigurationen, um Ihre AEM mit einer Magento-Instanz zu verbinden oder die Konfigurationen dem neu erstellten Projekt hinzuzufügen.

  4. An dieser Stelle sollten Sie über eine funktionierende Version eines Stores verfügen, der mit einer Magento-Instanz verbunden ist. Navigieren Sie zur Seite US > Home unter: http://localhost:4502/editor.html/content/venia/us/en.html.

    Sie sollten sehen, dass das Schaufenster derzeit das Thema Venia verwendet. Wenn Sie das Hauptmenü des Schaufensters erweitern, sollten Sie verschiedene Kategorien sehen, die darauf hinweisen, dass das Magento der Verbindung funktioniert.

    Storefront mit Venia-Design konfiguriert

Authoring des Produkt-Teasers

Die Komponente Product Teaser wird in diesem Lernprogramm erweitert. Als ersten Schritt fügen Sie der Startseite eine neue Instanz des Product Teaser hinzu, um die Grundfunktionen zu verstehen.

  1. Navigieren Sie zur Startseite der Site: http://localhost:4502/editor.html/content/acme/us/en.html

  2. Fügen Sie eine neue Product Teaser -Komponente in den Container des Hauptlayouts auf der Seite ein.

    Produktbeschleuniger einfügen

  3. Erweitern Sie das Seitenbedienfeld (falls noch nicht umgeschaltet) und wechseln Sie in das Dropdown-Feld für die Asset-Suche zu Produkte. Dies sollte eine Liste der verfügbaren Produkte einer angeschlossenen Magento-Instanz anzeigen. Wählen Sie ein Produkt aus und ziehen Sie es per Drag & Drop auf die Komponente Product Teaser auf der Seite.

    Drag & Drop Product Teaser

    Hinweis

    Beachten Sie, dass Sie das angezeigte Produkt auch konfigurieren können, indem Sie die Komponente mithilfe des Dialogfelds konfigurieren (indem Sie auf das Schraubenschlüsselsymbol klicken).

  4. Sie sollten nun sehen, dass ein Produkt vom Produkt-Teaser angezeigt wird. Der Name des Produkts und der Preis des Produkts sind Standardattribute, die angezeigt werden.

    Product Teaser - Standardstil

hinzufügen eines benutzerdefinierten Attributs in Magento

Die in AEM angezeigten Produkte und Produktdaten werden im Magento gespeichert. Als Nächstes fügen Sie ein neues Attribut für Eco Friendly als Teil des Produktattributs hinzu, das mithilfe der Magento-Benutzeroberfläche festgelegt wurde.

TIPP

Sie haben bereits ein benutzerdefiniertes Ja/Nein -Attribut als Teil Ihres Produktattributs? Sie können es kostenlos nutzen und diesen Abschnitt überspringen.

  1. Melden Sie sich bei Ihrer Magento-Instanz an.

  2. Navigieren Sie zu Katalog > Produkte.

  3. Aktualisieren Sie den Suchfilter, um das konfigurierbare Produkt zu finden, das verwendet wird, wenn es der Teaser-Komponente in der vorherigen Übung hinzugefügt wurde. Öffnen Sie das Produkt im Bearbeitungsmodus.

    Suche nach Valeria-Produkten

  4. Klicken Sie in der Ansicht "product"auf Hinzufügen Attribut > Neues Attribut erstellen.

  5. Füllen Sie das Formular " Neues Attribut "mit den folgenden Werten aus (bei anderen Werten bleiben die Standardeinstellungen erhalten)

    Feldsatz Feldbezeichnung Wert
    Attributeigenschaften Attributbeschriftung Öko-freundlich
    Attributeigenschaften Katalogeingabetyp Ja/Nein
    Erweiterte Attributeigenschaften Attributcode eco_friendly

    Neues Attributformular

    Click Save Attribute when finished.

  6. Blättern Sie zum unteren Rand des Produkts und erweitern Sie die Überschrift " Attribute ". Sie sollten das neue Feld Eco Friendly sehen. Umschalten auf Ja.

    Umschalten auf Ja

    Speichern Sie die Änderungen am Produkt.

    TIPP

    Weitere Informationen zur Verwaltung von Produktattributen finden Sie im Magento-Benutzerhandbuch.

  7. Navigieren Sie zu System > Tools > Cache-Verwaltung. Da das Schema aktualisiert wurde, müssen wir einige der Cache-Typen in Magento für ungültig erklären.

  8. Aktivieren Sie das Kontrollkästchen neben Konfiguration und senden Sie den Cachetyp zum Aktualisieren

    Configuration Cache-Typ aktualisieren

GraphQL-IDE zum Überprüfen von Attributen verwenden

Bevor Sie in AEM Code springen, sollten Sie das Magento GraphQL mit einer GraphQL IDE untersuchen. Die Magento-Integration mit AEM erfolgt hauptsächlich über eine Reihe von GraphQL-Abfragen. Das Verstehen und Ändern der GraphQL-Abfragen ist eine der wichtigsten Erweiterungen der CIF-Kernkomponenten.

Verwenden Sie anschließend eine Grafik-QL-IDE, um zu überprüfen, ob das eco_friendly Attribut dem Produktattributsatz hinzugefügt wurde. Screenshots in diesem Tutorial verwenden den Altair GraphQL Client.

  1. Öffnen Sie die GraphQL IDE und geben Sie die URL http://<magento-server>/graphql in die URL-Leiste Ihrer IDE oder Erweiterung ein.

  2. hinzufügen der folgenden Abfrage , bei der YOUR_SKU die SKU des in der vorherigen Übung verwendeten Produkts ist:

      {
        products(
        filter: { sku: { eq: "YOUR_SKU" } }
        ) {
            items {
            name
            sku
            eco_friendly
            }
        }
    }
    
  3. Führen Sie die Abfrage aus und Sie erhalten eine Antwort wie die folgende:

    {
    "data": {
        "products": {
            "items": [
                {
                "name": "Valeria Two-Layer Tank",
                "sku": "VT11",
                "eco_friendly": 1
                }
            ]
            }
        }
    }
    

    Beispieldiagramm-QL-Antwort

    Beachten Sie, dass der Wert von Yes eine Ganzzahl von 1 ist. Dies ist nützlich, wenn wir die GraphQL Abfrage in Java schreiben.

    TIPP

    Detailliertere Dokumentation zu Magento GraphQL finden Sie hier.

Aktualisieren des Sling-Modells für den Produkt-Teaser

Als Nächstes erweitern wir die Geschäftslogik des Product Teaser durch die Implementierung eines Sling-Modells. Sling-Modellesind durch Anmerkungen angetriebene "POJOs"(Plain Old Java Objects), die eine beliebige Geschäftslogik implementieren, die von der Komponente benötigt wird. Sling-Modelle werden in Verbindung mit den HTML-Skripten als Teil der Komponente verwendet. Wir folgen dem Delegationsmuster für Sling-Modelle , sodass wir Teile des bestehenden Produktteaser-Modells einfach erweitern können.

Sling-Modelle werden als Java implementiert und können im Kernmodul des erstellten Projekts gefunden werden.

Verwenden Sie die IDE Ihrer Wahl , um das Venia-Projekt zu importieren. Die verwendeten Screenshots stammen aus der Visual Studio Code-IDE.

  1. Navigieren Sie in Ihrer IDE unter dem Kernmodul zu: core/src/main/java/com/venia/core/models/commerce/MyProductTeaser.java.

    Hauptspeicherort-IDE

    MyProductTeaser.java ist eine Java-Schnittstelle, die die CIF- ProductTeaser -Schnittstelle erweitert.

    Es wurde bereits eine neue Methode mit dem Namen isShowBadge() zur Anzeige eines Kennzeichens hinzugefügt, wenn das Produkt als "Neu"gilt.

  2. hinzufügen einer neuen Methode an isEcoFriendly() der Schnittstelle:

    @ProviderType
    public interface MyProductTeaser extends ProductTeaser {
        // Extend the existing interface with the additional properties which you
        // want to expose to the HTL template.
        public Boolean isShowBadge();
    
        public Boolean isEcoFriendly();
    }
    

    Dies ist eine neue Methode, die wir einführen werden, um die Logik zu kapseln, um anzugeben, ob das Produkt das eco_friendly Attribut auf Ja oder Nein gesetzt hat.

  3. Überprüfen Sie dann das MyProductTeaserImpl.java at core/src/main/java/com/venia/core/models/commerce/MyProductTeaserImpl.java.

    Das Delegationsmuster für Sling-Modelle ermöglicht MyProductTeaserImpl die Referenz auf ProductTeaser das Modell über die sling:resourceSuperType Eigenschaft:

    @Self
    @Via(type = ResourceSuperType.class)
    private ProductTeaser productTeaser;
    

    Für alle Methoden, die wir nicht überschreiben oder ändern möchten, können wir einfach den Wert zurückgeben, den die ProductTeaser zurückgeben. Beispiel:

    @Override
    public String getImage() {
        return productTeaser.getImage();
    }
    

    Dadurch wird die Menge an Java-Code, die eine Implementierung schreiben muss, minimiert.

  4. Einer der zusätzlichen Erweiterungspunkte, die von AEM CIF Core Components bereitgestellt werden, ist der, AbstractProductRetriever der Zugriff auf bestimmte Produktattribute bietet. Inspect der initModel() Methode:

    import javax.annotation.PostConstruct;
    ...
    @Model(adaptables = SlingHttpServletRequest.class, adapters = MyProductTeaser.class, resourceType = MyProductTeaserImpl.RESOURCE_TYPE)
    public class MyProductTeaserImpl implements MyProductTeaser {
        ...
        private AbstractProductRetriever productRetriever;
    
        /* add this method to intialize the proudctRetriever */
        @PostConstruct
        public void initModel() {
            productRetriever = productTeaser.getProductRetriever();
    
            if (productRetriever != null) {
                productRetriever.extendProductQueryWith(p -> p.createdAt());
            }
    
        }
    ...
    

    Die @PostConstruct Anmerkung stellt sicher, dass diese Methode aufgerufen wird, sobald das Sling-Modell initialisiert wurde.

    Beachten Sie, dass die GraphQL-Abfrage des Produkts bereits mit der extendProductQueryWith Methode zum Abrufen des zusätzlichen created_at Attributs erweitert wurde. Dieses Attribut wird später als Teil der isShowBadge() Methode verwendet.

  5. Aktualisieren Sie die GraphQL-Abfrage, um das eco_friendly Attribut in die partielle Abfrage einzuschließen:

    //MyProductTeaserImpl.java
    
    private static final String ECO_FRIENDLY_ATTRIBUTE = "eco_friendly";
    
    @PostConstruct
    public void initModel() {
        productRetriever = productTeaser.getProductRetriever();
    
        if (productRetriever != null) {
            productRetriever.extendProductQueryWith(p ->
                 productRetriever.extendProductQueryWith(p -> p
                    .createdAt()
                    .addCustomSimpleField(ECO_FRIENDLY_ATTRIBUTE)
                );
            );
        }
    }
    

    Das Hinzufügen der extendProductQueryWith Methode ist eine leistungsstarke Methode, um sicherzustellen, dass dem Rest des Modells zusätzliche Produktattribute zur Verfügung stehen. Außerdem wird die Anzahl der ausgeführten Abfragen minimiert.

    Im obigen Code wird dasaddCustomSimpleField Attribut zum Abrufen des eco_friendly Attributs verwendet. Dies zeigt, wie Sie Abfragen für benutzerdefinierte Attribute durchführen können, die Teil des Magento-Schemas sind.

    Hinweis

    Die createdAt() Methode wurde tatsächlich als Teil der Produktoberflächeimplementiert. Die meisten häufig gefundenen Schema-Attribute wurden implementiert. Verwenden Sie daher nur die addCustomSimpleField für echte benutzerdefinierte Attribute.

  6. hinzufügen einer Protokollfunktion, um das Debugging des Java-Codes zu unterstützen:

    import org.slf4j.Logger;
    import org.slf4j.LoggerFactory;
    ...
    @Model(adaptables = SlingHttpServletRequest.class, adapters = MyProductTeaser.class, resourceType = MyProductTeaserImpl.RESOURCE_TYPE)
    public class MyProductTeaserImpl implements MyProductTeaser {
    
    private static final Logger LOGGER = LoggerFactory.getLogger(MyProductTeaserImpl.class);
    
  7. Implementieren Sie anschließend die isEcoFriendly() Methode:

    @Override
    public Boolean isEcoFriendly() {
    
        Integer ecoFriendlyValue;
        try {
            ecoFriendlyValue = productRetriever.fetchProduct().getAsInteger(ECO_FRIENDLY_ATTRIBUTE);
            if(ecoFriendlyValue != null && ecoFriendlyValue.equals(Integer.valueOf(1))) {
                LOGGER.info("*** Product is Eco Friendly**");
                return true;
            }
        } catch (SchemaViolationError e) {
            LOGGER.error("Error retrieving eco friendly attribute");
        }
        LOGGER.info("*** Product is not Eco Friendly**");
        return false;
    }
    

    Bei der obigen Methode productRetriever wird das Produkt abgerufen, und die getAsInteger() Methode wird verwendet, um den Wert des eco_friendly Attributs abzurufen. Basierend auf den GraphQL Abfragen, die wir zuvor ausgeführt haben, wissen wir, dass der erwartete Wert, wenn das eco_friendly Attribut auf "Yes" gesetzt ist, eigentlich eine Ganzzahl von 1 ist.

    Nachdem das Sling-Modell aktualisiert wurde, muss das Komponenten-Markup aktualisiert werden, um einen Indikator für umweltverträglich basierend auf dem Sling-Modell anzuzeigen.

Anpassen des Markups des Produkt-Teasers

Eine häufige Erweiterung AEM Komponenten besteht darin, das von der Komponente generierte Markup zu ändern. Dies geschieht durch Überschreiben des HTML-Skripts , das die Komponente zum Rendern des Markups verwendet. HTML-Vorlagensprache (HTL) ist eine einfache Vorlagensprache, die AEM Komponenten verwenden, um Markup basierend auf erstellten Inhalten dynamisch zu rendern, sodass die Komponenten wiederverwendet werden können. So kann z.B. der Produktteaser immer wieder wiederverwendet werden, um verschiedene Produkte anzuzeigen.

In unserem Fall möchten wir ein Banner über dem Teaser rendern, um anzugeben, dass das Produkt "Eco Friendly" auf Basis eines benutzerspezifischen Attributs ist. Das Entwurfsmuster zum Anpassen des Markups einer Komponente ist eigentlich Standard für alle AEM Komponenten, nicht nur für die AEM CIF-Kernkomponenten.

  1. Navigieren Sie in der IDE zum ui.apps Modul, erweitern Sie es und erweitern Sie die Ordnerhierarchie, um: ui.apps/src/main/content/jcr_root/apps/venia/components/commerce/productteaser und überprüfen Sie die .content.xml Datei.

    Product Teaser ui.apps

    <?xml version="1.0" encoding="UTF-8"?>
    <jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
        jcr:description="Product Teaser Component"
        jcr:primaryType="cq:Component"
        jcr:title="Product Teaser"
        sling:resourceSuperType="core/cif/components/commerce/productteaser/v1/productteaser"
        componentGroup="Venia - Commerce"/>
    

    Oben ist die Komponentendefinition für die Product Teaser Komponente in unserem Projekt. Beachten Sie die Eigenschaft sling:resourceSuperType="core/cif/components/commerce/productteaser/v1/productteaser". Dies ist ein Beispiel für das Erstellen einer Proxy-Komponente. Anstatt alle Product Teaser HTL-Skripte aus den AEM CIF Core-Komponenten zu kopieren und einzufügen, können wir die Funktionalität mit sling:resourceSuperType übernehmen.

  2. Öffnen Sie die Datei productteaser.html. Dies ist eine Kopie der productteaser.html Datei des CIF-Produkt-Teaser

    <!--/* productteaser.html */-->
    <sly data-sly-use.product="com.venia.core.models.commerce.MyProductTeaser"
        data-sly-use.templates="core/wcm/components/commons/v1/templates.html"
        data-sly-use.actionsTpl="actions.html"
        data-sly-test.isConfigured="${properties.selection}"
        data-sly-test.hasProduct="${product.url}">
    

    Beachten Sie, dass das Sling-Modell für MyProductTeaser verwendet und der product Variablen zugewiesen wird.

  3. Ändern Sie, productteaser.html um einen Aufruf an die in der vorherigen Übung implementierte isEcoFriendly Methode durchzuführen:

    ...
    <div data-sly-test="${isConfigured && hasProduct}" class="item__root" data-cmp-is="productteaser" data-virtual="${product.virtualProduct}">
        <div data-sly-test="${product.showBadge}" class="item__badge">
            <span>${properties.text || 'New'}</span>
        </div>
        <!--/* Insert call to Eco Friendly here */-->
        <div data-sly-test="${product.ecoFriendly}" class="item__eco">
            <span>Eco Friendly</span>
        </div>
    ...
    

    Beim Aufrufen einer Sling Model-Methode in HTML wird der get und is -Teil der Methode abgelegt und der erste Buchstabe wird verringert. Also isShowBadge() wird .showBadge und isEcoFriendly wird .ecoFriendly. Basierend auf dem booleschen Wert, der von zurückgegeben wird, .isEcoFriendly() bestimmt, ob der <span>Eco Friendly</span> Wert angezeigt wird.

    Weitere Informationen zu data-sly-test und anderen HTL-Blockanweisungen finden Sie hier.

  4. Speichern Sie die Änderungen und stellen Sie die Updates mithilfe Ihrer Maven-Fähigkeiten über ein Befehlszeilenterminal AEM bereit:

    $ cd aem-cif-guides-venia/
    $ mvn clean install -PautoInstallPackage,cloud
    
  5. Öffnen Sie ein neues Browserfenster und navigieren Sie zu AEM und zur OSGi-Konsole > Status > Sling-Modelle: http://localhost:4502/system/console/status-slingmodels

  6. Suchen Sie nach MyProductTeaserImpl einer Zeile, die wie folgt aussehen sollte:

    com.venia.core.models.commerce.MyProductTeaserImpl - venia/components/commerce/productteaser
    

    Dies bedeutet, dass das Sling-Modell ordnungsgemäß bereitgestellt wurde und der richtigen Komponente zugeordnet wurde.

  7. Aktualisieren Sie auf der Venia-Startseite unter http://localhost:4502/editor.html/content/venia/us/en.html , wo der Produktteaser hinzugefügt wurde.

    Öko-freundliche Meldung angezeigt

    Wenn das eco_friendly Attribut für das Produkt auf Ja eingestellt ist, sollte der Text "Eco Friendly"auf der Seite angezeigt werden. Versuchen Sie, zu anderen Produkten zu wechseln, um die Verhaltensänderung zu sehen.

  8. Als Nächstes öffnen Sie die AEM, error.log um die Protokollerklärungen anzuzeigen, die wir hinzugefügt haben. Das error.log befindet sich an <AEM SDK Install Location>/crx-quickstart/logs/error.log.

    Suchen Sie in den AEM Protokollen nach den Protokollanweisungen, die im Sling-Modell hinzugefügt wurden:

    2020-08-28 12:57:03.114 INFO [com.venia.core.models.commerce.MyProductTeaserImpl] *** Product is Eco Friendly**
    ...
    2020-08-28 13:01:00.271 INFO [com.venia.core.models.commerce.MyProductTeaserImpl] *** Product is not Eco Friendly**
    ...
    
    ACHTUNG

    Es können auch einige Stapelspuren angezeigt werden, wenn das im Teaser verwendete Produkt nicht über das eco_friendly Attribut verfügt, das im Attributsatz des Produkts festgelegt ist.

hinzufügen Stile für das Umweltzeichen

An diesem Punkt funktioniert die Logik, wann das Eco Friendly Zeichen angezeigt werden soll, aber der Text könnte einige Stile verwenden. Fügen Sie dem ui.frontend Modul anschließend ein Symbol und Stile hinzu, um die Implementierung abzuschließen.

  1. Laden Sie die Datei eco_friendly.svg herunter. Dies wird als Eco Friendly -Zeichen verwendet.

  2. Kehren Sie zur IDE zurück und navigieren Sie zum ui.frontend Ordner.

  3. hinzufügen Sie die eco_friendly.svg Datei in den ui.frontend/src/main/resources/images Ordner:

    Eco-freundliche SVG hinzugefügt

  4. Open the file productteaser.scss at ui.frontend/src/main/styles/commerce/_productteaser.scss.

  5. hinzufügen die folgenden Segmentregeln innerhalb der .productteaser Klasse:

    .productteaser {
        ...
        .item__eco {
            width: 60px;
            height: 60px;
            left: 0px;
            overflow: hidden;
            position: absolute;
            padding: 5px;
    
        span {
            display: block;
            position: absolute;
            width: 45px;
            height: 45px;
            text-indent: -9999px;
            background: no-repeat center center url('../resources/images/eco_friendly.svg'); 
            }
        }
    ...
    }
    
  6. Speichern Sie die Änderungen und stellen Sie die Updates mithilfe Ihrer Maven-Fähigkeiten über ein Befehlszeilenterminal AEM bereit:

    $ cd aem-cif-guides-venia/
    $ mvn clean install -PautoInstallPackage,cloud
    
  7. Aktualisieren Sie auf der Venia-Startseite unter http://localhost:4502/editor.html/content/venia/us/en.html , wo der Produktteaser hinzugefügt wurde.

    UMWELT - Freundliche Abzeichen - endgültige Implementierung

Herzlichen Glückwunsch

Sie haben gerade Ihre erste AEM CIF-Komponente angepasst! Laden Sie die fertigen Lösungsdateien hierherunter.

Bonus-Herausforderung

Überprüfen Sie die Funktionalität des neuen Kennzeichens, das bereits im Product Teaser implementiert wurde. Versuchen Sie, ein zusätzliches Kontrollkästchen hinzuzufügen, damit Autoren steuern können, wann das Umweltzeichen angezeigt werden soll. Sie müssen das Komponentendialogfeld aktualisieren ui.apps/src/main/content/jcr_root/apps/venia/components/commerce/productteaser/_cq_dialog/.content.xml.

Implementierung neuer Kennzeichen

Zusätzliche Ressourcen

Auf dieser Seite