ThemeForest Urna - Шаблон WordPress

Руководство по настройке ThemeForest Urna для WooCommerce-магазина

ThemeForest Urna стоит рассматривать не как обычную "красивую тему", а как большой набор готовых магазинных сценариев для WordPress и WooCommerce. В этом руководстве разберём, как подойти к установке, выбору демо, настройке шапки, витрины, карточек товаров, мобильного интерфейса и мультиязычности так, чтобы сайт не остался копией демо и не развалился после обновления.

Материал рассчитан на владельца магазина, вебмастера или контент-менеджера, который уже получил архив темы и хочет понять порядок работы. Здесь нет инструкции по покупке, активации лицензии или обходу ограничений. Фокус другой: как безопасно подготовить сайт, импортировать основу, настроить магазинные блоки, проверить результат и диагностировать типичные проблемы.

Urna связана с WooCommerce, Elementor, WPBakery, Slider Revolution, Redux Framework и рядом магазинных расширений. Поэтому главная ошибка при запуске - пытаться "просто включить тему" на живом магазине без карты зависимостей. Лучше сначала собрать тестовый контур, понять, какой демо-сценарий нужен, и только затем переносить настройки на рабочий сайт.

Что делает Urna и чем она отличается от обычной темы магазина

Urna - коммерческая WordPress-тема для WooCommerce-магазинов. Её сильная сторона не в одном конкретном дизайне, а в наборе демо для разных ниш: мебель, техника, мода, маркетплейс, игрушки, украшения, книги и другие витрины. В карточке продукта заявлены готовые демо, одинарный импорт демо-данных, гибкие настройки темы, несколько положений мини-корзины, мобильное меню, быстрый просмотр товара, поиск по SKU, список желаний, сравнение, видео товара, таймеры, режим каталога, поддержка RTL и совместимость с мультиязычностью через WPML.

Это делает ThemeForest Urna удобной для сайтов, где нужно быстро получить магазинную структуру с визуально готовыми секциями: главная страница с категориями, товарные карусели, шапка с поиском, блоки акций, карточка товара, страница магазина и мобильная навигация. Но такая универсальность требует дисциплины. Чем больше готовых функций, тем больше зависимостей: WooCommerce, конструктор страниц, фильтр товаров, слайдер, плагины для избранного, сравнения, отзывов и маркетплейса.

В практическом смысле Urna лучше всего подходит, когда у вас уже есть каталог товаров или ясная структура будущего каталога. Если товаров пока нет, демо может создать ложное ощущение готового магазина: на вид всё красиво, но реальная карточка товара, фильтры, доставка, оплата и пользовательский путь ещё не настроены. Поэтому настройку темы нужно начинать не с цвета кнопок, а с ответа на вопрос: какой тип магазина вы запускаете и какие элементы должны работать в первом релизе.

Основные рабочие сценарии

На практике Urna чаще выбирают для четырёх типов задач. Первый сценарий - классический интернет-магазин с каталогом, фильтрами, быстрым просмотром и корзиной. Второй - магазин с сильным визуальным первым экраном, где важны баннеры, акции и товарные подборки. Третий - маркетплейс, если проекту нужны интеграции с Dokan, WCFM, MultiVendorX или WC Vendors. Четвёртый - мультиязычный магазин, где нужно продумать не только перевод страниц, но и перевод меню, заголовков в настройках темы, атрибутов, фильтров и AJAX-операций.

Главный вывод: Urna не заменяет настройку WooCommerce. Она оформляет, расширяет и ускоряет сборку витрины, но товары, доставка, налоги, способы оплаты, письма, складские остатки и юридические страницы остаются зоной WooCommerce и ваших дополнительных расширений.

Кому подойдёт тема, а кому лучше выбрать другой путь

Urna будет удачным выбором для магазина, которому нужен быстрый старт на готовой визуальной основе. Она особенно полезна, если вы хотите взять один из демо-макетов, заменить товары, настроить шапку, меню, цвета и довести сайт до рабочего состояния без проектирования каждого блока с нуля. Для небольшого магазина это экономит время, а для агентства помогает быстрее показать клиенту черновой прототип.

Тема также подходит проектам, где важны привычные для WooCommerce элементы: мини-корзина, быстрый поиск, список желаний, сравнение, карточки товаров в сетке и списке, акционные блоки, товарные карусели и разные виды главной страницы. Если вы планируете маркетплейс, Urna интересна тем, что в официальной карточке указаны демо и совместимость с популярными мультивендорными решениями. Но маркетплейс - это уже не просто тема, а отдельная операционная модель с ролями продавцов, комиссиями, выплатами, модерацией товаров и поддержкой продавцов.

