Writes the value into the alt attribute of an img tag — the image description for accessibility and SEO. Polylang/WPML-aware.

Anchor link — the field accepts an identifier without the # sign; the generator prepends the hash when writing into href.

Multi-line plain-text field without a visual editor: line breaks typed in the admin become line breaks on the site. For leads, addresses and short descriptions.

Generates a unique HTML id from the value of a linked ACF/SCF field. Useful when repeater rows render in sequence and need stable ids for anchors or CSS.

Background color — writes the value into the inline background-color style. Color-picker in admin.

Block background image — the generator writes the URL into the inline background-image style. If the block also has a background color or gradient, the image may not render in some browsers.

HTML5 background video — a group of three fields: poster placeholder, mp4, and webm. The generator attaches a <video> with autoplay/muted/loop to the block background.

Binds an input[type=checkbox] state to a boolean ACF/SCF field. The generator adds the checked attribute when the value is true.

Custom checkbox inside fld-loop — every row gets a unique name, so form submission returns an array of values.

Writes the value into the HTML class attribute. Useful for conditional styling: pick a string in admin (e.g. is-featured) and it becomes a block class on the front.

Arbitrary code snippet — the value is printed verbatim, no escaping (raw output). Use for tracking pixels, third-party iframe widgets, inline styles.

Text color — writes the value into the inline color style of the current element. The admin shows a color-picker with alpha.

Arbitrary custom attribute: exposes any HTML attribute of the element to the admin as an editable field. Value format: "attr-name:Label in admin". For example, to make src or href editable: fld-custom="src:Image link" or fld-custom="href:Link field name". Need several on one element — use the numbered variants fld-custom1...fld-custom20.

Visual editor (TinyMCE) for formatted text: headings, lists, links, images. Put it on a div: WordPress wraps the text in paragraphs itself.

Email link in one attribute — the generator builds href="mailto:..." and injects the address from the field as the visible link text inside <a>.

Arbitrary file upload — PDF, DOCX, ZIP, etc. The URL is injected into the href of an <a>. Standard media uploader in admin.

Image gallery — an array of images with drag-and-drop ordering. Rendered on the front as a loop over images.

Google Maps field — coordinates, address, and zoom in one picker with an interactive map. Requires a Google Maps API key in Theme Settings.

Textual address from a Google Map — extracts the address component from the gmap object. Useful for a caption under the map.

Container of nested fields — all fld-* inside become sub-fields of the group in admin. No own value, just structures the Theme Panel.

Conditional block hide — mirror of show with inverted logic. true in admin removes the block from the markup.

Writes the value into the HTML id of the current element. For auto-generation from content, see auto_id or slug_id.

Image field. On an <img> the build takes src from the field and removes srcset and sizes, so the image chosen in the admin is the one shown; alt and class stay as in the markup.

Gallery without automatic lightbox wrapping — use it when your modal viewer is wired through a custom JS component.

A single block template inside fld-layouts — contains the elements rendered for a specific layout variant.

Flexible Content — the user picks different block types in admin and arranges them in arbitrary order. Each block type is a separate fld-layout with its own markup.

Gallery in a lightbox — each image is automatically wrapped in an <a> with lightbox attributes for the chosen widget.

Lightbox image — the generator wraps the <img> in an <a href> pointing to the full size with attributes that trigger a modal viewer (Fancybox, GLightbox, native).

Lightbox video — the field accepts a URL (YouTube, Vimeo, MP4) and turns into a lightbox link with on-click embed.

Universal link as a plain-text field — user enters a URL, the generator writes it into href. No post picker, no scheme validation.

List of values via textarea — each line becomes an array element. Good for benefits, tags, simple enumerations without a full repeater.

Repeater — the user adds any number of rows, each with its own set of fields. Inside fld-loop, use ordinary fld-* attributes; the parser detects that they belong to the row. The TF analogue of the ACF/SCF Repeater.

Lottie animation — the field accepts a URL to a JSON file. On the front, it boots a lottie-player on the current element.

