Schreibt den Wert in das alt-Attribut eines img-Tags — die Bildbeschreibung für Barrierefreiheit und SEO. Polylang/WPML-fähig.

Anker-Link — das Feld akzeptiert einen Identifier ohne #-Zeichen; der Generator setzt die Raute beim Schreiben ins href vor.

Mehrzeiliges Feld für reinen Text ohne visuellen Editor: Zeilenumbrüche aus dem Adminbereich werden auf der Website zu Zeilenumbrüchen. Für Einleitungen, Adressen, kurze Beschreibungen.

Erzeugt eine eindeutige HTML-id aus dem Wert eines verknüpften ACF/SCF-Feldes. Nützlich, wenn Repeater-Zeilen hintereinander gerendert werden und stabile IDs für Anker oder CSS brauchen.

Hintergrundfarbe — schreibt den Wert in den inline background-color-Style. Color-Picker im Admin.

Hintergrundbild eines Blocks — der Generator schreibt die URL in den inline background-image-Style. Hat der Block auch eine Hintergrundfarbe oder einen Gradienten, wird das Bild in manchen Browsern eventuell nicht gerendert.

HTML5-Hintergrundvideo — Gruppe aus drei Feldern: Poster-Platzhalter, mp4 und webm. Der Generator hängt ein <video> mit autoplay/muted/loop an den Block-Hintergrund.

Bindet den State einer input[type=checkbox] an ein boolesches ACF/SCF-Feld. Der Generator fügt das checked-Attribut hinzu, wenn der Wert true ist.

Custom-Checkbox innerhalb fld-loop — jede Zeile bekommt einen eindeutigen name, sodass das Formular ein Werte-Array zurückliefert.

Schreibt den Wert in das HTML-class-Attribut. Praktisch für bedingtes Styling: im Admin String wählen (z. B. is-featured), wird am Frontend zur Block-Klasse.

Beliebiges Code-Snippet — der Wert wird unmaskiert ausgegeben (raw output). Für Tracking-Pixel, Drittanbieter-iframes, Inline-Styles.

Textfarbe — schreibt den Wert in den inline color-Style des aktuellen Elements. Im Admin Color-Picker mit Alpha-Kanal.

Beliebiges benutzerdefiniertes Attribut: verbindet ein beliebiges HTML-Attribut des Elements als bearbeitbares Feld mit dem Admin-Bereich. Wertformat: "Attributname:Label im Admin". Beispiel: fld-custom="src:Image link" oder fld-custom="href:Link field name" macht src bzw. href bearbeitbar. Mehrere solche Attribute am selben Element — nummerierte Varianten fld-custom1...fld-custom20.

Visueller Editor (TinyMCE) für formatierten Text: Überschriften, Listen, Links, Bilder. Setze ihn auf ein div: WordPress setzt den Text selbst in Absätze.

E-Mail-Link in einem Attribut — der Generator baut href="mailto:..." und schreibt die Adresse aus dem Feld als sichtbaren Linktext in <a>.

Beliebiger Datei-Upload — PDF, DOCX, ZIP usw. Die URL wird in das href eines <a> injiziert. Standard-Medien-Uploader im Admin.

Bildergalerie — ein Array von Bildern mit Drag-and-Drop-Reihenfolge. Am Frontend als Schleife über Bilder gerendert.

Google-Maps-Feld — Koordinaten, Adresse und Zoom in einem Picker mit interaktiver Karte. Benötigt einen Google-Maps-API-Key in den Theme-Einstellungen.

Textuelle Adresse aus einer Google Map — extrahiert die address-Komponente aus dem gmap-Objekt. Praktisch für eine Beschriftung unter der Karte.

Container für verschachtelte Felder — alle fld-* innerhalb werden zu Unterfeldern der Gruppe im Admin. Hat keinen eigenen Wert, strukturiert nur das Theme-Panel.

Bedingtes Block-Verstecken — Spiegel von show mit umgekehrter Logik. true im Admin entfernt den Block aus dem Markup.

Schreibt den Wert in das HTML-id-Attribut des aktuellen Elements. Für Auto-Generierung aus Content siehe auto_id oder slug_id.

Bildfeld. Auf einem <img> nimmt der Build src aus dem Feld und entfernt srcset und sizes, damit das im Adminbereich gewählte Bild erscheint; alt und class bleiben wie im Markup.

Galerie ohne automatische Lightbox-Umhüllung — wenn der Modal-Viewer über eine eigene JS-Komponente angebunden ist.

Einzelnes Block-Template innerhalb fld-layouts — enthält die Elemente für eine bestimmte Layout-Variante.

Flexible Content — Benutzer wählt verschiedene Block-Typen im Admin und ordnet sie beliebig an. Jeder Typ ist ein eigenes fld-layout mit eigenem Markup.

Galerie in Lightbox — jedes Bild wird automatisch in <a> mit Lightbox-Attributen für das gewählte Widget eingewickelt.

Lightbox-Bild — der Generator wickelt <img> in <a href> auf die Vollgröße ein, inklusive Attribute für den Modal-Viewer (Fancybox, GLightbox, nativ).

Lightbox-Video — das Feld akzeptiert eine URL (YouTube, Vimeo, MP4) und wird zu einem Lightbox-Link mit Embed-on-click.

Universeller Link als Klartextfeld — Benutzer gibt URL ein, der Generator schreibt sie ins href. Keine Beitragsauswahl, keine Schemaprüfung.