Тема может не подойти, если вам нужен максимально лёгкий сайт без конструкторов и bundled-плагинов, если вы строите магазин на блоковой теме с полным редактированием сайта, если команда принципиально работает только с нативными шаблонами WooCommerce, или если дизайн должен быть полностью уникальным и утверждённым по макетам. В этих случаях лучше рассмотреть более лёгкую тему, кастомную разработку или тему с меньшим количеством встроенных сценариев.

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

Риски универсальной темы

Универсальная WooCommerce-тема почти всегда несёт больше настроек, чем нужно конкретному магазину. Это не недостаток само по себе, но требует аккуратной настройки. Не включайте все визуальные функции подряд. Быстрый просмотр, сравнение, список желаний, таймеры, всплывающая корзина, слайдеры и дополнительные вкладки товаров полезны только тогда, когда они реально помогают покупателю. Если функция не влияет на выбор товара или оформление заказа, её лучше отключить до момента, когда появится понятная задача.

Что проверить перед установкой на WordPress

Перед установкой подготовьте сайт так, будто вы запускаете не тему, а мини-проект миграции дизайна. Urna может менять шапку, подвал, карточки товаров, список товаров, мобильную навигацию и часть WooCommerce-шаблонов. Если делать это на живом магазине без копии, любой конфликт с кешем, старым конструктором или устаревшим плагином станет проблемой для покупателей.

Рабочая копия и резервная точка

Создайте копию сайта на тестовом домене или локальной среде. На этой копии проверьте установку темы, обязательные плагины и импорт демо. Если магазин уже работает, сделайте резервную копию базы данных и файлов, отдельно отметьте текущую активную тему, список активных плагинов и настройки WooCommerce. После установки Urna сравните поведение каталога, корзины и оформления заказа с исходным состоянием.

Совместимость и зависимости

В карточке ThemeForest указаны совместимость с актуальными версиями WordPress, WooCommerce, WPBakery, Slider Revolution и Elementor, а также интеграции с WPML и мультивендорными плагинами. Эти данные быстро меняются, поэтому перед установкой проверяйте именно карточку продукта и changelog, а не старые обзоры. Особенно внимательно смотрите на WooCommerce: у Urna в changelog регулярно встречаются исправления файлов в папке urna/woocommerce/..., поэтому после крупных обновлений WooCommerce нужно проверять статус шаблонов.

Если в проекте уже стоит Elementor или WPBakery, заранее решите, какой конструктор будет основным. Не стоит смешивать два подхода в одной и той же странице без необходимости. Старые страницы могут быть собраны через WPBakery, новые - через Elementor, но у команды должен быть понятный регламент: кто редактирует какой тип страницы и где хранятся повторные блоки.

Плагины, без которых демо может выглядеть иначе

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

Установка темы и первый контрольный запуск

Установка Urna в WordPress технически похожа на установку любой коммерческой темы: вы загружаете установочный ZIP-файл через Appearance - Themes - Add New - Upload Theme, активируете тему и устанавливаете предложенные плагины. Важно не перепутать общий архив с документацией и установочный архив самой темы. Одна из частых ошибок при загрузке коммерческих тем - отправить в WordPress большой пакет "all files", внутри которого лежит отдельный ZIP темы. WordPress в таком случае может сообщить, что тема не содержит style.css.

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

Порядок установки без лишнего риска

1. Сделайте резервную копию и перейдите на тестовый сайт.
2. Проверьте, что WooCommerce установлен и открывается без ошибок.
3. Загрузите именно установочный ZIP темы через экран тем WordPress.
4. Активируйте Urna и установите только те рекомендуемые плагины, которые нужны выбранному демо.
5. Откройте WooCommerce - Status и посмотрите, нет ли критичных предупреждений по шаблонам или серверной среде.
6. Создайте тестовый товар и проверьте страницу магазина, карточку товара, корзину и оформление заказа.

Что делать сразу после активации

Первый запуск должен ответить на три вопроса. Открывается ли публичная часть сайта без фатальных ошибок? Видит ли WordPress обязательные плагины темы? Не сломались ли базовые страницы WooCommerce? Если на этом этапе есть ошибки, импорт демо только усложнит диагностику. Сначала устраните базовый конфликт, затем переходите к визуальной настройке.

