Підставляє значення в HTML-атрибут alt тега img — опис зображення для accessibility та SEO. Підтримує Polylang/WPML.

Якірне посилання — поле приймає ідентифікатор без знака #; генератор автоматично додає решітку при підстановці в href.

Багаторядкове поле простого тексту без візуального редактора: розриви рядків з адмінки переходять на сайт. Для вступних абзаців, адрес, коротких описів.

Генерує унікальний HTML id зі значення зв'язаного ACF/SCF-поля. Корисно, коли репітери рендеряться поспіль і потрібні стабільні id для якорів і CSS.

Колір фону — записує значення в inline-стиль background-color. В адмінці color-picker.

Фонове зображення блоку — генератор пише URL в inline-стиль background-image. Якщо у блоку задані фоновий колір або градієнт, фон-картинка може не відобразитися браузером.

Фонове HTML5-відео — група з трьох полів: постер-плейсхолдер, mp4 і webm. Генератор підключає <video> з autoplay/muted/loop у фон блоку.

Зв'язує state input-чекбокса з булевим ACF/SCF полем. Генератор підставляє атрибут checked, коли значення true.

Кастомний чекбокс всередині fld-loop — кожному рядку репітера присвоюється унікальний name, щоб submit форми повернув масив значень.

Підставляє значення в HTML-атрибут class. Зручно для умовної стилізації: в адмінці обирається рядок (наприклад is-featured), на фронті перетворюється на клас блоку.

Довільний код-сніпет — вміст поля виводиться напряму без екранування (raw output). Використовуйте для піксельних скриптів, iframe зовнішніх сервісів, інлайн-стилів.

Колір тексту — записує значення в inline-стиль color на поточному елементі. В адмінці color-picker з альфа-каналом.

Довільний користувацький атрибут: підключає будь-який HTML-атрибут елемента до адмінки як редаговане поле. Формат значення — "ім'я-атрибута:Підпис в адмінці". Наприклад, щоб зробити редагованим src або href: fld-custom="src:Image link" або fld-custom="href:Link field name". Якщо на одному елементі потрібно кілька таких атрибутів — використовуйте пронумеровані варіанти fld-custom1...fld-custom20.

Візуальний редактор (TinyMCE) для тексту з оформленням: заголовки, списки, посилання, зображення. Ставте на div: WordPress сам обгортає текст в абзаци.

Email-посилання одним атрибутом — генератор сам зробить href="mailto:..." і підставить адресу з поля як видимий текст всередині <a>.

Довільний файл — PDF, DOCX, ZIP тощо. URL підставляється в href тега <a>. В адмінці стандартний медіа-аплоадер.

Галерея зображень — масив зображень з порядком drag-and-drop. На фронті рендериться репітером картинок.

Поле Google Maps — координати, адреса й zoom в одному пікері з інтерактивною картою. Потрібен Google Maps API key у налаштуваннях теми.

Текстове представлення адреси з Google Map — бере компонент address з об'єкта gmap. Зручно для підпису під картою.

Контейнер вкладених полів — всі fld-* всередині стають під-полями групи в адмінці. Не має власного значення, тільки структурує панель.

Умовне приховування блоку — дзеркало show з оберненою логікою. true в адмінці прибирає блок з верстки.

Підставляє значення в HTML-атрибут id поточного елемента. Якщо потрібна автогенерація за вмістом — дивись auto_id або slug_id.

Поле зображення. На <img> збирання бере src з поля й прибирає srcset і sizes, щоб показувалося зображення з адмінки; alt і class лишаються як у верстці.

Галерея без авто-обгортки в лайтбокс — синонім gallery, коли модальне вікно підключається власним JS-компонентом.

Один шаблон блоку всередині fld-layouts — містить елементи, які рендеряться для конкретного типу лейаута.

Flexible Content — користувач обирає в адмінці різні типи блоків і розташовує їх у довільному порядку. Кожен тип — це окремий fld-layout зі своєю версткою.

Галерея в лайтбоксі — кожна картинка автоматично обгортається в <a> з lightbox-атрибутом для віджета.

Зображення в лайтбоксі — генератор обгортає <img> в <a href> на повний розмір з атрибутами для модального перегляду (Fancybox, GLightbox, нативний).