Werteliste über textarea — jede Zeile wird zum Array-Element. Gut für Vorteilslisten, Tags, einfache Aufzählungen ohne Repeater.

Repeater — Benutzer fügt beliebig viele Zeilen hinzu, jede mit eigenem Set Felder. Innerhalb fld-loop normale fld-* Attribute verwenden; der Parser erkennt, dass sie zur Repeater-Zeile gehören. Das TF-Pendant zu the ACF/SCF Repeater.

Lottie-Animation — das Feld akzeptiert eine URL zu einer JSON-Datei. Am Frontend wird ein lottie-player im aktuellen Element initialisiert.

Link auf eine WordPress-Seite — Dropdown-Auswahl über bestehende Seiten, Beiträge und CPTs im Admin. Liefert den Permalink und respektiert die aktive Polylang/WPML-Locale.

Telefon-Link in einem Attribut — der Generator baut href="tel:..." und schreibt die Nummer aus dem Feld als sichtbaren Text in <a>.

Schreibt den Wert in das placeholder-Attribut eines input/textarea — der Hinweistext in einem leeren Formularfeld.

Schleife über manuell ausgewählte Beiträge — am Frontend als WP_Query gerendert, die Reihenfolge bleibt erhalten.

Radio-Buttons — eine Option aus einer vordefinierten Liste wählen. Konfiguration im Theme-Panel.

Dropdown-Liste — (label, value)-Paare werden im Theme-Panel über einen Unter-Repeater konfiguriert.

Shortcode als Feldwert — der Inhalt läuft vor der Ausgabe durch do_shortcode. Jeder WordPress-Shortcode an beliebiger Stelle im Theme.

Bedingte Block-Anzeige — true im Admin lässt den Block am Frontend, false entfernt ihn (über CSS display:none oder PHP-Guard).

Slug-artige ID mit Transliteration — der Generator nimmt den Wert des verknüpften Feldes und konvertiert ihn ins Slug-Format (Kyrillisch → Latein, Leerzeichen → Bindestriche, Kleinbuchstaben).

Beliebiges Inline-CSS auf das aktuelle Element — schreibt den Wert ins style-Attribut. Sparsam einsetzen: überschreibt Stylesheets.

Schleife über ausgewählte Terme — das Array aus einem taxonomy-Feld, praktisch für Tag-Listen oder Linklisten.

Einzeiliges Textfeld, der häufigste Typ. Es ersetzt den gesamten Inhalt des Elements durch den Feldwert; der Text im HTML wird beim „Daten laden“ zum ersten Wert des Felds, nicht zum Ersatzwert. Übersetzbar mit Polylang/WPML.

Schreibt den Wert in das HTML-Attribut title — Tooltip bei Hover. Am häufigsten auf Links und Bildern.

Schreibt den Wert in das value-Attribut von input/select — für Formularfelder mit aus dem Admin steuerbarem Default.

Video per URL — auf einen Video-Block setzen; im Admin erscheint ein Textfeld für einen beliebigen Video-Link (YouTube, Vimeo, …); im Frontend wird ein eingebetteter Player abgespielt.

YouTube-Video per URL — der Generator setzt das Embed-iframe in das aktuelle Element ein.

Erstellt eine ACF/SCF-Feldgruppe aus den Feld-Attributen innerhalb des Elements, auf dem es steht. Wird auf das Element mit den Feldern gesetzt — meist auf body; der Wert ist der Gruppenname im Admin (alternativ: wp_meta). Ohne wp-fields-group auf der Seite werden für dieses Template keine Feldgruppen automatisch erstellt (manuell in den ACF/SCF-Einstellungen weiterhin möglich). Template-Dateien erstellt das Attribut nicht — sie werden separat aus den Webflow-Seiten generiert.

Hält den visuellen WP-Editor auf Seiten sichtbar, die per wp-fields-group an ein Template gebunden sind. Standardmäßig wird der Editor versteckt — dieses Attribut bringt ihn zurück.

Adds a help text (description) under a field’s label in the WordPress admin. Place it on the same element that carries a field attribute (fld-text, opt-link, a group or repeater container, …) and editors see your guidance right where they fill the field in.

Rendert einen fld-looper als Tabellen-Layout im Admin — ein kompaktes Zeilenraster. Gut für kurze Felder (Name + Preis + Menge).

Jede Repeater-Zeile ist eine eigene Block-Karte mit vertikal gestapelten Feldern. Standard für die meisten Typen.

Felder innerhalb einer Zeile fließen horizontal (flex) — für kurze «Label + Wert»-Paare im Admin.

Bedingte Ausgabe des Blocks nach einer WordPress-Bedingung: Der Wert ist ein Funktionsaufruf (oder Ausdruck), der true/false liefert. Bei false erscheint der Block gar nicht in der Seitenausgabe. Auch ein bloßer Feldname ist möglich: wp-if="phone" zeigt den Block nur, wenn das Feld phone gefüllt ist (äquivalent zu get_field('phone')). Typische Werte in den Beispiel-Karten unten; beliebige PHP-Ausdrücke sind ebenfalls erlaubt.