Демо-импорт: как выбрать основу и не получить лишний мусор

Одна из главных причин выбирать Urna - готовые демо. На скриншоте-референсе видно, что тема предлагает разные витрины и категории демо: маркетплейсы, техника, мода, мебель, игрушки, украшения, книги, интерьер и другие варианты. Но демо - это не финальный сайт. Это ускоритель структуры: шапка, главный экран, товарные секции, баннеры, меню и блоки подвала.

Выбирайте демо не по самой красивой картинке, а по совпадению с вашим каталогом. Если магазин продаёт мебель, демо с крупными интерьерными баннерами и спокойной сеткой будет ближе к задаче, чем агрессивный маркетплейс электроники. Если у вас тысячи SKU, важнее продуманный поиск, категории и фильтры. Если товаров мало, перегруженная главная с десятками каруселей будет выглядеть пусто после замены демо-данных.

Новый сайт или сайт с уже готовым контентом

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

После импорта проверьте страницы в Pages, меню в Appearance - Menus, настройки главной страницы в Settings - Reading, виджеты и шаблоны конструктора. Частая ситуация: демо импортировалось, но главная страница не назначена как главная, меню не привязано к нужной области, а товары не видны из-за пустых категорий или неправильной видимости каталога.

Как понять, что демо импортировано корректно

• Главная страница открывается с выбранным макетом, а не со списком записей блога.
• Основное меню и мобильное меню показывают нужные категории и страницы.
• Страница магазина выводит товары в сетке или списке без разъехавшейся верстки.
• Карточка товара показывает изображение, цену, кнопку добавления в корзину и вкладки.
• Мини-корзина обновляется после добавления товара, если включён AJAX-сценарий.
• Слайдеры, баннеры и товарные карусели не требуют отсутствующих плагинов.

Мини-итог: успешный демо-импорт - это не "страница похожа на демо". Это когда после замены демо-товаров ваш каталог, меню, корзина и карточки товаров работают как единый магазин.

Настройка шапки, меню и мобильного поиска

Шапка в WooCommerce-магазине важнее декоративного первого экрана. Покупатель чаще всего ищет товар через категории, поиск, корзину и аккаунт. В Urna заявлены mega menu, мобильное меню, AJAX-поиск, поиск по SKU и несколько положений мини-корзины. Поэтому настройку шапки лучше делать как настройку пользовательского пути, а не как подбор красивого расположения иконок.

Начните с основного меню. Для магазина обычно нужны верхние категории, страница акций, страница доставки и оплаты, контакты, блог или раздел советов, если он помогает выбирать товары. Mega menu используйте только там, где есть несколько уровней категорий. Если категория содержит три товара, большой выпадающий блок будет выглядеть пустым и ухудшит навигацию.

Как собрать понятное меню

1. Разбейте каталог на 5-8 верхних категорий, которые покупатель реально различает.
2. Для каждой верхней категории добавьте 3-6 подкатегорий, если они заполнены товарами.
3. Не размещайте все информационные страницы в главном меню. Часть ссылок лучше перенести в подвал.
4. Проверьте меню на настольном экране и в мобильной навигации, потому что длинные названия категорий ведут себя по-разному.
5. Если используете mega menu, проверьте выравнивание, ширину и поведение при наведении.

Поиск и мини-корзина

Поиск по SKU полезен для магазинов техники, запчастей, профессионального оборудования и B2B-каталогов, где покупатель приходит с конкретным артикулом. Для магазина одежды или мебели SKU-поиск не должен быть главным элементом, если покупатели выбирают визуально. AJAX-поиск ускоряет путь к товару, но его нужно проверять после включения кеша и оптимизации скриптов. Если результаты поиска не обновляются или появляются на неправильном языке, проверьте кеш, мультиязычные настройки и совместимость поискового плагина.

Мини-корзина может открываться слева, справа или во всплывающем окне. Выбор зависит от макета и привычек аудитории. Для широкого каталога удобна боковая корзина, потому что покупатель остаётся на странице. Для лаконичного магазина с небольшим числом товаров всплывающий вариант может быть проще. После выбора положения проверьте добавление простого, вариативного и распродажного товара.

Главная страница и секции магазина: от демо к реальной витрине

Главная страница Urna на демо выглядит убедительно потому, что в ней подобраны изображения, категории, промо-блоки и товары. После импорта вы должны заменить не только тексты и картинки, но и логику витрины. Главная магазина должна отвечать на вопрос: что здесь продают, как быстро перейти к нужной категории, какие товары сейчас важны и почему покупатель может доверять магазину.