Відео в лайтбоксі — поле приймає URL (YouTube, Vimeo, MP4), на фронті перетворюється на lightbox-посилання з ембедом по кліку.

Універсальне посилання як текстове поле — користувач вводить URL, генератор пише його в href. Без вибору запису і без валідації схеми.

Список значень через textarea — кожен рядок вводу стає елементом масиву. Підходить для переваг, тегів, простих перелічень без окремого репітера.

Репітер — користувач додає довільну кількість рядків, у кожному свій набір полів. Усередині fld-loop використовуйте звичайні fld-* атрибути; парсер сам зрозуміє, що вони належать рядку репітера. Аналог Repeater в ACF / Complex у Secure Custom Fields.

Lottie-анімація — поле приймає URL до JSON-файлу. На фронті ініціалізує lottie-player на поточному елементі.

Посилання на сторінку WP — в адмінці випадаючий список існуючих сторінок, записів, CPT. Повертає permalink, враховує локаль Polylang/WPML.

Телефонне посилання одним атрибутом — генератор робить href="tel:..." і підставляє номер з поля як текст всередині <a>.

Підставляє значення в атрибут placeholder елемента input або textarea — текст-підказка всередині порожнього поля форми.

Цикл по кількох вручну обраних записах — на фронті рендериться як WP_Query, порядок зберігається.

Радіо-кнопки — вибір одного варіанта зі списку. Конфіг значень в адмін-панелі.

Випадаючий список значень — пари (label, value) налаштовуються в конфігу панелі теми через під-репітер.

Шорткод як значення поля — вміст прогоняється через do_shortcode перед виводом. Будь-який WP-шорткод у будь-якому місці теми.

Умовне відображення блоку — true в адмінці залишає блок на фронті, false прибирає (через CSS display:none чи PHP-умову).

ID на основі тексту з транслітерацією — генератор бере значення зв'язаного поля і перетворює у slug-формат (українські → латиниця, пробіли → дефіс, нижній регістр).

Довільний inline-CSS на поточному елементі — записує значення в атрибут style. Використовуйте економно: переважає CSS з таблиць стилів.

Цикл по обраних термінах — масив з taxonomy-поля; зручно виводити списком міток або посилань.

Однорядкове текстове поле, найчастіший тип. Замінює весь вміст елемента значенням поля; текст із HTML стає першим значенням поля під час «Завантажити дані», а не запасним варіантом. Перекладається через Polylang/WPML.

Підставляє значення в HTML-атрибут title — спливаюча підказка при наведенні. Найчастіше на посиланнях та зображеннях.

Підставляє значення в атрибут value тегів input/select — наприклад, щоб дефолтне значення інпуту редагувалося з адмінки.

Відео за URL — поставте на відео-блок; в адмінці зʼявиться текстове поле для будь-якого посилання на відео (YouTube, Vimeo, …); на фронті відтворюється вбудованим плеєром.

YouTube-відео за URL — генератор підставляє iframe з ембедом у поточний елемент.

Створює групу полів ACF/SCF з атрибутів-полів усередині елемента, на якому стоїть. Ставиться на елемент із полями, найчастіше — на body; значення — назва групи в адмінці (альтернатива: wp_meta). Якщо на сторінці немає wp-fields-group, групи полів для цього шаблону автоматично не створюються (їх можна додати вручну в налаштуваннях ACF/SCF). Файли шаблонів цей атрибут не створює — вони генеруються зі сторінок Webflow окремо.

Залишити візуальний редактор WP видимим на сторінках з прив'язкою до шаблона через wp-fields-group. За замовчуванням редактор прихований — цей атрибут повертає його.

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.

Відображати fld-looper як табличний layout в адмінці — компактна сітка рядків. Зручно для коротких полів (назва + ціна + кількість).

Кожен рядок репітера — окрема картка-блок з вертикальним набором полів. Default для більшості типів.

Поля всередині одного рядка йдуть горизонтально (флекс) — для коротких пар «label + value» в адмінці.

Умовний вивід блоку за WordPress-умовою: значення — виклик функції (або вираз), що повертає true/false. Якщо хибно — блок узагалі не потрапляє у вивід сторінки. Можна вказати і просто ім'я поля: wp-if="phone" покаже блок, лише якщо поле phone заповнене (еквівалент get_field('phone')). Типові значення — у картках-прикладах нижче; довільні PHP-вирази теж допустимі.

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.