Universal HTML attribute setter. Format: `wp-set="name:value"`. The wp-set attribute itself is removed, and the «name:value» pair is added as a regular HTML attribute on the same element. Multiple pairs can be specified with `;`: `wp-set="n1:v1; n2:v2"`. Examples: `wp-set="type:date"` → `type="date"`; Schema.org microdata `wp-set="itemscope: ; itemtype: https://schema.org/BreadcrumbList"` → `itemscope="" itemtype="https://schema.org/BreadcrumbList"`. If the value needs to be computed via PHP, use wp-set-php instead.

Führt beliebigen PHP-Code anstelle des Elements aus — der Generator umschließt den Wert mit <?php ... ?>. Maximale Freiheit: Variablen, Schleifen, Funktionsaufrufe. Zum bloßen Ausgeben eines Werts ist php-echo bequemer (echo ist impliziert), für bedingte Anzeige php-if / wp-if.

Gibt das Ergebnis eines PHP-Ausdrucks als Inhalt des Elements aus. Das Wort echo nicht schreiben — es ist impliziert: php-echo="get_the_title()" gibt den Titel des aktuellen Beitrags aus. Für kurze sichere Konstrukte; für Code mit Logik wp-php verwenden.

Bedingtes Rendern: Das Element wird nur ausgegeben, wenn der PHP-Ausdruck im Wert wahr ist. Z. B. zeigt php-if="is_user_logged_in()" den Block nur eingeloggten Besuchern. Jeder boolesche Ausdruck funktioniert; verwandt mit wp-if (das auf fertige WordPress-Bedingungen setzt).

Inserts raw PHP code immediately BEFORE the element — for setup logic, opening control structures, or variable assignments that wrap the element.

Inserts raw PHP code immediately AFTER the element — pairs with php-before to close control structures or run teardown logic.

Inserts PHP code INSIDE the element, replacing its children — the element keeps its tag and attributes but its content becomes the code's output.

Replaces the ENTIRE element (tag included) with the output of the PHP code — use when you need to swap the whole node for dynamic markup.

Inserts PHP code at the START of the element's content — prepends the code output before the existing children.

Inserts PHP code at the END of the element's content — appends the code output after the existing children.

Fügt an dieser Stelle eine andere PHP-Datei des Themes ein (normales include; Name ohne Endung — .php wird automatisch ergänzt). Hauptunterschied zu wp-part: Die wp-include-Datei wird vom Generator NICHT erstellt und bei Theme-Updates NICHT überschrieben — es ist dein eigenes Partial, von Hand gepflegt, und es übersteht Updates. Trick: Zuerst wp-part setzen, damit der Generator die Element-Markup einmal in eine Datei auslagert, dann das Attribut auf wp-include ändern — die Datei wird nicht mehr überschrieben und kann von Hand weiterentwickelt werden.

Lagert das Element in eine separate wiederverwendbare Datei aus (WordPress template part) und bindet sie über get_template_part() ein. Hauptunterschied zu wp-include: Die Datei wird aus der Webflow-Markup erzeugt und bei JEDEM Theme-Update ÜBERSCHRIEBEN — manuelles Bearbeiten ist sinnlos, bearbeite das Quell-Element in Webflow. Praktisch als Ziel für AJAX-Updates. Kombi: wp-part lagert die Datei einmal aus, danach das Attribut auf wp-include ändern — und die Datei ohne Überschreiben von Hand bearbeiten.

Executes a WordPress shortcode in place via do_shortcode() — embed plugin output (forms, sliders, WC blocks) anywhere in the layout.

Turns the element into a «Load more» button that AJAX-loads the next page of the current query and appends results — infinite-scroll-style pagination.

A grouping counter that splits loop results into groups of N (e.g. columns) — increments per item so you can wrap every N items in a row.

Binds the template file to a specific custom post type (CPT). Placed on the `<body>` tag. WordPress shows this template in the «Template» dropdown when editing posts of the named CPT. Example: ```html <body wp-template-cpt="product"> ...template content... </body> ``` This template becomes selectable for posts of type `product` (WooCommerce product).

Widget-Bereich (dynamische Sidebar): Der Inhalt des Elements wird durch die Widgets ersetzt, die der Admin in diesen Bereich gelegt hat (Design → Widgets). Der Wert ist der Bereichsname; das Theme registriert ihn bei der Generierung automatisch. Auch Plugin-Widgets gehören hierher — z. B. der Premmerce-Katalogfilter.

Gibt ein WordPress-Menü nach seinem Namen aus (Design → Menüs). Die Einträge übernehmen die Klassen des ersten Links; Einträge mit Untereinträgen werden zu einem zweistufigen Dropdown. Für ein Dropdown im eigenen Design wp-menu-tree.

Template für einen einfachen Menüpunkt ohne verschachtelte Kinder — ein einfacher Link. Der Generator nutzt dieses Element als «Leaf» beim Menüaufbau.

Template für einen Menüpunkt mit Dropdown — muss wp="menu-children" für die verschachtelte Liste enthalten. Der Generator expandiert Kind-Elemente rekursiv.

Gibt den Titel des aktuellen Beitrags oder der Seite aus — den im WP-Feld «Titel» eingegebenen Text. Respektiert die aktive Polylang/WPML-Locale.

Gibt den Hauptinhalt des Beitrags über the_content() aus — mit Gutenberg-Blöcken, Shortcodes und oEmbed-Embeds. Muss innerhalb des Loops liegen.

Beitrags-Excerpt — eine Kurzbeschreibung aus dem Excerpt-Feld oder automatisch aus dem Inhalt generiert. Gut für Archivkarten und Blog-Snippets.

