WoodMart и Elementor: кто управляет магазином и как настроить шаблоны без дублей

WoodMart умеет почти всё, что нужно магазину: шапку, каталог, карточку товара, фильтры, корзину и оформление заказа. Elementor умеет строить страницы и шаблоны. Когда оба конструктора пытаются управлять одним экраном, начинаются загадки: «Почему не меняется кнопка?», «Откуда взялся второй заголовок?» и «Кто вернул старую галерею?».

Разберём архитектуру WoodMart на практических сценариях. Не просто перечислим настройки, а определим, какой инструмент отвечает за каждый участок сайта, где настраивать его и как не плодить дубли.

1. Что именно покупаем вместе с WoodMart

WoodMart — коммерческая WordPress-тема, ориентированная прежде всего на WooCommerce. В отличие от лёгкой универсальной темы, она приносит собственные компоненты магазина: вариации-свотчи, товарные сетки, фильтры, мобильную навигацию, мини-корзину, промоблоки и конструктор макетов.

Тема работает с Elementor, но не сводится к набору Elementor-виджетов. Глобальные параметры живут в WoodMart → Theme Settings, шапка — в Header Builder, а нестандартные шаблоны магазина — в Layouts. Поэтому редактирование обычной страницы Elementor не меняет автоматически карточку товара или архив категории.

Это платная тема; отдельной полноценной WoodMart Free нет. При покупке оценивайте не количество демонстраций, а необходимость её магазинных функций. Для небольшого лендинга такая архитектура может быть избыточной.

2. Карта ответственности: где искать нужную настройку

Сначала определите, используется ли стандартный шаблон темы или активный пользовательский Layout. Если Layout перехватил вывод, некоторые параметры Theme Settings не изменят структуру этого экрана. Это не баг, а другой уровень управления.

3. Настройка шапки: один Header Builder вместо трёх меню

Откройте WoodMart → Header Builder, выберите активную шапку и проверьте отдельные варианты для desktop и mobile. Настройте логотип, основное меню, поиск, иконку корзины и мобильную панель. Затем откройте сайт в узком окне: мобильный вариант может использовать другую композицию элементов.

В Внешний вид → Меню проверьте структуру пунктов и вложенность. Меню WordPress хранит ссылки; Header Builder определяет, как они выглядят. Не создавайте вторую шапку через Elementor Pro, пока не отключили или не заменили вывод первой.

Если нужен отдельный заголовок для рекламного лендинга, используйте настройки конкретной страницы: в редакторе WordPress блок Page Settings, а при работе в Elementor — параметры страницы WoodMart. Там можно отключить стандартную шапку именно для этой страницы, не меняя магазин целиком.

4. Карточка товара: настройки и Layouts

Для стандартной карточки откройте WoodMart → Theme Settings → Single product. Для индивидуального дизайна перейдите в Layouts → Single product → Add New, добавьте галерею, заголовок, цену и кнопку товара. Назначьте условия показа, сохраните и проверьте простой и вариативный товар.

5. Каталог и мобильные фильтры

Параметры стандартного каталога находятся в Theme Settings → Shop: количество колонок, сортировка, боковая панель, внешний вид карточек. Для нестандартной структуры используйте Layouts → Product archive. Обычно один динамический шаблон лучше десятка копий для каждой категории.

На смартфоне проверьте открытие и сброс фильтров, пагинацию и отображение вариаций. Подробная инструкция есть в материале о мобильных фильтрах WoodMart.

6. Elementor Pro: кому принадлежит шаблон?

Elementor Pro полезен для лендингов, форм, попапов и отдельных блоков. Но Elementor → Theme Builder → Single Product и Product Archive выполняют те же задачи, что и WoodMart Layouts. Не назначайте два глобальных шаблона на один тип страницы: это усложняет отладку и может менять ожидаемую разметку.

Фирменные товарные виджеты WoodMart предназначены для его Layouts. Если не видите нужный элемент в обычном шаблоне Elementor Pro, проверьте тип редактируемого документа. Сначала определите, кто управляет карточкой, а уже потом исправляйте CSS.

7. Производительность: один механизм для одной задачи

Откройте Theme Settings → Performance и сопоставьте настройки с вашим плагином кеширования. Не включайте два независимых механизма lazy loading, несколько оптимизаторов JavaScript и одинаковые анимации одновременно. После изменения настроек очистите кеш темы, плагина и CDN.

Главное изображение первого экрана, влияющее на LCP, обычно не следует загружать лениво. Проверьте реальные метрики LCP, INP и CLS, а также работу галереи и вариаций. Сайт с идеальным баллом, но неработающей корзиной не становится быстрее для покупателя.

8. Адаптивность и глобальные стили