Виконує довільний PHP-код на місці елемента — генератор обгортає значення в <?php ... ?>. Максимум свободи: змінні, цикли, виклики функцій. Для простого виводу значення зручніший php-echo (echo вже мається на увазі), для умовного показу блоку — php-if / wp-if.

Виводить результат PHP-виразу як вміст елемента. Слово echo писати не потрібно — воно мається на увазі: php-echo="get_the_title()" виведе заголовок поточного запису. Для коротких безпечних конструкцій; для блоків коду з логікою використовуйте wp-php.

Умовний рендер: елемент виводиться, лише якщо PHP-вираз у значенні істинний. Наприклад php-if="is_user_logged_in()" покаже блок тільки авторизованим відвідувачам. Пишіть будь-який boolean-вираз; родич wp-if (той орієнтований на готові WordPress-умови).

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.

Вставляє на це місце інший PHP-файл теми (звичайний include; ім'я без розширення — .php додасться автоматично). Головна відмінність від wp-part: файл wp-include генератор НЕ створює і НЕ перезаписує під час оновлення теми — це ваш власний партіал, ви пишете й підтримуєте його вручну, він переживає оновлення. Прийом: спершу поставте wp-part, щоб генератор один раз вивантажив розмітку елемента у файл, потім змініть атрибут на wp-include — файл перестане перезаписуватися, і його можна доопрацьовувати вручну.

Виносить елемент в окремий перевикористовуваний файл (template part WordPress) і підключає через get_template_part(). Головна відмінність від wp-include: файл створюється з Webflow-розмітки і ПЕРЕЗАПИСУЄТЬСЯ при кожному оновленні теми — правити його вручну немає сенсу, правте вихідний елемент у Webflow. Зручний як ціль AJAX-оновлення. Зв'язка: wp-part вивантажує файл один раз, після чого атрибут змінюють на wp-include — і далі правлять файл вручну без перезапису.

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

Область віджетів (динамічний сайдбар): вміст елемента замінюється на віджети, які адмін поклав у цю область (Вигляд → Віджети). Значення — ім'я області; тема реєструє її автоматично під час генерації. Сюди ж ставляться віджети плагінів — наприклад, фільтр каталогу Premmerce.

Виводить меню WordPress за назвою (Зовнішній вигляд → Меню). Пункти беруть класи першого посилання; пункти з підпунктами стають випадним списком на два рівні. Випадний список власної верстки — wp-menu-tree.

Шаблон звичайного пункту меню без вкладених підпунктів — просте посилання. Генератор використовує цей елемент як «leaf» при побудові меню.

Шаблон пункту меню з dropdown — усередині має бути мітка wp="menu-children" для вкладеного списку. Генератор рекурсивно підставляє нащадків.

Виводить заголовок поточного запису чи сторінки — те, що введено в поле «Title» в адмінці WP. Враховує поточну локаль Polylang/WPML.

Виводить основний контент запису через the_content() — з усіма Gutenberg-блоками, шорткодами, oEmbed-вставками. Має знаходитися всередині The Loop.

Уривок запису — короткий опис з поля Excerpt або авто-згенерований з контенту. Зручно для карток в архівах та блозі.

Дата публікації запису у форматі теми. Формат налаштовується через WP «Налаштування → Загальні» або фільтр get_the_date.

Зображення запису на <img>: src береться із запису, srcset і sizes прибираються. Для фону — post-bg-image.

Постійне посилання поточного запису, записується в href. Працює на будь-якому елементі, зазвичай на <a>.

Ім'я автора запису (display name). За замовчуванням автор — користувач, що опублікував запис.

Посилання на сторінку автора запису — пишеться в href тега <a>. Відкриває archive автора.

Теги поточного запису через кому. Кожен тег — посилання на свій архів.

Стандартний цикл WordPress (The Loop) — на архівних сторінках автоматично перебирає записи. Будь-який контент усередині буде повторено для кожного запису. Ставте ЛИШЕ на архівні шаблони (блог / рубрика / архів CPT / пошук); на сторінці одиночного запису він виведе зайвий список постів.

Номери сторінок для блогу, архівів і пошуку: WP-PageNavi, якщо цей плагін увімкнено, інакше paginate_links() WordPress. Ставиться на порожній елемент.

URL головної сторінки сайту — пишеться в href. На локалізованих версіях веде на корінь поточної локалі.

Заголовок запису, обгорнутий у посилання на сам запис — обидва значення разом (текст + href). Один атрибут замінює post-title + post-link.

Посилання на наступний запис в архіві — пишеться в href тега <a>. На останньому записі блок прихований.

Посилання на попередній запис в архіві — пишеться в href тега <a>. На першому записі блок прихований.

Мініатюра запису як фонове зображення блоку — URL пишеться в inline-стиль background-image.

Мініатюра запису як лайтбокс-посилання — <img> обгортається в <a href> з lightbox-атрибутами.

Синонім bloginfo-name — назва сайту з налаштувань WP.

Синонім bloginfo-description — слоган сайту з налаштувань WP.

Хлібні крихти через плагін Breadcrumb NavXT — шлях від головної до поточної сторінки. Потрібен активний плагін.

Контейнер «нічого не знайдено» в архівах і пошуку — генератор покаже його тільки коли результатів немає (керується через JS).

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.

Рядок одного дочірнього товару згрупованого товару — ставиться на повторюваний рядок циклу дочірніх (wp-product-query="get_grouped_children()"). Віддає ідентифікатор товару та ціну за штуку, з яких рахується загальний підсумок.

Поле кількості дочірнього товару — стає числовим полем зі стартовим значенням 0 («не замовлено») та обмеженням за залишком, якщо облік залишків увімкнено. Тут потрібне саме воно, а не wp="product-qty": та мітка належить формі самого товару й рухала б усі рядки одразу.

Кнопка зменшення кількості дочірнього товару — змінює лише свій рядок.

Кнопка збільшення кількості дочірнього товару — змінює лише свій рядок.

Обгортка підсумків згрупованого товару — усередині лічильник, сума та кнопка додавання в кошик.

Загальна кількість обраних дочірніх товарів — перераховується у браузері під час введення.

Загальна сума обраного — перераховується у браузері під час введення.

Додає всю добірку до кошика одним запитом: кожен дочірній товар, у якого кількість більша за нуль.

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)