Veröffentlichungsdatum des Beitrags im Theme-Format. Format konfigurierbar unter WP «Einstellungen → Allgemein» oder via get_the_date-Filter.

Beitragsbild auf einem <img>: src kommt aus dem Beitrag, srcset und sizes werden entfernt. Für einen Hintergrund post-bg-image.

Permalink des aktuellen Beitrags, wird in href geschrieben. Funktioniert auf jedem Element, meist auf einem <a>.

Autoren-Anzeigename. Standardmäßig ist der Autor der Nutzer, der den Beitrag veröffentlicht hat.

Link zur Archivseite des Beitragsautors — in href geschrieben. Öffnet das Autorenarchiv.

Schlagwörter des aktuellen Beitrags, kommagetrennt. Jedes Schlagwort ist ein Link zu seinem Archiv.

Standard-WordPress-Loop (The Loop) — auf Archivseiten werden Beiträge automatisch iteriert. Alles innerhalb wird für jeden Beitrag wiederholt. NUR auf Archiv-Templates verwenden (Blog / Kategorie / CPT-Archiv / Suche); auf einer Einzelbeitragsseite würde eine ungewollte Beitragsliste erscheinen.

Seitenzahlen für Blog, Archive und Suche: WP-PageNavi, wenn dieses Plugin aktiv ist, sonst paginate_links() von WordPress. Auf ein leeres Element setzen.

URL der Site-Startseite — in href geschrieben. Auf lokalisierten Versionen führt sie zur Wurzel der aktuellen Locale.

Beitragstitel als Link zum Beitrag selbst — beide Werte gleichzeitig (Text + href). Ein Attribut ersetzt post-title + post-link.

Link zum nächsten Beitrag im Archiv — in href geschrieben. Beim letzten Beitrag ausgeblendet.

Link zum vorherigen Beitrag im Archiv — in href geschrieben. Beim ersten Beitrag ausgeblendet.

Beitragsminiatur als Block-Hintergrundbild — die URL landet im inline background-image-Style.

Beitragsminiatur als Lightbox-Link — <img> wird in <a href> mit Lightbox-Attributen eingewickelt.

Alias für bloginfo-name — Site-Titel aus den WP-Einstellungen.

Alias für bloginfo-description — Site-Tagline aus den WP-Einstellungen.

Breadcrumbs über das Plugin Breadcrumb NavXT — der Pfad von der Startseite zur aktuellen Seite. Plugin muss aktiv sein.

Container für den «keine Ergebnisse»-Zustand in Archiven und Suche — wird nur angezeigt, wenn keine Ergebnisse vorliegen (JS-gesteuert).

Outputs the name of the current taxonomy term — category, tag, or custom taxonomy. Used on taxonomy archives and inside fld-term-query loops. Respects the active Polylang/WPML locale.

Permalink to the term's archive page — written into the href of an <a>. Multilang-aware.

Number of posts in the current taxonomy term (products in a category, posts in a tag). Useful for a badge next to the category name.

WooCommerce price of a product that is not on sale; hidden while it is. Put product-price-sale and product-price-regular next to it for sales.

The old, struck-through price, shown only while the product is on sale; empty and hidden otherwise. Pair it with product-price-sale.

Sale (discounted) WooCommerce product price. Empty when the product has no active sale.

Wrapper container for the product price block — typically holds product-price-regular and product-price-sale inside. Structures the price block for CSS.

WooCommerce product SKU. Hidden when the SKU field is not set on the product.

WooCommerce product gallery container — supports swipe and zoom on the product page.

WooCommerce product category image — the thumbnail set under Products → Categories. URL is injected into the img src.

Product category image as a background-image

WooCommerce product quantity input — usually <input type="number">. Pairs with product-qty-plus and product-qty-minus.

Decrement-quantity button for cart or product page. JS reduces the linked product-qty input by 1.

Increment-quantity button for cart or product page. JS increases the linked product-qty input by 1.

Goes on a <form> with a submit button: adds the product without a page reload and updates the cart counter and mini cart. Quantity inside: wp="product-qty". Variable products use the var-* values.

Cart total as WooCommerce shows it in the cart. Updated without a page reload when the cart changes.

WooCommerce cart item count — updated via AJAX. Used in the header for a badge on the cart icon.

«Cart is empty» container — the generator shows it only when the cart has no items. Usually contains a «back to shopping» link.

Zeile eines Unterprodukts eines gruppierten Produkts — gehört auf die sich wiederholende Zeile der Unterprodukt-Schleife (wp-product-query="get_grouped_children()"). Liefert Produkt-ID und Stückpreis, aus denen die Summe berechnet wird.

Mengenfeld eines Unterprodukts — wird zu einem Zahlenfeld mit Startwert 0 («nicht bestellt») und einer Obergrenze aus dem Lagerbestand, sofern dieser geführt wird. Hier gehört genau dieses Attribut hin und nicht wp="product-qty": jenes gehört zum Formular des Produkts selbst und würde alle Zeilen gleichzeitig verändern.

Minus-Schaltfläche eines Unterprodukts — ändert nur die eigene Zeile.

Plus-Schaltfläche eines Unterprodukts — ändert nur die eigene Zeile.

Container für die Summe eines gruppierten Produkts — enthält Anzahl, Betrag und die Warenkorb-Schaltfläche.

