Тема для моды, которая выглядит как печатный лукбук.

Что отличает тему для одежды

Одежду продают картинка, размер и сочетание. Atelier читается как печатный лукбук: редакционный hero с засечками, карточки 3:4 со вторым фото при наведении, метки вроде New, -20 % и Low stock, и быстрые размеры на карточке, чтобы без открытия страницы увидеть, что вашего размера нет.

Страница товара ставит на размер и посадку: образцы, меняющие фото, сетка размеров с зачёркнутыми распроданными, шкала посадки, таблица размеров, полоса ткани и закреплённый Add to bag на телефоне.

Shop the look и фильтры

Блок Shop the look берёт хит из каждой категории своего класса. У каждой вещи флажок и выбор размера, итог следует за флажками, а Add all to bag добавляет каждую отмеченную вещь через Store API. Мини-корзина обновляется без перезагрузки. Образы поднимают корзину без скидки.

Боковая панель перечисляет Цвет, Размер и Ткань, с фильтрами цены, оценки и наличия и переключателем 2, 3 или 4 колонок, который запоминает браузер.

Какие данные подготовить

Без этих данных элементы скрыты. Демо импортирует 18 товаров, 17 с цветами и размерами, в 6 категориях: полный пример. Затем выберите стиль, Bone, Noir, Sorbet или Sage, и замените иллюстрации своими фото в постоянном формате 3:4.

Паттерны включают О нас, Доставка и возвраты и руководство по размерам и уходу.

Atelier или общая тема?

Atelier требует хороших фото; раскладка не скрывает слабые. Для магазина с упором на цену и очень широким ассортиментом лучше могут подойти универсальные темы Atlas или Pulse на странице тем. Product Personalizer добавляет монограммы, а Make an Offer стоит под Add to bag. Также на OpenCart и PrestaShop. Купить Atelier в магазине.

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

WordPress 6.7 или новее, WooCommerce 10.1 до 11.2, PHP 7.4 до 8.3. Нейтральна для HPOS, блоки и классические страницы оформлены, Fraunces и Manrope локальные, без внешних запросов, стили WCAG AA. Фото товаров не включены: демо использует сгенерированные иллюстрации вымышленного бренда.

Что подготовить для магазина одежды на WooCommerce

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

• Таблица размеров: давайте мерки изделия, а не только S, M и L, и объясните, как мерить.
• Посадка: «маломерит», «свободно в талии» и размер и рост модели добавляются быстро и отвечают на главный вопрос.
• Ткань: состав и плотность. Покупатель не может потрогать, поэтому опишите ощущение и как ткань лежит.
• Уход: укажите стирку, это влияет на покупку некоторых тканей.
• Фото: на модели и раскладка, спереди и сзади, плюс крупный план ткани. Сохраняйте формат и кадрирование.
• Цвет: снимайте каждый цвет, простой образец приводит к возвратам.

Для поиска страницы коллекций с ясной целью ценнее десятков страниц по цветам: «льняные летние платья» лучше, чем страница на оттенок. Оставляйте видимыми распроданные товары, которые вернутся, потому что они ещё могут приносить трафик.

Решите, что делать с остатками размеров. Товар, оставшийся только в XS, выглядит сломанным в сетке: подумайте о странице распродажи.

И наконец, опубликуйте понятную страницу о возвратах. В моде многие покупатели смотрят её до покупки.

Перед запуском новой темы WooCommerce

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

1. Убедитесь, что Корзина и Оформление заказа являются страницами на блоках. Блочные темы оформляют их; страницы с шорткодом показываются без этого оформления.
2. Замените демо-ссылки в навигации, которые ведут на демо-категории.
3. Настройте таксономию Бренды, если тема показывает строки брендов.
4. Оформите полный заказ через свой платёжный плагин на телефоне.
5. Проверьте шаблоны писем и страницы аккаунта в новом оформлении.
6. Уберите демо-контент перед публикацией и очистите кеш страниц.

Поскольку всё построено на блоках и паттернах, конструктор страниц обслуживать не нужно, а контент остаётся вашим при смене темы.