Link to a WordPress page — drop-down picker over existing pages, posts, and CPTs in admin. Returns the permalink and respects the active Polylang/WPML locale.

Phone link in one attribute — the generator builds href="tel:..." and injects the number from the field as the visible text inside <a>.

Writes the value into the placeholder attribute of an input or textarea — the hint shown inside an empty form field.

Loop over manually-chosen posts — rendered on the front as a WP_Query with the user-defined order preserved.

Radio buttons — pick one option from a predefined list. Options are configured in the Theme Panel.

Drop-down list — (label, value) pairs are configured in the Theme Panel via a sub-repeater.

Shortcode as a field value — the content is passed through do_shortcode before output. Any WordPress shortcode in any place in the theme.

Conditional block reveal — true in admin keeps the block on the front, false removes it (via CSS display:none or a PHP guard).

Slug-style id with transliteration — the generator takes the value of the linked field and converts it to slug form (Cyrillic → Latin, spaces → hyphens, lowercase).

Arbitrary inline CSS on the current element — writes the value into the style attribute. Use sparingly: it overrides stylesheets.

Loop over selected terms — the array from a taxonomy field, convenient for rendering tag clouds or link lists.

Single-line text field, the most common type. It replaces the element’s whole content with the field’s value; the text in the HTML becomes the field’s first value on “Load data”, not a fallback. Translatable via Polylang/WPML.

Writes the value into the HTML title attribute — the tooltip on hover. Most common on links and images.

Writes the value into the value attribute of input/select — for defaulting form inputs from admin-editable copy.

Video by URL — place it on a video block and the admin gets a text field for any video link (YouTube, Vimeo, …); on the front it plays as an embedded player.

YouTube video by URL — the generator inserts an embed iframe into the current element.

Creates an ACF/SCF field group from the field attributes inside the element it is placed on. Put it on the element that holds the fields — most often on body; the value is the group name in the admin (alternative: wp_meta). Without wp-fields-group on the page, no field groups are created for that template automatically (you can still add them manually in ACF/SCF settings). It does not create template files — those are generated from the Webflow pages separately.

Keeps the WP visual editor visible on pages bound to a template via wp-fields-group. By default the editor is hidden — this attribute brings it back.

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.

Renders a fld-looper as a table layout in the admin — a compact row grid. Good for short fields (name + price + quantity).

Each repeater row is a separate block-card with vertically stacked fields. Default for most types.

Fields within a row flow horizontally (flex) — for short «label + value» pairs in admin.

Conditional block output by a WordPress condition: the value is a function call (or expression) returning true/false. When false the block is omitted from the page output entirely. You can also pass just a field name: wp-if="phone" shows the block only when the phone field is filled (equivalent to get_field('phone')). Typical values are in the example cards below; arbitrary PHP expressions are allowed too.

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.

Runs arbitrary PHP code in place of the element — the generator wraps the value in <?php ... ?>. Maximum freedom: variables, loops, function calls. For simply printing a value php-echo is more convenient (echo is implied), for conditional display use php-if / wp-if.

Outputs the result of a PHP expression as the element content. Do not write the word echo — it is implied: php-echo="get_the_title()" prints the current post title. For short safe constructs; for code blocks with logic use wp-php.

Conditional rendering: the element is output only if the PHP expression in the value is truthy. E.g. php-if="is_user_logged_in()" shows the block to logged-in visitors only. Any boolean expression works; sibling of wp-if (which leans on ready-made WordPress conditions).

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.

Inserts another PHP file of the theme at this spot (a plain include; name without extension — .php is added automatically). Key difference from wp-part: the generator does NOT create or overwrite the wp-include file on theme updates — it is your own partial, written and maintained by hand, and it survives updates. Trick: place wp-part first so the generator extracts the element markup into a file once, then switch the attribute to wp-include — the file stops being overwritten and can be refined by hand.