Gesamtmenge der aktuell gewählten Unterprodukte — wird während der Eingabe im Browser neu berechnet.

Gesamtbetrag der aktuellen Auswahl — wird während der Eingabe im Browser neu berechnet.

Legt die gesamte Auswahl in einem Vorgang in den Warenkorb: jedes Unterprodukt mit einer Menge größer als null.

Site search form wrapper — the generator wraps it in an HTML5 <form action="/?s="> with input[name=s].

Marker for AJAX trigger on a filter element (checkbox / radio / select inside wp-filter-form). When set, JS auto-submits the filter form on value change, no «Apply» click needed. NOT infinite-scroll (see wp-load for that).

Additional product image — URL is injected into the img src. Distinct from product-gallery (the whole gallery).

Product thumbnail as a background image — URL written into the inline background-image style.

Product thumbnail as a lightbox link — <img> is wrapped in <a href> with lightbox attributes.

Product gallery without automatic lightbox — use when the modal viewer is wired via a custom JS component.

Product title outside the loop context. Inside single-product / loop product use wp="post-title" instead.

Product height from the shipping settings in WC admin.

Product width from the shipping settings in WC admin.

Product length from the shipping settings in WC admin.

Product weight from the shipping settings in WC admin.

Discount percentage on the product — computed from regular/sale price. Useful for a -20% badge.

Loop container over the product's attributes (inside: attr-name, attr-options)

Product attribute name (inside a product-attrs or var-attrs loop)

Terms of the CURRENT attribute inside var-attrs — the same as wp-attr-terms="*", under its own name, so a converter that does not know the mark leaves the markup static

Product attribute values (inside a product-attrs loop)

Container, der sein erstes Kind einmal pro VARIATIONS-Attribut wiederholt, das das Produkt tatsächlich hat — ein neues Attribut (neue Größe, neue Zutat) erscheint damit sofort nach dem Speichern in WordPress auf der Website, ohne Designänderung und ohne Theme-Neubau. Innerhalb der wiederholten Gruppe: wp="attr-name" für die Attributbezeichnung und wp-attr-terms="*" für die Liste seiner Werte. Attribute, die auf derselben Vorlage von Hand platziert wurden (wp-attr-terms="pa_x" oder wp-if-attr="pa_x"), werden ÜBERSPRUNGEN — handgebaute Blöcke sind oft individuell, sonst würde das Attribut doppelt gerendert. Nicht-Taxonomie-Attribute («Freitext») werden ebenfalls übersprungen: dort gibt es nichts auszuwählen. Nicht verwechseln mit wp="product-attrs" — das LISTET Attribute als Merkmale auf, dieses baut die AUSWAHL.

Product card container — wrapper for a single product on a catalog page.

Catalog loop of the shop and category pages: shows the page’s own products, and the first card is the pattern. For products on another page use wp-product-query.

Numeric stock count for the product — shown only when stock management is enabled.

«In stock» block — the generator shows it when the product is available for purchase.

«Out of stock» block — the generator shows it when the product has no stock.

«Available on backorder» block — shown when the product is out of stock but orderable.

Current price of the selected variation. Updated via JS when the variation changes.

Regular (struck-through) price of the selected variation.

Sale price of the selected variation. Empty if no sale.

Image of the selected variation — URL injected into src.

Variation image in lightbox.

Variation image as background-image on the current element.

Description of the selected variation.

SKU of the selected variation.

Numeric stock count for the selected variation.

«In stock» block for variation — shown when the selected variation is available.

«Out of stock» block for variation.

«Backorder» block for variation.

Numeric ID of the selected variation.

Variation height (shipping).

Variation width (shipping).

Variation length (shipping).

Variation weight (shipping).

«Cart not empty» container — the generator shows it only when the cart has items. Paired with cart-empty.

Total weight of all items in the cart.

Checkout page container — the main wrapper for checkout.php.

Full checkout form — contains billing-* fields and payment/shipping inside.

Filled checkout form — shown when the cart has items.

Final payable amount on the checkout page.

Order total amount in the account details view.

Order number (text identifier).

Order comments field — textarea for additional notes from the customer.

Total discount applied to the order — sum of coupon discounts.

Shipping options container — typically holds shipping-radio inside.

Radio button for one shipping option.

Cost of the selected shipping option.

List of countries where shipping is available.

Final shipping cost. The name keeps a typo from the alternative format («shiping»); kept for compatibility.

Payment methods container — typically holds payment-radio inside.

Description of the selected payment method — caption under the radio button.

Radio button for one payment method.

Coupon code input + apply button.

«Use coupon» trigger button — usually expands the code input form.

Total discount amount in the cart

Total discount percentage in the cart

Discount amount from applied coupons only

Loop container over applied coupons (inside: coupon-code, coupon-amount, coupon-descr)

Code of the applied coupon (inside a used-coupons loop)

Discount amount of the coupon (inside a used-coupons loop)

Coupon description (inside a used-coupons loop)

Customer address (combined field — joins address_1 + address_2).

Customer address — line 1 (street, building).

Customer address — line 2 (apartment, suite).

Customer city.

Customer state / region.

Postal code.

Customer country (select with the WC countries list).

Customer company name (for B2B orders).

Customer first name.

Customer last name.

Customer email — for order confirmation.

Customer phone.

Display name of the currently authenticated WP user. Empty for guests.

Standard WordPress login form (wp_login_form).