Обгортка, яка повторює свою першу дитину для КОЖНОГО атрибута варіації, що є в товару — тож новий атрибут (новий розмір, новий інгредієнт) з'являється на сайті одразу після збереження товару у WordPress, без правки дизайну і без перезбирання теми. Усередині повторюваної групи використовуйте wp="attr-name" для підпису атрибута та wp-attr-terms="*" для списку його значень. Атрибути, винесені на цьому ж шаблоні вручну (wp-attr-terms="pa_x" або wp-if-attr="pa_x"), ПРОПУСКАЮТЬСЯ — ручні блоки часто кастомні, інакше атрибут намалювався б двічі. Не-таксономічні («вільний текст») атрибути теж пропускаються: обирати в них нема чого. Не плутати з wp="product-attrs" — той ПЕРЕЛІЧУЄ атрибути як характеристики, а цей будує ПЕРЕМИКАЧ.

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

Друкує список коментарів ВАШОЮ версткою замість стандартної розмітки WordPress. Шаблоном одного коментаря стає перша дитина з мітками коментаря; гілки, сторінки та модерація лишаються за WordPress. Кореню картки проставляються id="comment-<ID>" і клас tf-comment-depth-N — оформіть його, щоб зробити відступ відповідям: власної обгортки у відповіді немає.

Ім’я автора коментаря. Ставиться всередині шаблону одного коментаря.

Аватар автора. На <img> підміняється src (статичні srcset/sizes вирізаються — інакше браузер віддасть перевагу їм), на іншому елементі стає фоновим зображенням.

Дата коментаря. Ставиться всередині шаблону одного коментаря.

Текст коментаря. Ставиться всередині шаблону одного коментаря.

Посилання «Відповісти». Зберігає ваш елемент і класи, отримує справжню адресу відповіді та дані, за якими штатний скрипт переносить форму під потрібний коментар.