Extracts the element into a separate reusable file (a WordPress template part) and includes it via get_template_part(). Key difference from wp-include: the file is generated from the Webflow markup and is OVERWRITTEN on every theme update — editing it by hand is pointless, edit the source element in Webflow. Handy as an AJAX-refresh target. Combo: wp-part extracts the file once, then you switch the attribute to wp-include — and edit the file by hand without overwrites.

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).

A widget area (dynamic sidebar): the element content is replaced with the widgets the admin put into that area (Appearance → Widgets). The value is the area name; the theme registers it automatically at generation. Plugin widgets go here too — e.g. the Premmerce catalog filter.

Outputs a WordPress menu by its name from the admin (Appearance → Menus). Items take the classes of the first link; items with sub-items become a two-level dropdown. For a dropdown of your own design use wp-menu-tree.

Template for a plain menu item with no nested children — a simple link. The generator uses this element as a «leaf» when building the menu.

Template for a menu item with a dropdown — must contain wp="menu-children" for the nested list. The generator recursively expands child items.

Outputs the title of the current post or page — whatever is entered into the WP «Title» field. Respects the active Polylang/WPML locale.

Outputs the main post content via the_content() — with Gutenberg blocks, shortcodes, and oEmbed embeds. Must live inside The Loop.

Post excerpt — a short summary from the Excerpt field or auto-generated from the content. Good for archive cards and blog snippets.

Publication date of the post in the theme's format. Format is set under WP «Settings → General» or via the get_the_date filter.

Featured image of the post, on an <img>: src comes from the post, srcset and sizes are removed. For a background use post-bg-image.

Permalink of the current post, written into href. Works on any element, usually an <a>.

Author display name. By default the author is the user who published the post.

Link to the post author's archive page — written into href. Opens the author's archive.

Tags of the current post, comma-separated. Each tag is a link to its own archive.

Standard WordPress Loop (The Loop) — on archive pages it iterates posts automatically. Anything inside is repeated for each post. Use it ONLY on archive templates (blog / category / CPT-archive / search); on a single-post page it would render an unwanted list of posts.

Page numbers for the blog, archives and search: WP-PageNavi when that plugin is active, otherwise WordPress paginate_links(). Put it on an empty element.

URL of the site's home page — written into href. On localized versions, points to the current locale's root.

Post title wrapped in a link to the post itself — both values at once (text + href). One attribute replaces post-title + post-link.

Link to the next post in the archive — written into href. Hidden on the last post.

Link to the previous post in the archive — written into href. Hidden on the first post.

Post thumbnail as a block background image — URL is written into the inline background-image style.

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

Alias for bloginfo-name — the site title from WP settings.

Alias for bloginfo-description — the site tagline from WP settings.

Breadcrumbs via the Breadcrumb NavXT plugin — the trail from the home page to the current page. Requires the plugin active.

Container for the «no results» state in archives and search — the generator only shows it when there are no results (JS-driven).

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.

One child-product row of a grouped product — place it on the repeating row of the children loop (wp-product-query="get_grouped_children()"). Supplies the product id and unit price the running total is built from.

Quantity field of a child product — becomes a number input starting at 0 («not ordered»), capped to the remaining stock when stock is tracked. Use it instead of wp="product-qty" here: that one belongs to the product’s own form and would move every row at once.

Decrease button for a child product — changes the quantity of its own row only.

Increase button for a child product — changes the quantity of its own row only.

Wrapper of the running total for a grouped product — holds the item count, the sum and the add-to-cart button.

Total quantity currently selected across the child products — recalculated in the browser as the shopper types.

Total price of the current selection — recalculated in the browser as the shopper types.

Adds the whole selection to the cart in one request: every child product whose quantity is above zero.

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)

Wrapper that repeats its first child once per VARIATION attribute the product actually has — so adding an attribute in WordPress (a new size, a new ingredient) appears on the site with no design change and no theme rebuild. Inside the repeated group use wp="attr-name" for the attribute label and wp-attr-terms="*" for the list of its terms. Attributes you placed by hand on the same template (wp-attr-terms="pa_x" or wp-if-attr="pa_x") are SKIPPED — hand-built blocks are often custom, and would otherwise be rendered twice. Non-taxonomy («free text») attributes are skipped too: they have no terms to choose from. Note: wp="product-attrs" is a different thing — it LISTS attributes as specs; this one builds the CHOOSER.

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()).