Если оставить все демо-секции, страница легко превращается в длинную ленту одинаковых каруселей. Лучше выбрать 5-7 смысловых зон: главный баннер, быстрые категории, блок новинок, подборка популярных товаров, акция или распродажа, короткий блок доверия, контентный блок с советом или подборкой. Всё остальное можно удалить до появления реальной задачи.

Настройка главной страницы через конструктор

Urna поддерживает Elementor и WPBakery, а видеокурс по теме включает отдельные сценарии импорта и настройки для обоих конструкторов. Если демо собрано через Elementor, редактируйте его через Edit with Elementor. Если демо старше и собрано через WPBakery, не переводите страницу в другой редактор без плана миграции. Смешивание конструкторов часто создаёт скрытую поддержку: один блок редактируется в одном интерфейсе, другой - в другом, а новый редактор не понимает старые короткие коды.

Что заменить первым

• Главный баннер: замените изображение, ссылку и призыв к действию на реальную категорию или акцию.
• Категории: оставьте только категории с товарами и нормальными изображениями.
• Товарные карусели: настройте источник товаров, порядок сортировки и количество карточек.
• Промо-блоки: удалите пустые скидки и обещания, которые не подтверждены вашим магазином.
• Подвал: проверьте контакты, способы доставки, ссылки на политику и страницы помощи.

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

Как не потерять скорость

Большие главные страницы с несколькими слайдерами, видео, тяжёлыми изображениями и множеством товарных запросов быстро становятся медленными. Urna заявляет оптимизацию и производительность, но итоговая скорость зависит от ваших изображений, хостинга, кеша, количества плагинов и того, сколько каруселей выводят товары. Не включайте на главной все демо-блоки только потому, что они есть. Лучше одна сильная витрина с понятной навигацией, чем длинная страница, где покупатель не понимает, куда нажать.

Карточка товара, быстрый просмотр и магазинные функции

Карточка товара - место, где визуальная тема встречается с реальной коммерцией. В Urna заявлены быстрый просмотр, видео товара, таймер, таблица размеров, список желаний, сравнение, flash sale, недавно просмотренные товары и фотоотзывы. Каждая из этих функций может быть полезной, но только в правильном сценарии.

Для магазина мебели важнее крупные изображения, варианты цвета, размеры и доставка. Для магазина техники - SKU, сравнение, фильтры, характеристики и поиск. Для одежды - размеры, вариации, фотоотзывы и аккуратная мобильная карточка. Для маркетплейса - продавец, условия доставки, возвраты и доверие к продавцу. Поэтому не включайте функции "по максимуму"; настройте карточку под путь покупки.

Что проверить на карточке товара

• Изображение товара открывается корректно, миниатюры не обрезаны критично, галерея работает на мобильном экране.
• Вариации товара выбираются без ошибки, цена и наличие меняются после выбора атрибутов.
• Кнопка добавления в корзину видна без прокрутки или находится в ожидаемом месте.
• Быстрый просмотр не скрывает важные варианты товара и не конфликтует с кешем.
• Список желаний и сравнение работают только при активных совместимых плагинах.
• Таймер и flash sale показываются только для реальной акции, а не как постоянный декоративный блок.

Когда использовать режим каталога

Режим каталога уместен, когда сайт показывает товары без онлайн-оплаты: оптовый каталог, витрина мебели под запрос, B2B-прайс без публичных цен, сезонный каталог до подключения платежей. Перед включением такого режима продумайте, что заменит покупателю кнопку покупки: форма заявки, телефон, кнопка "Запросить цену", ссылка на менеджера или страница контактов. Если просто убрать корзину, путь пользователя оборвётся.

Безопасная CSS-правка для товарных меток

В карточке ThemeForest указано, что тема поддерживает пользовательские CSS и JS в настройках темы. Если вам нужно аккуратно смягчить метку распродажи в WooCommerce, используйте маленькую обратимую CSS-правку. Вставляйте её через child theme или поле пользовательского CSS в настройках темы, а не в файлы родительской темы.

.woocommerce span.onsale {
  border-radius: 4px;
  font-size: 12px;
  letter-spacing: 0;
  padding: 6px 10px;
  text-transform: none;
}

Эта правка основана на обычной CSS-структуре WooCommerce и не меняет бизнес-логику магазина. После вставки откройте страницу категории, карточку товара со скидкой и быстрый просмотр. Если метка стала хуже читаться или тема использует собственный класс для бейджа, удалите фрагмент и настройте вид через инструменты темы или точечный CSS после проверки в инспекторе браузера.

