Markup-Tags

Ein Markup-Tag ist eine Direktive, die einen Codeausschnitt mit einem relativen Verweis auf ein Objekt in Ihrem Store enthält, z. B. eine Variable, eine URL, ein Bild oder einen Block. Markup-Tags können überall dort verwendet werden, wo der Editor verfügbar ist und in die HTML der Vorlagen email und newsletter sowie anderer Typen von content integriert ist.

Markup-Tags sind in doppelte, geschweifte Klammern eingeschlossen und können entweder vom Widget-Tool generiert oder direkt in HTML-Inhalte eingegeben werden. Anstatt beispielsweise den vollständigen Pfad zu einer Seite fest zu kodieren, können Sie ein Markup-Tag verwenden, um die Store-URL darzustellen. Die Markup-Tags in den folgenden Beispielen umfassen:

Benutzerdefinierte Variable

Mit dem Variable Markup-Tag können Sie eine benutzerdefinierte Variable in eine E-Mail-Vorlage, in Blöcke, Newsletter und Inhaltsseiten einfügen.

{CustomVar code= "my_custom_variable"}

Store-URL

Das Markup-Tag Store-URL stellt die Basis-URL Ihrer Website dar und wird als Ersatz für den ersten Teil einer vollständigen URL verwendet, einschließlich des Domänennamens. Es gibt zwei Versionen dieses Markup-Tags: eine, die direkt zu Ihrem Store gehört, und die andere mit einem Schrägstrich (/) am Ende, der beim Hinzufügen eines Pfads verwendet wird.