WooCommerce login form — extended version for my-account.

WooCommerce new-user registration form.

WooCommerce password recovery form.

User-data edit form in the account dashboard.

Billing-address edit form in the account dashboard.

Password-change form in the account dashboard.

Logout link — href points to wp-login.php?action=logout with the correct nonce.

Order list for the current user — repeating block (loop).

List of downloadable files for the customer (digital products).

Download link for a specific customer file.

Taxonomy term title with a link to its archive — text + href in one.

Taxonomy term description — the «Description» field from the taxonomy admin.

Recursion-point marker inside wp-term-tree: container into which the generator inserts the nested-terms block (same structure as the parent). Any nesting depth.

Archive page title — category name, tag, author, date (depending on archive type).

Archive title with a link to the archive itself — text + href.

Sort selector container — usually a select with orderby options.

Sort-order option inside sort. Values: date, price, popularity, etc.

«Items per page» selector container for archives.

Product / post filter container — wrapper for filter forms.

Button to reset all applied filters.

Block renders only on mobile devices (phones + tablets).

Block renders only on phones (not tablets).

Block renders only on tablets.

Block renders only on desktops.

Block renders on all devices except phones (tablets + desktop).

Block renders only on iOS devices (iPhone, iPad).

Block renders only on Android devices.

Block renders only for «featured» WC products (is_featured flag).

Block renders only for «new arrivals» — recently published products.

Post view counter. Requires a compatible plugin (Post Views Counter, etc.).

Date the post was last modified

The block is shown only if the post has an excerpt

Post comments container — wrapper block (differs from wp="comments" which calls comments_template()).

Gibt die Kommentarliste mit DEINEM Markup statt der WordPress-Standardausgabe aus. Das erste Kind mit Kommentar-Markierungen wird zur Vorlage eines einzelnen Kommentars; Verschachtelung, Seiten und Moderation bleiben bei WordPress. Die Karte erhält id="comment-<ID>" und die Klasse tf-comment-depth-N — gestalte diese, um Antworten einzurücken: eine Antwort hat keinen eigenen Container.

Name des Kommentarautors. Innerhalb der Kommentar-Vorlage platzieren.

Avatar des Autors. Bei <img> wird src ersetzt (statische srcset/sizes werden entfernt, sonst bevorzugt der Browser sie), bei jedem anderen Element wird daraus ein Hintergrundbild.

Datum des Kommentars. Innerhalb der Kommentar-Vorlage platzieren.

Text des Kommentars. Innerhalb der Kommentar-Vorlage platzieren.

Der „Antworten“-Link. Behält dein Element und deine Klassen und erhält die echte Antwort-Adresse sowie die Datenattribute, die das eingebaute Antwort-Skript benötigt.

Baut das Kommentarformular aus DEINEM Feld-Markup. Das Formular selbst gibt weiterhin WordPress aus — dort liegen versteckte Felder, Plugin-Hooks und das Antwortverhalten —, deine markierten Blöcke werden zu Feldern, Textfeld und Button. Ein nicht markiertes Feld bleibt beim WordPress-Standard.

Das Feld „Name“ des Kommentarformulars. Markiere das Feld oder besser dessen Wrapper (Label + Feld + Hinweis) — das ganze markierte Element wird zum Feldblock.

Das Feld „E-Mail“ des Kommentarformulars.

Das Feld „Website“ des Kommentarformulars.

Das Textfeld des Kommentars.

Der Absenden-Button des Kommentarformulars. Dein Markup und deine Klassen bleiben erhalten.

Gibt WooCommerce-Produktbewertungen mit IHREM Markup aus. Eine Bewertung ist ein Kommentar plus Sterne, daher funktionieren die Kommentar-Markierungen in der Bewertungskarte unverändert. Alles im Block ist QUELLE: das erste Kind mit Bewertungs-/Kommentar-Markierungen wird zur Vorlage einer Bewertung, ein wp="review-form"-Block darin zu den Formularfeldern. Der Block selbst bleibt bei WooCommerce — Titel und Anzahl, Seiten, der Hinweis "Kauf erforderlich", Prüfung und Speichern.

Die Bewertung. Das Element erhält data-rating und die CSS-Variable --tf-rating, sodass ein Sternebalken rein per CSS gezeichnet werden kann (width: calc(var(--tf-rating) / 5 * 100%)). Ein LEERES Element bekommt die Zahl; eigenes Markup (deine Sterne) bleibt unangetastet.

Nur bei einer Bewertung von einem bestätigten Käufer sichtbar. Dein Markup, deine Klassen.

Das Bewertungsformular aus DEINEM Feld-Markup. Platziere es innerhalb von wp="review-list" — dort gibt WooCommerce das Formular aus. Felder nutzen die Kommentar-Markierungen (comment-input-author / -email / -text, comment-submit) plus review-input-rating.

Das Bewertungsfeld des Formulars (ein <select>). Ohne Optionen werden 1-5 ergänzt. Es wandert nie in das "fields"-Array: WordPress gibt dieses nur für abgemeldete Besucher aus, angemeldete Kunden würden die Bewertung verlieren.

Post categories as a link list. Alternative output format (vs. wp="post-category" which outputs a comma-separated list).

Wrap-link on the post card — turns the whole block into a clickable area pointing to post-link.

Parent page title with link — for hierarchical pages.

Alias of wp="home-url" — link to the site's home page.