Фильтры, поиск по SKU и структура каталога

Большая часть пользы Urna раскрывается не на главной странице, а в каталоге. Тема заявляет поддержку AJAX-поиска, поиск по SKU, сетку и список товаров, а также совместимость с фильтрами товаров. Это значит, что каталог можно сделать удобным для разных моделей выбора: покупатель может искать конкретный артикул, идти через категорию, фильтровать по атрибутам или быстро сравнивать несколько товаров.

Перед настройкой фильтров наведите порядок в данных WooCommerce. Фильтр не исправит хаотичный каталог. Если у одного товара цвет записан как "Black", у другого как "чёрный", а у третьего как свободный текст в описании, покупатель получит неполные результаты. Сначала создайте единые атрибуты, назначьте их товарам, проверьте категории и только затем включайте визуальные фильтры.

Как спроектировать фильтры под реальный магазин

Для мебели полезны материал, цвет, размер, помещение, коллекция и наличие. Для техники - бренд, диагональ, память, тип подключения, совместимость и гарантия. Для одежды - размер, цвет, сезон, ткань и коллекция. Для украшений - металл, камень, размер, тип изделия и цена. Фильтры должны отражать критерии выбора, а не все атрибуты подряд.

• Оставьте в боковой панели только атрибуты, по которым покупатель реально сужает выбор.
• Не выводите фильтр с одним значением, потому что он создаёт визуальный шум.
• Разделяйте навигационные категории и фильтры: категория отвечает "что это", фильтр отвечает "какое именно".
• Проверяйте фильтр на категории с малым количеством товаров, чтобы не вести покупателя в пустую выдачу.
• Если используете AJAX-фильтрацию, отдельно тестируйте её с кешем, мультиязычностью и пагинацией.

Поиск по названию и по артикулу

Поиск по SKU особенно полезен для магазинов, где покупатель приходит из прайса, каталога производителя, менеджерской переписки или офлайн-точки. В таком сценарии строка поиска должна быть заметной в шапке и мобильной панели, а SKU должен быть заполнен в карточках товаров. Если SKU есть только у части товаров, пользователь будет считать поиск сломанным.

Для визуальных ниш, например мебели или одежды, поиск по названию и категории обычно важнее SKU. Тогда делайте акцент на подсказках, популярных категориях и карточках результатов. Проверяйте поисковую выдачу на запросах с ошибками, коротких словах, брендах и артикулах. Если AJAX-поиск показывает слишком много нерелевантных результатов, ограничьте число результатов и настройте приоритеты поиска, если выбранный поисковый плагин это позволяет.

Проверка после настройки каталога

1. Откройте главную категорию и примените один фильтр, затем два фильтра подряд.
2. Сбросьте фильтры и проверьте, что URL, товары и счётчик результатов вернулись в исходное состояние.
3. Введите SKU существующего товара и убедитесь, что поиск ведёт к правильной карточке.
4. Введите несуществующий SKU и проверьте, что страница ошибки выглядит аккуратно и предлагает другой путь.
5. Повторите проверку на мобильном экране, где фильтр может быть скрыт в боковой панели.

Мини-итог: каталог на Urna должен быть не просто красивым. Он должен помогать покупателю сузить выбор без лишних кликов и не создавать пустые страницы из-за слабой структуры атрибутов.

Дочерняя тема, пользовательский CSS и границы кастомизации

У Urna есть настройки темы и поле для пользовательских CSS/JS, но это не означает, что любую правку нужно делать прямо в теме. Чем ближе правка к файлам родительской темы, тем выше риск потерять её при обновлении. WordPress и WooCommerce рекомендуют безопасные способы кастомизации: child theme, Code Snippets для маленьких функций, CSS через настройки, а для WooCommerce-шаблонов - копии в дочерней теме с сохранением структуры путей.

Правильная граница такая: визуальные мелочи можно решать CSS, повторные блоки - через конструктор или шаблоны темы, тексты - через WPML/Loco Translate или настройки темы, а изменение WooCommerce-разметки - только через child theme и только после понимания шаблонной структуры. Не нужно копировать весь каталог woocommerce в child theme "на всякий случай". Чем меньше переопределений, тем проще обновляться.

Какие правки безопасны