{{store url='apparel/shoes/womens'}

Medien-URL

Das Markup-Tag für dynamische Medien-URLs stellt den Speicherort und den Dateinamen eines Bildes dar, das in einem Inhaltsbereitstellungsnetzwerk (Content Delivery Network, CDN) gespeichert ist. Mit dem -Tag können Sie ein Bild auf einer Seite, einem Block, einem Banner oder einer E-Mail-Vorlage platzieren.

{{media url='shoe-sale.jpg'}

Block-ID

Das Block-ID-Markup-Tag ist am einfachsten zu verwenden und kann verwendet werden, um einen Block direkt auf einer CMS-Seite zu platzieren oder ihn sogar in einem anderen Block zu verschachteln. Mit dieser Technik können Sie einen Block für verschiedene Promotions oder Sprachen ändern. Das Markup-Tag "Block-ID"referenziert einen Block anhand seiner Kennung.

{{block id='block-id'}

Vorlagentag

Ein Vorlagen-Tag verweist auf eine PHTML-Vorlagendatei und kann verwendet werden, um den Block auf einer CMS-Seite oder in einem statischen Block anzuzeigen. Der Code im folgenden Beispiel kann zu einer Seite oder einem Block hinzugefügt werden, um das Kontaktformular anzuzeigen.

{{block class="Magento\Contact\Block\ContactForm" name="contactForm" template="Magento_Contact::form.phtml"}}

Der Code im nächsten Beispiel kann zu einer Seite oder einem Block hinzugefügt werden, um eine Liste der Produkte einer bestimmten Kategorie nach Kategorie-ID anzuzeigen.

{block type="catalog/product_list" category_id="22" template="catalog/product/list.phtml"}

Widget-Code

Das Widget-Tool kann verwendet werden, um Listen von Produkten anzuzeigen oder komplexe Links einzufügen, z. B. Links, die basierend auf der Produkt-ID zu einer bestimmten Produktseite führen. Der generierte Code enthält die Blockreferenz, den Speicherort des Codemoduls und die entsprechende PHTML-Vorlage. Nachdem der Code generiert wurde, können Sie ihn kopieren und an einer anderen Stelle einfügen.

Der Code im folgenden Beispiel kann zu einer Seite oder einem Block hinzugefügt werden, um die Liste der neuen Produkte anzuzeigen.

{widget type="catalog/product_widget_new" display_type="new_products" products_count="10" template="catalog/product/widget/new/content/new_grid.phtml"}

Der Code im nächsten Beispiel kann zu einer Seite oder einem Block hinzugefügt werden, um einen Link zu einem bestimmten Produkt nach Produkt-ID anzuzeigen.

{{widget type="catalog/product_widget_link" anchor_text="My Product Link" title="My Product Link" template="catalog/product/widgetlink/link_block.phtml" id_path="product/31"}

Markup-Tags in Links verwenden

Sie können Markup-Tags mit HTML-Anker-Tags verwenden und direkt eine Verknüpfung zu einer beliebigen Seite in Ihrem Store herstellen. Der Link kann in Inhaltsseiten, Bausteine oder E-Mail- und Newsletter-Vorlagen integriert werden. Sie können diese Methode auch verwenden, um ein Bild mit einer bestimmten Seite zu verknüpfen.

Schritt 1. Ziel-URL identifizieren

Navigieren Sie nach Möglichkeit zu der Seite, mit der Sie einen Link verknüpfen möchten, und kopieren Sie die vollständige URL aus der Adressleiste Ihres Browsers. Der benötigte Teil der URL wird nach dem .com/ zurückgegeben. Kopieren Sie andernfalls den URL-Schlüssel von der CMS-Seite, die Sie als Link-Ziel verwenden möchten.

Vollständige URL zur Kategorieseite

https://mystore.com/apparel/shoes/womens
https://mystore.com/apparel/shoes/womens.html

Vollständige URL zur Produktseite

https://mystore.com/apparel/shoes/womens/nine-west-pump
https://mystore.com/apparel/shoes/womens/nine-west-pump.html

Vollständige URL zur CMS-Seite

https://mystore.com/about-us

Schritt 2. Hinzufügen des Markups zur URL

Das Store-URL-Tag stellt die Basis-URL Ihrer Website dar und wird als Ersatz für den HTTP-Adressteil der Store-URL verwendet, einschließlich des Domänennamens und .com. Es gibt zwei Versionen des Tags, die Sie je nach den gewünschten Ergebnissen verwenden können.

store direct_url - Links direkt zu einer Seite.

store url - Platziert einen Schrägstrich am Ende, sodass zusätzliche Verweise als Pfad angehängt werden können.

In den folgenden Beispielen ist der URL-Schlüssel in einfache Anführungszeichen gesetzt und das gesamte Markup-Tag ist in zwei geschweifte Klammern eingeschlossen. Bei Verwendung mit einem Anker-Tag wird das Markup-Tag in die doppelten Anführungszeichen des Anchers gesetzt. Um Verwirrung zu vermeiden, können Sie für jeden verschachtelten Satz von Anführungszeichen einfache und doppelte Anführungszeichen verwenden.

Wenn Sie mit einer vollständigen URL beginnen, löschen Sie den Teil der HTTP-Adresse (http:// oder https://) der URL bis einschließlich .com/. Geben Sie an seiner Stelle das Markup-Tag Store-URL ein, und zwar durch das öffnende einfache Anführungszeichen.

Store-URL-Markup-Tag

https://mystore.com/apparel/shoes/womens

{{store url='apparel/shoes/womens'}}

Geben Sie andernfalls den ersten Teil des Markup-Tags Store URL ein und fügen Sie den URL-Schlüssel oder Pfad ein, den Sie zuvor kopiert haben.

URL-Markup-Tag mit URL-Schlüssel speichern

{{store url=

Um das Markup-Tag abzuschließen, geben Sie die schließenden doppelten Anführungszeichen und doppelten Klammern ein.

{{store url='apparel/shoes/womens'}}

Schritt 3. Anker-Tag ausfüllen

Schließen Sie das abgeschlossene Markup-Tag in ein Anker-Tag ein, indem Sie das Markup-Tag anstelle der Ziel-URL verwenden. Fügen Sie dann den Link-Text und das schließende Anker-Tag hinzu.

Markup im Anker-Tag

<a href="{{markup tag go here}}">Link Text</a>

Fügen Sie das abgeschlossene Anker-Tag in den Code einer beliebigen CMS-Seite, eines Blocks, Banners oder einer E-Mail-Vorlage ein, in der der Link angezeigt werden soll.

Vollständiger Link mit Markup

<a href="{{store url='apparel/shoes'}">Schuhverkauf</a>