Основные шрифты и цвета задавайте через WoodMart → Theme Settings → Typography / Styles. Для собственных секций Elementor согласуйте Elementor → Site Settings → Global Colors и Global Fonts. Иначе один сайт получит две дизайн-системы.

Проверьте ширины 360, 768, 1024 и 1440 пикселей. В мобильной карточке товара важнее доступность вариаций и кнопки покупки, чем декоративные эффекты. При конфликте стилей сначала выясните источник CSS, а не добавляйте цепочку !important.

9. Динамические данные с Meta Box

Для каталога услуг, объектов или специалистов используйте Meta Box: создайте тип записи, поля и тестовый объект. Затем подключите совместимые Dynamic Tags Elementor к нужным элементам шаблона. Не копируйте значения вручную в каждую карточку.

Проверяйте типы полей отдельно: строка и число обычно проще, чем массив изображений или связанные записи. Если нужны только два-три поля, дополнительный пакет виджетов чаще не требуется. Чем меньше посредников между данными и выводом, тем легче сопровождение.

10. Когда нужен PHP, а не ещё один виджет

Для повторяемого условного блока рядом с ценой или дополнительного сообщения используйте стандартные хуки WooCommerce, если активный макет действительно их вызывает. Код храните в дочерней теме WoodMart или небольшом отдельном плагине. Не редактируйте родительскую тему: её обновление перезапишет изменения.

Перед внедрением создайте резервную копию и проверьте правку на тестовом сайте. Если задача решается настройкой Layouts или HTML Block, лучше выбрать её: меньше риска и проще откат.

11. Три проекта — три конфигурации

Лендинг

Для одного лендинга без магазина WoodMart чаще избыточен. Достаточно лёгкой темы и Elementor: меньше настроек, меньше точек отказа.

Корпоративный сайт с каталогом

Если нужны фильтры и карточки, WoodMart оправдан. Если каталог строится из произвольных записей Meta Box, сравните с Astra или Kadence. В материале об Astra Pro и Elementor показан похожий принцип распределения ролей.

Интернет-магазин

Здесь WoodMart особенно уместен. Оставьте Header Builder и Layouts основой магазина, а Elementor — для рекламных страниц. Данные товара, цены и остатки настраиваются отдельно: см. семь настроек WooCommerce, экономящих время.

12. WoodMart против Kadence Pro и Astra Pro

WoodMart ориентирован на торговые сценарии и даёт много магазинных инструментов сразу. Astra Pro — универсальная основа с гибкими настройками. Kadence Pro хорошо подходит для корпоративных сайтов, контентных проектов и магазинов с собственными требованиями к шапке и шаблонам.

Не существует объективно самой быстрой темы без одинакового контента, изображений и плагинов. Сравнивайте реальные страницы. При смене WoodMart фирменные виджеты и Layouts не переедут автоматически. Дополнительно посмотрите разбор Kadence Pro.

13. Чек-лист перед запуском

1. Выбран активный Header Builder для компьютера и телефона.
2. У каждой карточки товара один ответственный шаблон.
3. Проверены простой и вариативный товары, цены, галерея и наличие.
4. Фильтры и пагинация работают на мобильных.
5. Корзина, доставка и оформление заказа проходят тест.
6. Нет дублирующих оптимизаторов изображений и JavaScript.
7. Проверены H1, хлебные крошки, canonical и архивы категорий.
8. Обновления темы и WooCommerce сначала проверяются на staging.

В сентябре 2026 года в GitHub WooCommerce обсуждалась проблема взаимодействия галерей вариаций с пользовательскими шаблонами в версии 11.1. Это не подтверждённая ошибка WoodMart, но причина внимательно проверять вариативные товары после крупных обновлений.

FAQ

Нужен ли Elementor Pro для WoodMart?

Нет. Тема поддерживает Elementor и имеет собственный Layouts Builder. Pro нужен под конкретные дополнительные возможности.

Почему Theme Settings не меняет карточку?

Скорее всего, активен пользовательский Single product Layout. Проверьте его условия и элементы.

Можно ли сделать разные карточки для категорий?

Да. Создайте несколько Layouts и задайте соответствующие условия.

Можно ли использовать Meta Box?

Да, для хранения данных и вывода через совместимые динамические механизмы. Сложные поля тестируйте отдельно.

Нужны ли несколько пакетов виджетов Elementor?

Обычно нет. Сначала используйте WoodMart и Elementor, дополнительные виджеты подключайте точечно.

Куда вставлять PHP-правки?

В дочернюю тему или отдельный плагин, но не в файлы родительской темы.

Итог

Главный принцип: один шаблон — один ответственный конструктор. Для магазина на WoodMart сначала настройте Layouts, Header Builder и Theme Settings, а Elementor используйте там, где он действительно добавляет возможности.