• Изменить радиус, размер и отступы бейджа распродажи через CSS.
• Скрыть декоративный элемент, который не нужен конкретному макету, если это не ломает доступность.
• Перевести подпись кнопки или короткий текст через механизм перевода строк.
• Настроить цвета, типографику, логотип, подвал и социальные ссылки через Theme Options.
• Переопределить отдельный WooCommerce-шаблон в child theme, если без этого нельзя решить задачу и есть план обновления.

Какие правки лучше не делать

Не редактируйте файлы Urna в родительской папке темы, не меняйте ядро WooCommerce, не удаляйте hooks из WooCommerce-шаблонов, не вставляйте большой JS-фрагмент в глобальные настройки ради одной кнопки и не используйте CSS, который скрывает ошибки вместо исправления причины. Например, если вариации товара не выбираются, нельзя просто скрыть проблемный блок. Нужно проверить атрибуты товара, JavaScript-ошибки, кеш, совместимость темы и WooCommerce.

Безопасная логика кастомизации: сначала настройка в интерфейсе, затем CSS, затем child theme, и только потом точечный шаблон WooCommerce. Чем глубже правка, тем подробнее должна быть проверка и тем проще должен быть откат.

Маркетплейс-сценарии: Dokan, WCFM, MultiVendorX и WC Vendors

Urna заявляет демо для мультивендорных сценариев и совместимость с популярными marketplace-плагинами. Это важно, потому что маркетплейс отличается от обычного магазина не дизайном, а ролями. Появляются продавцы, витрины продавцов, комиссии, модерация товаров, выплаты, статусы заказов, условия доставки и поддержка продавцов. Тема может подготовить внешний слой, но операционную логику даёт выбранный плагин.

Если вы только тестируете идею маркетплейса, не начинайте с подключения всех функций. Сначала выберите один marketplace-плагин, создайте тестового продавца, добавьте товар от имени продавца, оформите тестовый заказ и проверьте, как администратор видит комиссию и статус заказа. Затем уже настраивайте дизайн витрины продавца, меню, фильтры и карточки товаров.

Как выбрать подход к маркетплейсу

Dokan, WCFM, MultiVendorX и WC Vendors решают похожую задачу, но отличаются панелью продавца, моделью модулей, платными возможностями и поддержкой. Urna не делает эти плагины одинаковыми. Если в демо понравился внешний вид маркетплейса, всё равно проверяйте функции выбранного плагина отдельно: регистрация продавца, загрузка товаров, права доступа, комиссии, уведомления, выплаты, возвраты и совместимость с вашими способами доставки.

Мини-проверка перед запуском продавцов

1. Создайте отдельную роль продавца через выбранный marketplace-плагин.
2. Добавьте простой и вариативный товар от имени продавца.
3. Проверьте, как товар отображается в витрине Urna и общей странице магазина.
4. Оформите тестовый заказ и посмотрите, какие письма получают покупатель, продавец и администратор.
5. Проверьте, что продавец не видит чужие заказы и настройки магазина.

Мультиязычность, WPML и перевод элементов темы

Для мультиязычного магазина недостаточно перевести страницы. В Urna отдельного внимания требуют меню, mega menu, заголовки шапки и подвала, настройки темы, товарные атрибуты, категории, фильтры, пользовательские вкладки, AJAX-операции и тексты на кнопках. Документация Thembay по WPML для Urna показывает отдельные шаги для WooCommerce Multilingual, перевода страниц, товаров, меню, mega menu, Elementor Header, Footer Builder, Theme Options и Products Filter.

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

Что особенно важно для Urna

• Синхронизация меню: структура меню должна совпадать между языками, иначе mega menu будет вести на разные разделы.
• Перевод заголовков Header и Footer: в документации отмечается, что при переводе важно сохранять исходные названия шаблонов.
• Перевод Theme Options: часть текстов может храниться в настройках темы, а не в обычных страницах.
• AJAX-операции: быстрый поиск и quick view должны учитывать язык, иначе пользователь увидит результаты не той локали.
• Фильтры товаров: подписи атрибутов и таксономий должны быть переведены согласованно с WooCommerce.

Проверка результата: откройте одну и ту же категорию на двух языках, выберите фильтр, добавьте товар в корзину, откройте quick view и проверьте, что меню, фильтры, карточка товара и мини-корзина остаются в выбранной локали.

Практический пример: запускаем мебельный магазин на основе демо

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

Цель

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

Подготовка