Search query highlight in the results header («You searched for: ...»). Alternative to wp="search-query".

Utility marker: removes the element from DOM at build time while keeping its bound ACF/SCF fields in admin. For DOM cleanup without losing editability.

Synonym of wp="clear": removes the element from DOM at build time while keeping its bound ACF/SCF fields in admin (e.g. an empty tab-divider div).

Verwandelt das Element in eine Beitragsschleife (WP_Query) an beliebiger Stelle des Themes: Im Element steht die Karte EINES Beitrags, sie wiederholt sich für jedes Ergebnis. Parameter als PHP-Array-Paare, z. B. wp-query="'post_type'=>'news', 'posts_per_page'=>6". In der Schleife funktionieren wp="post-title", wp="post-image", Links und die fld-*-Felder des Beitrags.

Renders pagination links for archives and search results via paginate_links(). Parameters (mid_size, end_size, prev/next text…) are passed in the value.

Pagination for a named or custom query rather than the main loop — point it at the same query used by wp-query-name / a custom WP_Query.

Runs a post loop from a named query preset defined in the theme panel — admins build the query once (post type, taxonomy, ordering) and reference it by name.

A WooCommerce loop over the results of a custom product query — related, upsell, cross-sell, or recently-viewed products. Carries WC product context inside.

Builds a <select> from the results of a named query or an ACF repeater — useful for dynamically populated dropdowns.

Outputs the current post ID, optionally with a text prefix — handy for building unique anchors, form field names, or data attributes that need to reference the post.

Outputs the publish time of the current post via get_the_time(). Respects the site's date/time format settings. Must run inside The Loop.

Lists the names of all terms a post belongs to in a given taxonomy, joined by commas — e.g. all product categories or tags of the current item.

Outputs the description text of the post's first term in the given taxonomy. Useful for showing a short blurb under a category label.

Sets the href to the archive link of the post's first term in the given taxonomy — turns the element into a clickable link to that category/tag.

Loops over the taxonomy terms the current post belongs to, rendering the inner markup once per term. Use it to print a list of category badges, each linked and styled.

Renders breadcrumbs from the term hierarchy of the post — the chain of ancestor terms down to the current one, each as a link. Ideal for category breadcrumb trails.

Outputs a pluralised label with the result count — e.g. «12 products» / «1 product» — choosing the correct grammatical form for the number.

Loops over a product's custom (non-taxonomy) WooCommerce attributes — the per-product attributes defined directly on the product rather than as global pa_* taxonomies.

The first term of the current post in a taxonomy (category, post_tag, product_cat, pa_color…): name and link on an <a>, the name elsewhere. All terms as badges: wp-post-term-query; all in one line: wp-post-terms.

Renders the WordPress comment form for the current post via comment_form() — respects discussion settings and moderation rules.

Renders the list of comments for the current post — threaded replies, author avatars, and dates per theme settings.

Loop over taxonomy terms (WP_Term_Query / get_terms). Parameters either in short form («product_cat») or full string («'taxonomy' => 'product_cat', 'parent' => 0»). Inside, use term-title, term-link, term-count.

Renders breadcrumbs for a taxonomy archive page — the ancestor chain of the currently queried term. Place it on the category/tag archive template.

Renders a hierarchical tree of taxonomy terms with recursive nesting — parent terms with their children, to any depth. The first child element becomes the row template.

Nested term loop, level 2 — runs inside wp-term-tree / wp-term-query to render the children of the current term. Parent is set automatically from the outer loop.

Nested term loop, level 3 — the third level of a term hierarchy, nested inside a level-2 loop. Same auto-parent behaviour as level 2.

Loops over terms from a named term-query preset configured in the theme panel — lets an admin define the term set once and reuse it across templates.

Renders a WordPress menu by name with your own markup: one pattern for a plain item and one for an item with a dropdown (wp-menu-tpl="link" / "drop"). Any depth: wp="menu-children" inside a sub-item prints the next level.

Conditional block — renders its contents only if the current post HAS at least one term in the given taxonomy (e.g. show a badge only for products in a sale category).

Conditional block — renders its contents only if the current post does NOT have a term in the given taxonomy. The inverse of wp-has-term.

Sets an HTML attribute from a PHP expression — the value «name:php_code» becomes name="<result>" with the code evaluated and escaped at render.

Cart items loop container — the generator expands a foreach over WC()->cart->get_cart() inside. Use product_title, product_qty, product_price, etc. within.

Mini cart (sidecart) — compact cart variant for the header or a dropdown block.

«Cart not empty» wrapper — the generator shows the block only when the cart has items. Paired with cart-empty.

«Cart is empty» wrapper — shown only when the cart has no items, the same block as wp="cart-empty". Paired with not_empty.

Product title in the cart row — same as the catalog product title.

Product permalink in the cart row — written into the href of an <a>.

Product image (src) in the cart row — thumbnail or a specifically assigned image.

Product image as background-image on the cart row element.

Unit price of a product in the cart that is not on sale; add product_price_sale and product_price_regular for discounted items.

Regular (struck-through) unit price of the product in cart.

Sale unit price of the product in cart.

Quantity input field for the cart item.

Decrement-quantity (-) button for the cart item.

Increment-quantity (+) button for the cart item.

Remove-from-cart button (usually a cross in the row).

Subtotal for the cart row (unit price × quantity).

Short product description in the cart row

Product discount percentage in the cart row

