Введение
Для повышения удобства работы с вариативными товарами в WooCommerce был разработан специальный функционал, который позволяет быстро и эффективно управлять изображениями вариаций товаров прямо из административной панели.
Основные возможности
1. Миниатюры изображений в заголовке вариации
Теперь не нужно раскрывать каждую вариацию, чтобы увидеть её изображения. Все миниатюры отображаются прямо в заголовке:
- Основное изображение (в синей рамке) — главное фото вариации
- Дополнительные изображения — галерея дополнительных фото
- Счётчик — показывает количество дополнительных фото
2. Быстрое управление изображениями
Добавление:
- Клик по основному изображению открывает медиа-библиотеку для выбора главного фото
- Синяя кнопка с плюсиком (+) открывает медиа-библиотеку для добавления нескольких фото в галерею
Удаление:
- При наведении на любое изображение появляется красный крестик
- Клик по крестику мгновенно удаляет изображение (с автоматическим сохранением)
Сортировка:
- Дополнительные изображения можно перетаскивать мышью для изменения порядка
- Порядок сохраняется автоматически
Индикатор сохранения:
- После любого действия появляется зелёная надпись «Сохранено»
- Все изменения сохраняются автоматически без необходимости нажимать кнопку «Сохранить изменения»
3. Копирование изображений между вариациями
Удобное модальное окно для массового копирования изображений:
Источники копирования:
- Из вариации — копирование с конкретной вариации этого товара
- Из карточки товара — копирование с основного товара (главное фото и галерея товара)
Что копировать:
- Основное изображение
- Галерея (дополнительные фото)
- Можно выбрать оба варианта или только один
Фильтрация вариаций:
- Поле поиска для быстрого нахождения нужных вариаций
- Фильтр сохраняется автоматически и применяется ко всем товарам
- При вводе текста список мгновенно фильтруется
Обратный выбор:
- Специальная опция для выбора вариаций, которые НЕ подходят под фильтр
- Например: ввели «с любым значением» → включили «Обратный выбор» → выбрали все вариации с конкретными цветами
- Состояние сохраняется автоматически
Выбор вариаций:
- Кнопки «Выбрать все» / «Снять все» для быстрого выбора
- Показываются только видимые (отфильтрованные) вариации
- Чекбоксы для точечного выбора
4. Умная система сохранений
- Все настройки сохраняются автоматически
- Фильтр и режим «Обратный выбор» запоминаются между всеми товарами
- При открытии другого товара последние настройки уже применены
- Не нужно нажимать дополнительные кнопки для сохранения настроек
5. Отображение атрибутов
- В модалке копирования отображаются все атрибуты вариации через запятую
- Например: «45, оранжевый» или «Размер M, Красный»
- Это помогает точно идентифицировать нужную вариацию
Примеры использования показаны на видео:
Заключение
Разработанный функционал значительно упрощает работу с вариативными товарами, позволяя быстро управлять изображениями, массово копировать их между вариациями и эффективно организовывать рабочий процесс. Все действия интуитивно понятны и не требуют специальных знаний.
Если вы хотите внедрить такой функционал в свой магазин — напишите мне, я изучу ваш проект и рассчитаю стоимость внедрения.