На тестовом сайте должны быть WordPress, WooCommerce, активированная Urna и установленные плагины, которые требуются выбранному демо. Создайте 8-12 тестовых товаров: диван, кресло, стол, светильник, шкаф, декор. Добавьте изображения одинакового качества, категории, цены и краткие описания. Если вариативные товары пока не готовы, хотя бы один товар сделайте с атрибутом цвета или размера, чтобы проверить поведение вариаций.

Шаги настройки

1. Импортируйте мебельное или наиболее близкое демо на тестовом сайте.
2. Назначьте импортированную страницу как главную через Settings - Reading.
3. В меню оставьте категории "Гостиная", "Столовая", "Освещение", "Декор", "Распродажа" и информационные ссылки.
4. Замените главный баннер на реальную категорию и уберите демо-обещания, которых нет в магазине.
5. Настройте товарные карусели так, чтобы они брали товары из ваших категорий, а не из демо-наборов.
6. Проверьте мини-корзину: добавьте товар с главной страницы, из страницы категории и из карточки товара.
7. Откройте мобильный экран и проверьте поиск, меню, изображения и кнопку покупки.

Ожидаемый результат

После настройки покупатель должен за 10-15 секунд понять, что это мебельный магазин, перейти в нужную категорию, увидеть товары, открыть карточку, выбрать вариант и добавить товар в корзину. Если на главной остались демо-товары, пустые категории, чужие баннеры или неработающие кнопки, запуск ещё не готов.

Нюанс, который часто мешает

Демо-страница может выглядеть хорошо даже при плохих реальных данных. Например, демо-изображения имеют одинаковые пропорции, а ваши товары загружены в разных размерах. В итоге сетка начинает прыгать, карточки становятся разной высоты, а баннеры смотрятся случайно. Решение простое: подготовьте единые пропорции изображений и проверьте настройки WooCommerce для изображений товаров. После изменения размеров может понадобиться пересоздание миниатюр штатными инструментами WordPress или отдельным безопасным плагином.

Проверка результата перед публикацией

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

Публичная часть сайта

• Главная страница открывается быстро и показывает реальные категории.
• Поиск находит товар по названию и, если нужно, по SKU.
• Фильтры не сбрасывают верстку и не выводят пустые результаты там, где товары есть.
• Карточка товара корректно показывает галерею, вариации, цену, наличие и кнопку покупки.
• Мини-корзина обновляется без дублирования товаров и не перекрывает важные элементы.
• Оформление заказа работает с выбранной доставкой, оплатой и обязательными полями.

Админ-панель и обслуживание

В админ-панели проверьте WooCommerce - Status, список шаблонов, активные плагины, ошибки PHP в журнале хостинга, настройки кеша и поведение конструктора страниц. Если после обновления WooCommerce появляются предупреждения об устаревших шаблонах, не правьте файлы темы вручную. Сначала посмотрите changelog Urna: разработчик часто выпускает исправления именно для WooCommerce templates. Если вы использовали child theme для собственных правок, сравните свои копии с актуальными шаблонами WooCommerce.

SEO и удобство

Тема может быть заявлена как оптимизированная, но SEO магазина зависит от структуры категорий, заголовков, описаний товаров, скорости, микроразметки, канонических URL, индексации фильтров и отсутствия дублей. Не открывайте для индексации все параметры фильтров без стратегии. Убедитесь, что главные категории имеют уникальные описания, карточки товаров не состоят только из характеристик, а изображения имеют осмысленные alt-тексты.

Типичные проблемы Urna и как их диагностировать

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

Демо импортировалось частично

Симптом: главная страница неполная, нет изображений, слайдер пустой, меню не совпадает с демо или часть секций отсутствует. Возможные причины - нехватка ресурсов хостинга, заблокированные внешние запросы, неактивные плагины, повторный импорт поверх существующих данных или выбор неправильного варианта импорта.

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

После обновления WooCommerce появились устаревшие шаблоны

Симптом: в WooCommerce - Status видны предупреждения по файлам в urna/woocommerce/..., или корзина, мини-корзина, карточка товара отображаются странно. У Urna в changelog регулярно встречаются исправления таких файлов, поэтому это ожидаемая зона внимания для темы, которая переопределяет WooCommerce-шаблоны.

Как исправлять: обновите тему до версии, где разработчик уже адаптировал шаблоны. Если есть child theme с собственными копиями шаблонов, сравните их с актуальными файлами WooCommerce и переносите только свои изменения. Не копируйте новые шаблоны в родительскую тему и не удаляйте WooCommerce hooks без понимания последствий.

Не работает быстрый просмотр, поиск или мини-корзина