Renders the comment list from YOUR markup instead of the WordPress default. The first child that carries comment marks becomes the template of a single comment; WordPress keeps threading, paging and moderation. The card root gets id="comment-<ID>" and a tf-comment-depth-N class — style that class to indent replies, because a reply carries no wrapper of its own.

The comment author name. Place inside the single-comment template.

The author avatar. On an <img> the src is replaced (static srcset/sizes are stripped, otherwise the browser would prefer them); on any other element it becomes a background image.

The comment date. Place inside the single-comment template.

The comment body. Place inside the single-comment template.

The "Reply" link. Keeps your element and classes, and receives the real reply address plus the data attributes the built-in reply script needs to move the form under the comment being answered.

Builds the comment form from YOUR field markup. WordPress still prints the form element itself — that is where its hidden fields, plugin hooks and the reply behaviour live — while your marked blocks become the fields, the textarea and the button. An unmarked field simply keeps the WordPress default.

The "Name" field of the comment form. Mark the field or, better, its wrapper (label + input + hint) — the whole marked element becomes the field block.

The "Email" field of the comment form.

The "Website" field of the comment form.

The comment textarea.

The submit button of the comment form. Your markup and classes are kept.

Renders WooCommerce product reviews from YOUR markup. A review is a comment plus a rating, so the comment marks work inside the review card unchanged. Everything inside this block is a SOURCE: the first child with review/comment marks becomes the single-review template, and a wp="review-form" block inside becomes the form fields. WooCommerce still owns the block itself — the count and title, pagination, the "purchase required" notice, validation and saving.

The rating of the review. The element receives data-rating and the CSS variable --tf-rating, so a star bar can be drawn in pure CSS (width: calc(var(--tf-rating) / 5 * 100%)). An EMPTY element gets the number printed into it; markup inside (your own stars) is left untouched.

Shown only on a review left by a confirmed buyer ("verified owner" in WooCommerce). Your markup, your classes.

The review form built from YOUR field markup. Place it inside wp="review-list" — WooCommerce renders the form there. Fields use the comment marks (comment-input-author / -email / -text, comment-submit) plus review-input-rating.

The rating control of the review form (a <select>). If it has no options, 1-5 are added. It never travels in the form "fields" array — WordPress prints that only for logged-out visitors, which would hide the rating from every signed-in customer.

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).

Turns the element into a posts loop (WP_Query) anywhere in the theme: inside the element is the card of one post, repeated for every result. Parameters are written as PHP array pairs, e.g. wp-query="'post_type'=>'news', 'posts_per_page'=>6". Inside the loop wp="post-title", wp="post-image", links and the post's fld-* fields all work.

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.

A naming convention for a search input — an <input name="pm__sku"> inside a filter form enables searching products by SKU. Set the name to pm__sku rather than adding a separate attribute.

Wishlist container (YITH Wishlist) — wrapper around the products table. Put wp="wish-items" with the loop inside.

Loop over products in the wishlist — repeats for each saved product. Inside, use wp-wl="..." for product fields.

Wishlist product count for the current user — updates on add/remove.

Heart-button «Add to wishlist» — placed on a product or in a product card. Click toggles the product via AJAX.

Button «Copy to cart» — adds the wishlist product to the cart while keeping it in the wishlist.

Button «Move to cart» — adds to cart and removes from wishlist in one action.

Remove-from-wishlist button — usually a cross in the row.

Button that empties the whole wishlist

Product name in a wishlist row — output via get_name().

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

Product thumbnail — URL injected into the src of an img.

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

Current product price — if there's a discount, the sale price is shown; otherwise the regular price.

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 product attribute in the wishlist loop — e.g. size or color. Attribute name is pa_<slug> from product settings.

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

Taxonomy term of the product in the wishlist loop — category or tag (product_cat, product_tag).

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