Збирає форму коментаря з ВАШОЇ верстки полів. Саму форму й далі друкує WordPress — у ній живуть приховані поля, хуки плагінів і поведінка при відповіді, — а вашими стають блоки полів, текстове поле та кнопка. Нерозмічене поле лишається штатним.

Поле «Ім’я» форми коментаря. Мітку можна поставити на саме поле або, що зручніше, на його обгортку (підпис + поле + підказка) — блоком поля стане весь розмічений елемент.

Поле «E-mail» форми коментаря.

Поле «Сайт» форми коментаря.

Текстове поле коментаря.

Кнопка надсилання коментаря. Ваша верстка та класи зберігаються.

Друкує відгуки товару WooCommerce ВАШОЮ версткою. Відгук — це коментар плюс оцінка, тому мітки коментаря працюють усередині картки відгуку без змін. Усе всередині блоку — ДЖЕРЕЛО: перша дитина з мітками відгуку/коментаря стає шаблоном одного відгуку, а блок wp="review-form" усередині — полями форми. Сам блок лишається за WooCommerce: заголовок і лічильник, сторінки, повідомлення «спершу купіть», перевірка та збереження.

Оцінка відгуку. Елементу проставляються data-rating і CSS-змінна --tf-rating — зірки малюються шириною, без жодного рядка JS (width: calc(var(--tf-rating) / 5 * 100%)). ПОРОЖНЬОМУ елементу друкується число; якщо всередині ваша верстка (свої зірки), її не чіпають.

Показується лише у відгуку з підтвердженою покупкою. Ваша верстка, ваші класи.

Форма відгуку за ВАШОЮ версткою полів. Ставиться всередині wp="review-list" — саме там WooCommerce друкує форму. Поля розмічаються мітками коментаря (comment-input-author / -email / -text, comment-submit) плюс review-input-rating.

Поле оцінки у формі відгуку (select). Якщо варіантів немає, підставляються 1-5. У масив «fields» воно не потрапляє: ядро друкує його лише анонімам, і авторизований покупець втратив би оцінку.

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

Перетворює елемент на цикл записів (WP_Query) у будь-якому місці теми: всередині елемента — картка одного запису, вона повториться для кожного результату. Параметри пишуться парами PHP-масиву, наприклад wp-query="'post_type'=>'news', 'posts_per_page'=>6". Усередині циклу працюють wp="post-title", wp="post-image", посилання та fld-* поля поточного запису.

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.

Угода про ІМ'Я input для пошуку за артикулом (SKU) всередині форми фільтра — це НЕ HTML-атрибут. Поставте name="pm__sku" на <input> всередині wp-filter-form, і генератор підключить поле до фільтрації за SKU.

Контейнер списку бажань (YITH Wishlist) — обгортка навколо таблиці товарів. Усередині ставиться wp="wish-items" з циклом.

Цикл по товарах у wishlist — повторюється для кожного доданого товару. Усередині використовуйте wp-wl="..." для полів товару.

Лічильник товарів у wishlist поточного користувача — оновлюється при додаванні/видаленні.

Кнопка «Додати до списку бажань» — ставиться на товарі або в картці товару. По кліку додає/видаляє товар через AJAX.

Кнопка «Скопіювати до кошика» — додає товар із wishlist у cart, залишаючи його у wishlist.

Кнопка «Перемістити до кошика» — додає в cart і видаляє з wishlist однією дією.

Кнопка видалення товару з wishlist — зазвичай хрестик у рядку таблиці.

Button that empties the whole wishlist

Назва товару в рядку wishlist — виводиться через get_name().

Permalink товару — пишеться в href тега <a>.

Мініатюра товару — URL підставляється в src тега img.

Мініатюра товару як фонове зображення рядка — URL в inline-стиль background-image.

Поточна ціна товару — якщо є знижка, виводиться ціна зі знижкою; інакше звичайна.

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 у циклі wishlist — наприклад розмір або колір. Ім'я атрибута — pa_<slug> з налаштувань товару.

Умовний блок: показати тільки якщо у товара є вказаний атрибут. Якщо атрибут відсутній — блок прихований.

Терміни таксономії товару в циклі wishlist — категорія або тег (product_cat, product_tag).

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