/* Theme Name: Woodmart Child Description: Woodmart Child Theme Author: XTemos Author URI: http://xtemos.com Template: woodmart Version: 1.0.0 Text Domain: woodmart */ /* ========================================================================= Pack-ge · волна F1 (21.09.2026) · B1 + B2 — две полоски шапки в одну строку Пересчитано волной F1b (21.09.2026) по решению владельца B27. ------------------------------------------------------------------------- Владелец вернул ПОЛНЫЕ названия пунктов верхней полоски (B1, меню 465) и попросил полные названия категорий + белую иконку у каждого пункта красной полосы (B2, меню 467). B27 (F1b): из правой колонки красной полосы штатно убран элемент «Избранное» (вместе с разделителем и двумя спейсерами, которые его отделяли) — правка сделана в конструкторе шапок, скрипт `f1b/f1b-02-header.php`. В мобильной шапке и нижней панели избранное не трогалось. Освободившееся место отдано названиям категорий: кегль красной полосы поднят до максимума, при котором полоса гарантированно в ОДНУ строку. Потолок кегля — 15 px: это ШТАТНЫЙ размер шрифта элементов этого ряда (`--wd-header-el-font-size` = 15px), выше поднимать нельзя, иначе полоса перестанет совпадать с остальной шапкой. Штатные рычаги конструктора шапок выбраны все, что есть: · промежуток пунктов (items_gap = custom): верх 16 px, красная полоса 10 px; · размер иконки пункта (icon_width / icon_height) = 16 px. Больше штатного нет: у элементов конструктора нет размера шрифта и нет значений под разрешение (конструктор не адаптивный), а общая опция темы «Header font» меняет шрифт всей шапки сразу на всех ширинах. Поэтому — точечная правка в child-теме (разрешена п. 4 брифа). Она: · трогает ТОЛЬКО два меню шапки и подпись одного служебного элемента справа; · работает ТОЛЬКО на узких десктопах (1025–1619 px), от 1620 px всё штатное; · НЕ сокращает названия — их длину владелец утвердил. Размер шрифта задан формулой (плавно, без скачка внутри диапазона). Коэффициенты подобраны замером (Playwright, главная): на каждой ширине двоичным поиском найден максимальный кегль, при котором меню остаётся в одну строку с зазором до правой колонки ≥ 14 px, и из него вычтен запас. Префикс `body` нужен, чтобы перебить инлайновый CSS конструктора шапок. Замер максимумов F1b (зазор 14 px, gap 8 px, иконка = кегль в пределах 13–16): подпись «Вход / Регистрация» СКРЫТА: 1025 → 11,3 · 1100 → 12,4 · 1200 → 13,9 · 1279 → 15,0; подпись ПОКАЗАНА (15 px, правая колонка 193 px): 1025 → 9,0 · 1100 → 10,1 · 1200 → 11,6 · 1280 → 12,9 · 1366 → 14,1 · 1440 → 15,1. Отсюда ответ на вопрос задания: на 1025–1279 подпись «Вход / Регистрация» вернуть НЕЛЬЗЯ — с ней кегль падает до 9,0–12,9 px, то есть ниже, чем было до правки (9,8 px на 1025). Ниже 1280 она остаётся иконкой (ссылка и всплывающая подсказка на месте), с 1280 показывается, как и раньше. Про `100vw`: в Chromium это ширина ОБЛАСТИ ВЁРСТКИ (без вертикальной полосы прокрутки), поэтому константы формул подобраны именно к ней — при окне 1025 px и полосе 15 px формула считает от 1010 px. Итоговый зазор до правой колонки на контрольных ширинах 15–16 px. ========================================================================= */ /* ========================================================================= Pack-ge · волна G1 (21.09.2026) · C8b — иконки владельца в ВЕРХНЕЙ полоске ------------------------------------------------------------------------- Владелец дал свои белые PNG и попросил иконку слева от каждого из 7 пунктов верхней полоски (меню 465). Иконки поставлены штатно (избранное изображение пункта меню + `_menu_item_image-type = image`), их размер задан штатным контролом конструктора шапок «Items icon» = 15 px, а промежуток пунктов (`items_custom_gap`) штатно уменьшен с 16 до 13 px. Зачем уменьшен gap: ряд верхней полоски упирается в ширину контейнера темы, которая ПЕРЕСТАЁТ расти после ~1260 px. Замер: место под меню там 948,3 px при штатном gap 16 и ровно столько же нужно самому меню — запаса 0 px даже на 1920. Gap 13 освобождает 18 px запаса на всех широких экранах. Ниже 1280 px места не хватает даже с gap 8. Замер максимального кегля (Playwright, двоичный поиск, критерий — высота меню одна строка): ширина окна 1025 1100 1150 1200 1239 с иконками 14 px 9,27 10,41 11,18 11,94 12,54 без иконок 11,84 12,99 13,75 14+ 14+ То есть с иконками на 1025–1199 кегль пришлось бы опустить до 9,3–11,6 px — мельче, чем сейчас у красной полосы, и мельче, чем было ДО этой волны (10,5). Задание разрешало на такой случай скрыть иконки верхней полоски и оставить текст. Сделано так, но порог сдвинут с 1149 на 1199 px: на 1150–1199 кегль с иконками был бы 10,8–11,6 px. При скрытых иконках кегль там штатные 12 px, а на 1025 — 11,3 px (было 10,5 px в F1, то есть стало КРУПНЕЕ). Названия пунктов НЕ сокращены. С 1200 px иконки показываются. ========================================================================= */ /* --- Верхняя полоска (меню 465): 1025–1199 px — иконки скрыты ------------- */ @media (min-width: 1025px) and (max-width: 1199px) { body .whb-top-bar .wd-nav { --nav-gap: 10px; } body .whb-top-bar .wd-nav > li > a .wd-nav-img { display: none; } body .whb-top-bar .wd-nav .nav-link-text { font-size: min(12px, calc((100vw - 282px) / 65.3)); } } /* --- Верхняя полоска (меню 465): 1200–1279 px — иконки 14 px -------------- Кегль растёт с 11,6 px на 1200 до штатных 12 px примерно с 1227 px. */ @media (min-width: 1200px) and (max-width: 1279px) { body .whb-top-bar .wd-nav { --nav-gap: 8px; } body .whb-top-bar .wd-nav > li > a .wd-nav-img { --nav-img-width: 14px; --nav-img-height: 14px; } body .whb-top-bar .wd-nav .nav-link-text { font-size: min(12px, calc((100vw - 436px) / 65.44)); } } /* ========================================================================= Pack-ge · волна G1 (21.09.2026) · C4 — выпадающий список «Решения для бизнеса» ------------------------------------------------------------------------- Три пункта из шести («Для магазинов и супермаркетов», «Для кафе, ресторанов и доставки», «Для складов и производства») переносились на вторую строку: у простого выпадающего списка темы ширина жёстко 220 px (`.wd-dropdown-menu.wd-design-default { --wd-dropdown-width: 220px }`). Штатного поля НЕТ: у пункта меню поле «Width» (`_menu_item_width`) читается только для мега-раскрытий — `class-mega-menu-walker.php:378` применяет его при design = aside / sized / full-height / full-width. Переключить пункт на «sized» значило бы превратить список в мега-меню (6 колонок) — это перестройка раскладки, запрещённая п. 4 брифа. У элемента шапки «Menu» (`class-menu.php`) ширины выпадающего списка тоже нет — только цвет фона, тень и подложка. Поэтому одна строка на ШТАТНОЙ переменной темы, только для выпадающих списков верхней полоски (там он один — «Решения для бизнеса»). Замер на 1025: при 220 px три пункта в 2 строки, при 300 px и выше все шесть в одну; список открывается от левого края (left = 10 px), при 310 px правый край на 320 px — до края экрана (1010 px) далеко. ========================================================================= */ body .whb-top-bar .wd-nav > li > .wd-dropdown-menu.wd-design-default { --wd-dropdown-width: 310px; } /* ========================================================================= Pack-ge · волна J1 (21.09.2026) · E4 + E16 — красная полоса (меню 467) ------------------------------------------------------------------------- E4. Иконки пунктов красной полосы СНЯТЫ штатно (у пунктов меню 467 убрана картинка пункта; вложения 5140…5158 на месте). Поэтому правила размера иконки `.wd-nav-img` из F1b/H1 здесь больше не нужны — они удалены. Освободившееся место (7 иконок по 16 px плюс поле 6 px = ~154 px) отдано кеглю и воздуху между пунктами. Пункты разделены штатно: у элемента меню конструктора шапок выбран `menu_style = separated` — тот же механизм, что в верхней полоске. Тема рисует разделитель как `li:not(:last-child):after` с `border-right: 1px` и сдвигом `inset-inline-end: calc(var(--nav-gap)/2*-1)`, то есть линия встаёт РОВНО в середину промежутка: воздуха с каждой стороны линии = `--nav-gap / 2`. E16(1) — воздух. Владелец попросил 12–16 px с каждой стороны линии на 1440+ и не меньше 8 px на ноутбуках. Отсюда промежутки: ≥ 1620 px → 32 px (16 px воздуха) — задан ШТАТНО, `items_custom_gap` элемента меню в конструкторе шапок (был 10); 1440–1619 → 28 px (14 px); 1280–1439 → 20 px (10 px); 1025–1279 → 16 px (8 px). E16(2) — линия заметнее. Штатный цвет темы для светлой схемы `rgba(255,255,255,.25)` на красном почти не читается; поднят до .8, высота 18 → 17 px (просьба владельца 16–18). Правило действует ТОЛЬКО на красной полосе — верхняя полоска остаётся штатной. E16(3) — стрелка у «BIO пакеты». Ссылка пункта — flex с `align-items:center`, но у псевдоэлемента стрелки line-height был 1,4 кегля, и глиф вставал заметно ВЫШЕ середины строки (замер и снимки `j1-probe-chev-*.png`: три варианта рядом). Лечение — `line-height: 1` плюс `align-self: center`: em-квадрат глифа центрируется по строке. Кегль 10 px (было 8,7) — стрелку видно; поле справа 7 px, чтобы она не прилипала к разделителю. ЗАМЕР кегля (Playwright, двоичный поиск по максимуму, критерий — одна строка и зазор до правой колонки ≥ 14 px; проверено на живой витрине): 1025 → 12,36 · 1100 → 13,50 · 1200 → 15 · 1279 → 15 · 1280 → 13,54 · 1366 → 14,85 · 1440 → 15 · 1536 → 15 · 1620 → 15 · 1920 → 15. Провал на 1280 — не регресс: с 1280 px показывается подпись «Вход / Регистрация» (ниже она скрыта), и правая колонка отнимает 193 px. Про `100vw`: в Chromium это ширина области вёрстки БЕЗ полосы прокрутки (замер: окно 1440 → 100vw = 1425), а медиазапросы считают по ширине окна. Константы формул подобраны именно к 100vw. ЛОВУШКА (из D5/E1, действует и здесь): внутри блочного комментария нельзя писать «звёздочка + слэш» — комментарий закроется раньше и парсер съест следующее правило. Проверять числом правил в CSSOM дочерней style.css. ========================================================================= */ /* --- Красная полоса: 1025–1279 px ---------------------------------------- Правая колонка = только «Вход / Регистрация», и у неё скрыта ПОДПИСЬ — иконка, ссылка и всплывающая подсказка остаются. Кегль растёт с 12,36 px на 1025 до потолка 15 px примерно к 1184 px. */ @media (min-width: 1025px) and (max-width: 1279px) { body .whb-header-bottom .wd-nav { --packge-nav-fs: min(15px, calc((100vw - 197px) / 65.8)); --nav-gap: 16px; } body .whb-header-bottom .wd-nav .nav-link-text { font-size: var(--packge-nav-fs); } body .whb-header-bottom .whb-col-right .wd-tools-text { display: none; } } /* --- Красная полоса: 1280–1439 px ---------------------------------------- Подпись «Вход / Регистрация» показана штатным кеглем 15 px. Кегль меню растёт с 13,54 px на 1280 до потолка 15 px к ~1376 px. */ @media (min-width: 1280px) and (max-width: 1439px) { body .whb-header-bottom .wd-nav { --packge-nav-fs: min(15px, calc((100vw - 376px) / 65.66)); --nav-gap: 20px; } body .whb-header-bottom .wd-nav .nav-link-text { font-size: var(--packge-nav-fs); } } /* --- Красная полоса: 1440–1619 px ---------------------------------------- Кегль штатный (15 px), правится только воздух между пунктами; от 1620 px промежуток 32 px приходит штатно из конструктора шапок. */ @media (min-width: 1440px) and (max-width: 1619px) { body .whb-header-bottom .wd-nav { --nav-gap: 28px; } } /* --- Красная полоса: белые разделители заметнее (E16.2) ------------------- */ body .whb-header-bottom .wd-nav.wd-style-separated > li:not(:last-child):after { border-right-color: rgba(255, 255, 255, 0.8); height: 17px; } /* ========================================================================= Pack-ge · волна F1b (21.09.2026) · B33 — блок «Выгодные предложения», 4×2 ------------------------------------------------------------------------- Владелец попросил ровно 8 плиток в двух рядах по 4. Сама сетка сделана штатно (в виджете `b0f92d7` стало 4 категории, slides_per_view = 4, image_container_width = 120 — как в верхнем ряду), это в `_elementor_data`. Но подписи плиток в узкой правой колонке героя не помещаются в одну строку: на 1025 под подпись остаётся 45 px, а самая длинная — «Био – фасовка» — весит при 12 px 85,5 px. Поэтому два точечных правила ТОЛЬКО для этих двух виджетов (штатных контролов у виджета для такого нет): 1) убрано боковое поле 10 px у `.wd-cat-content` — подпись получает всю ширину плитки (+20 px), вертикальные отступы не тронуты; 2) на 1025–1279 px кегль подписи считается формулой от 10 до 12 px (ниже 10 px не опускаем — станет нечитаемо; с 1280 px кегль штатный 12 px). Ширины подписей при 12 px (замер): Майка 39,7 · Фасовочные 76,8 · Мусорные 62,6 · С ручкой 53,9 · С логотипом 76,5 · Био – майка 73,4 · Био – фасовка 85,5 · Плёнка 44,6. ========================================================================= */ body .elementor-element-43cc075 .wd-cat .wd-cat-content, body .elementor-element-b0f92d7 .wd-cat .wd-cat-content { padding-left: 0; padding-right: 0; } @media (min-width: 1025px) and (max-width: 1279px) { /* `!important` нужен, потому что Elementor печатает кегль подписи селектором `.elementor-1761 .elementor-element.elementor-element- div.product-category .wd-entities-title` — перебить его весом нельзя. */ body .elementor-element-43cc075 .wd-cat .wd-entities-title, body .elementor-element-b0f92d7 .wd-cat .wd-entities-title { font-size: min(12px, max(10px, calc((100vw - 321px) / 77.9))) !important; } } /* ========================================================================= Pack-ge · волна H1 (21.09.2026) · D5 — стрелка выпадающего списка в шапке ------------------------------------------------------------------------- Замечание владельца: у пункта «BIO пакеты» в красной полосе стрелку почти не видно — она сливается с идущей следом иконкой пункта «Полиэтиленовая плёнка» (скрин `fixes-2026-09-21/fix-20-bio-chevron.png`). Разбор. Стрелку рисует штатное правило темы (woodmart/css/parts/base.css): .wd-nav > li:is(.wd-has-children,.menu-item-has-children) > a:after { margin-inline-start: 4px; font-size: clamp(6px, 50%, 18px); color: var(--nav-chevron-color); // = rgba(цвет меню, .5) content: " 129"; } То есть у неё ДВЕ беды сразу: · справа от неё нет собственного поля — дальше сразу идёт промежуток пунктов (`--nav-gap` 8–10 px) и белая иконка соседнего пункта, поэтому стрелка читается как часть соседней иконки; · она полупрозрачная (альфа .5) и размером ровно в половину кегля — на 1025 это 6 px белого с прозрачностью 50 % на красном. Лечение — на тех же ШТАТНЫХ переменных темы, без своей вёрстки: · `color: inherit` у самого псевдоэлемента — стрелка берёт цвет подписи пункта (белый) и краснеет при наведении вместе с текстом. Через переменную темы не вышло: конструктор шапок печатает `--nav-chevron-color` правилом с большей специфичностью (замер: на `li` остаётся `rgba(255,255,255,.5)`), поэтому цвет задан в самом `a:after`; · поле справа `margin-inline-end: 5px` и кегль `clamp(8px, 58%, 18px)` — между стрелкой и соседней иконкой 5 px + штатный промежуток пунктов. Правило только для пунктов ПЕРВОГО уровня (`li.item-level-0`): подменю есть у «BIO пакеты» (красная полоса) и «Решения для бизнеса» (верхняя). У «Полиэтиленовой плёнки» подменю НЕТ (в HTML витрины `menu-item-has-children` в десктопной шапке ровно у двух пунктов — 4784 и 4803). Переключатель языка WPML класса `item-level-0` не имеет и не затронут — чтобы не тратить дефицитную ширину ряда. ЦЕНА ПО ШИРИНЕ. Поле и более крупная стрелка добавляют ряду ~6–7 px, а обе полоски обязаны остаться в ОДНУ строку на 1025–1920. Поэтому в четырёх формулах кегля (F1b и G1) постоянная часть увеличена ровно на 10 px: 217,5 → 227,5 · 334,5 → 344,5 · 272 → 282 · 426 → 436. Кегль падает на 0,14–0,15 px, то есть меньше чем на 0,3 px. Там, где кегль упирается в потолок (15 px у красной полосы, 12 px у верхней), он не меняется вовсе — запас берётся из свободного места ряда. ЛОВУШКА ЭТОЙ ВОЛНЫ. Внутри блочного комментария нельзя писать последовательность «звёздочка + слэш»: CSS комментарии не вкладывает, комментарий закроется раньше времени, а следующее правило парсер проглотит целиком. Проверять надо не «файл на сервере верный», а число правил в CSSOM (`link.sheet.cssRules.length`) — их должно быть 8. ========================================================================= */ body .whb-header-bottom .wd-nav > li.item-level-0:is(.wd-has-children, .menu-item-has-children) > a:after, body .whb-top-bar .wd-nav > li.item-level-0:is(.wd-has-children, .menu-item-has-children) > a:after { margin-inline-end: 5px; font-size: clamp(8px, 58%, 18px); color: inherit; } /* ========================================================================= Pack-ge · правка E1 (21.09.2026) — стрелка переключателя языка ------------------------------------------------------------------------- Замечание владельца: у переключателя языка («Русский») в ВЕРХНЕЙ полоске стрелка осталась мелкой и бледной — все три стрелки шапки должны выглядеть одинаково. Почему D5 её не задел. Переключатель WPML печатается не пунктом меню, а отдельным элементом конструктора шапок `whb-ntlangswitcher01`; его `li` несёт классы `menu-item menu-item-has-children wd-event-hover wpml-ls-item-ru`, но класса `item-level-0` у него НЕТ — под селектор D5 он не попадал, и стрелку ему рисовало штатное правило темы: `clamp(6px, 50%, 18px)` цветом `--nav-chevron-color` (то есть `rgba(255,255,255,.5)`). Замер «до»: 6 px, полупрозрачный белый, поля справа 0. Второе наблюдение (замер, а не догадка). У пунктов красной полосы ссылка `a` держит кегль 15 px (ужимается вложенный `span.nav-link-text`), у верхней полоски — 12 px. Поэтому процент в clamp D5 давал РАЗНЫЙ размер: красная полоса 8,7 px, верхняя 8 px. Чтобы «одинаково» было буквально, стрелкам ВЕРХНЕЙ полоски задан тот же абсолютный кегль 8.7px (у верхней полоски база `a` фиксированная 12 px на всех ширинах 1025–1920, так что значение стабильно). Красная полоса не тронута — там clamp уже даёт 8,7. Селектор переключателя намеренно без кода языка (`wpml-ls-item-ru`): на `/ka/` и `/en/` тот же элемент шапки, стрелка там станет такой же — это согласовано, стиль общий. ЛОВУШКА (та же, что в D5): внутри блочного комментария нельзя писать «звёздочка + слэш» — комментарий закроется раньше и съест следующее правило. Проверять числом правил в CSSOM: после этой правки их 9. ========================================================================= */ body .whb-top-bar .wd-nav > li.item-level-0:is(.wd-has-children, .menu-item-has-children) > a:after, body .whb-top-bar .whb-ntlangswitcher01 .wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a:after { margin-inline-end: 5px; font-size: 8.7px; color: inherit; } /* --- Красная полоса: стрелка «BIO пакеты» по центру строки (E16.3) -------- Идёт ПОСЛЕ правила D5, поэтому перебивает его только для красной полосы; верхняя полоска и переключатель языка остаются такими, как сделала E1. */ body .whb-header-bottom .wd-nav > li.item-level-0:is(.wd-has-children, .menu-item-has-children) > a:after { align-self: center; margin-inline-end: 7px; font-size: 10px; line-height: 1; color: inherit; } /* ========================================================================= Pack-ge · волна J1 (21.09.2026) · E3 — чёрная полоса главной, подпись ближе к заголовку ------------------------------------------------------------------------- Замечание владельца: расстояние между заголовком пункта и подписью под ним великовато, полоса «расползается». Штатными контролами инфобокса закрыто почти всё (сделано в `j1-03-home.php`): промежуток иконка/текст `icon_spacing` 20 → 14 px, междустрочный заголовка 1,3 → 1,2, подпись 13 px / 1,3, отступы контейнера полосы 20 → 14 px сверху и снизу. Не закрыт штатно ровно один зазор: сам отступ «заголовок → подпись» задан темой правилом `.wd-info-box :is(.info-box-subtitle,.info-box-title, .info-box-inner):not(:first-child){ margin-top: 10px }`, а у виджета `wd_infobox` контрола отступов заголовка НЕТ (проверено по `inc/integrations/elementor/elements/infobox/class-infobox.php`: в секции «Title» есть стиль, тег, цвет и типографика, отступа нет; групповая типографика Elementor отступов тоже не даёт). Elementor «Custom CSS» — только в Pro. Поэтому одно точечное правило по п. 4 брифа, и только для инфобоксов ЭТОЙ полосы (контейнер 8037110): остальные инфобоксы сайта не затронуты. ========================================================================= */ body .elementor-element-8037110 .wd-info-box .info-box-inner:not(:first-child) { margin-top: 3px; } /* ========================================================================= Pack-ge . волна W-KA-4 (22.09.2026) . MAJOR QA-A: верхняя полоска на ka рвётся на две строки при 1200-1439 px ------------------------------------------------------------------------- Замер QA-A: на ru при 1200 все 8 пунктов меню 465 стоят в один ряд (top:0), на ka при 1200 «მიწოდება და გადახდა» и «ბლოგი» уходят на вторую строку внутри полоски высотой 42 px (top:-24 / top:23) и визуально наезжают на логотип и поиск. Причина - грузинские подписи длиннее русских на 20-40 %, а с 1200 px тема снова показывает иконки пунктов (правило выше, диапазон 1200-1279) и добавляет к каждому пункту ещё ~20 px. Лечение тем же приёмом, что уже применён для ru на 1025-1199: на ka в диапазоне 1200-1439 иконки скрываются, межпунктовый зазор уменьшается, кегль подписи считается от ширины окна и упирается в штатные 12 px примерно к 1330 px. Пункты НЕ скрываются и НЕ сокращаются. С 1440 px (где QA-A видит один ряд) правило не действует. Ключ - html[lang="ka-GE"]: атрибут ставит сам WPML, ru и en не затронуты. ========================================================================= */ @media (min-width: 1200px) and (max-width: 1439px) { html[lang="ka-GE"] body .whb-top-bar .wd-nav { --nav-gap: 8px; } html[lang="ka-GE"] body .whb-top-bar .wd-nav > li > a .wd-nav-img { display: none; } html[lang="ka-GE"] body .whb-top-bar .wd-nav .nav-link-text { font-size: min(12px, calc((100vw - 640px) / 48)); } }