Симптом: quick view не открывается, поиск не показывает результаты, мини-корзина не обновляется после добавления товара. Частая причина - кеш, минификация скриптов, конфликт оптимизации или отключённая зависимость. Начните с отключения объединения JS на тестовой копии, очистите кеш, проверьте консоль браузера и повторите действие.

Когда откатывать настройку: если функция ломает оформление заказа, корзину или выбор вариаций, отключите оптимизацию скриптов для страниц магазина и проверьте конфликт плагинов. Красивый быстрый просмотр не должен быть важнее стабильной покупки.

Mega menu съезжает или плохо выглядит на мобильном экране

Симптом: выпадающий блок смещается, отображается слишком узко, не закрывается или показывает пустые колонки. В форумах Thembay есть вопросы по выравниванию mega menu и мобильному поиску, поэтому навигацию нужно тестировать отдельно, а не считать её готовой после импорта демо.

Что делать: сократите число уровней меню, удалите пустые колонки, проверьте привязку меню к области темы, отключите лишние виджеты в mega menu и откройте сайт на нескольких ширинах экрана. Если нужна нестандартная мобильная логика, используйте child theme или обращайтесь в поддержку, потому что прямые правки родительской темы потеряются при обновлении.

Перевод виден не везде

Симптом: страницы переведены, но в шапке, фильтрах, quick view или теме остаются английские слова. Для Urna это может быть связано с тем, что часть строк хранится в Theme Options, часть - в Elementor Header/Footer, часть - в WooCommerce атрибутах и фильтрах. Используйте WPML String Translation, перевод меню, перевод категорий и отдельную проверку AJAX-операций.

Производительность, обновления и безопасная поддержка

Универсальная тема WooCommerce требует регулярного обслуживания. Следите за обновлениями Urna, WooCommerce, Elementor или WPBakery, Slider Revolution, фильтров, wishlist/compare-плагинов и marketplace-расширений. Не обновляйте всё сразу на рабочем сайте. Сначала сделайте копию, обновите тему и плагины, проверьте главную, каталог, карточку товара, корзину, оформление заказа, мини-корзину и быстрый просмотр.

Отдельно важна безопасность. В базе Wordfence по Urna отмечены исправленные уязвимости в старых версиях, а в changelog ThemeForest есть записи о закрытии проблем Local File Inclusion. Поэтому разумная стратегия - не держать старую версию темы на публичном магазине, особенно если включены AJAX-виджеты, Elementor-блоки и расширенные товарные табы. При этом обновление должно быть проверенным, потому что новые версии могут менять WooCommerce-шаблоны.

Как обновлять без паники

1. Сделайте резервную копию файлов и базы данных.
2. Обновите тему на тестовой копии, затем обязательные плагины.
3. Проверьте WooCommerce - Status и предупреждения по шаблонам.
4. Пройдите покупательский путь: каталог, фильтр, карточка, корзина, оформление заказа.
5. Проверьте страницы, собранные через Elementor или WPBakery.
6. Только после этого переносите обновление на рабочий сайт.

Что лучше не трогать без причины

Не меняйте файлы родительской темы, не удаляйте шаблоны WooCommerce из папки темы "для очистки", не отключайте обязательные плагины демо без проверки зависимых блоков, не включайте агрессивную минификацию сразу после импорта и не устанавливайте несколько плагинов, которые делают одну и ту же задачу: быстрый поиск, wishlist, compare, фильтры, кеш или оптимизацию изображений.

Когда ThemeForest Urna будет удачным выбором

Urna стоит использовать, если вам нужен WooCommerce-магазин с готовой визуальной базой, несколькими нишевыми демо, гибкими настройками шапки и витрины, поддержкой быстрых магазинных функций и возможностью развить проект до marketplace или мультиязычного каталога. Сильнее всего тема раскрывается, когда у вас есть реальные товары, понятная структура категорий и готовность обслуживать зависимости.

Перед публикацией не оценивайте сайт только по главной странице. Проверьте демо-импорт, меню, мобильную навигацию, товарные изображения, карточку товара, quick view, мини-корзину, оформление заказа, мультиязычные строки и статус шаблонов WooCommerce. Если эти проверки пройдены, можно переходить от эксперимента к рабочему запуску.

Когда вы готовы проверить тему на своём проекте, используйте внутренний блок загрузки страницы и скачать ZIP-архив для тестовой установки. Сначала разворачивайте тему на копии сайта, затем переносите проверенные настройки на рабочий магазин.