Product quantity as text (no input field)

Product weight in the cart row

Product height in the cart row

Product width in the cart row

Product length in the cart row

Cart subtotal (before discounts)

Cart total (after discounts)

Total volume of the products in the cart (m³)

Mobile version of the cart (the same AJAX-updated mini cart)

Container of the full cart order block (data-wc="full_cart")

Button that empties the whole cart

Button that removes the selected products

Checkbox that selects one product for removal

«Select all» checkbox for bulk removal

Conditional block: shown if the product is low in stock

The low-stock threshold of the product; works inside wp-cart="if_low_stock".

Outputs the value of a WooCommerce product attribute in the cart loop. For example, the size or color of the product in the cart row. Value is the attribute slug (pa_size).

Conditional block in the cart context: render only when a cart item has the named attribute. The cart-row analogue of wp-if-attr.

A variation <select> for a WooCommerce variable-product attribute — populates options from the product's variations and drives the add-to-cart variation picker.

Outputs a taxonomy term of the product in a cart row — e.g. the category or a custom attribute term, shown next to each cart line item.

Conditional block inside a cart row — renders its contents only if the line-item product has the given taxonomy term.

Loop over all terms of a WooCommerce product attribute. For example, iterates all sizes (pa_size) or all colors (pa_color). Used on the product page or in filters.

Conditional block: render only when the current product has the named attribute. If the attribute is missing — the whole block is hidden.

Conditional block by the product's stock status: with 1 it renders only for a product in stock, with 0 only for a product that is out of stock. Typical use — a buy form wrapped in 1 and an «Out of stock» notice wrapped in 0, so each product shows exactly one of them.

Order items loop container — the generator expands a foreach over the order's line items (account dashboard).

Product title in the order row.

Product permalink in the order row.

Product image (src) in the order row.

Product image as background-image in the order row.

Unit price of the product at the time the order was placed.

Item quantity in the order.

Subtotal for the order row (unit price × quantity).

Position of the item in the order: 1, 2, 3 … Place it inside the wp_order="items" row — every row shows its own number.

Order number — short text identifier.

Order date in the theme's format.

Order status (pending, processing, completed, etc.) — label translated via WC.

Order total (items + shipping - discounts).

Shipping method selected when the order was placed.

Payment method selected when the order was placed.

Turns a Webflow form into a WooCommerce/WordPress filter form — submitting it filters the product/post archive by the contained fields (terms, ranges, search).

A range-slider UI control for a numeric filter (e.g. price). Pairs with wp-range-min / wp-range-max inputs inside the same filter form.

The minimum-value input of a range filter — its value seeds the lower bound of the filter (and reflects the current $_GET value on reload).

The maximum-value input of a range filter — the upper bound, mirroring wp-range-min behaviour.

Renders a checkbox list of taxonomy terms for a filter — each checkbox toggles one term in the archive query. The first checkbox row is the template.

Renders a radio-button list of taxonomy terms for a filter — single-select variant of wp-checkbox-terms.

Renders a <select> dropdown of taxonomy terms for a filter — the option list is populated from the taxonomy at render time.

Namenskonvention des Inputs für die SKU-Suche innerhalb eines Filterformulars — KEIN HTML-Attribut. Setz name="pm__sku" auf ein <input> innerhalb von wp-filter-form, und der Generator verbindet das Feld mit der SKU-Filterung.

Wunschliste-Container (YITH Wishlist) — Wrapper um die Produkttabelle. Innen wp="wish-items" mit der Schleife einsetzen.

Schleife über Produkte in der Wunschliste — wird für jedes gespeicherte Produkt wiederholt. Innen wp-wl="..." für Produktfelder verwenden.

Anzahl der Produkte in der Wunschliste des aktuellen Nutzers — aktualisiert beim Hinzufügen/Entfernen.

Herz-Button «Zur Wunschliste hinzufügen» — auf einem Produkt oder in einer Produktkarte platziert. Klick toggelt das Produkt per AJAX.

Button «In Warenkorb kopieren» — fügt das Wunschlisten-Produkt in den Warenkorb, lässt es aber in der Wunschliste.

Button «In Warenkorb verschieben» — fügt in den Warenkorb und entfernt aus der Wunschliste in einer Aktion.

Wunschliste-Entfernen-Button — meist ein Kreuz in der Zeile.

Button that empties the whole wishlist

Produktname in einer Wunschlisten-Zeile — ausgegeben über get_name().

Produkt-Permalink — in das href eines <a> geschrieben.

Produktminiatur — URL in das src eines img injiziert.

Produktminiatur als Hintergrundbild — URL im inline background-image-Style.

Aktueller Produktpreis — bei Rabatt wird der Sale-Preis gezeigt, sonst der reguläre.

Regular (struck-through) wishlist product price. Name in the alternative format; alias of product_regular_price.

Sale wishlist product price. Name in the alternative format; alias of product_sale_price.

WooCommerce-Produktattribut in der Wishlist-Schleife — z. B. Größe oder Farbe. Attributname ist pa_<slug> aus den Produkteinstellungen.

Bedingter Block: nur rendern, wenn das Produkt das genannte Attribut hat. Fehlt es — Block ausgeblendet.

Taxonomie-Term des Produkts in der Wishlist-Schleife — Kategorie oder Tag (product_cat, product_tag).

Conditional block: shown only if the product has a term of the taxonomy