Описание

🌟 Оживите фото товаров 25+ эффектами! Мерцание, свечение, вращение — без конфликтов со стилями сайта. Работает везде: каталог, корзина, заказы.

== Описание ==

**Превратите статичные фото товаров в живые, привлекающие внимание элементы вашего магазина!**

Плагин **Product Image Animator** добавляет элегантные анимационные эффекты к главным фото товаров в WooCommerce. В отличие от других решений, наш плагин:

✅ **Применяется ТОЛЬКО к главному фото** — миниатюры галереи остаются без изменений, нет конфликтов с оформлением карточки товара

✅ **Работает ВЕЗДЕ на сайте** — эффекты появляются в каталоге, на странице товара, в корзине, заказах, виджетах и шорткодах

✅ **25+ уникальных эффектов** для разных категорий:
– 📱 **Электроника**: свечение экрана, пульсация кнопок, скан-линии, пиксельное свечение
– 👗 **Одежда**: волны ткани, вращение 360°, блеск материала, эффект ветра
– 🌿 **Растения**: колыхание листьев, капли росы, эффект роста, распускание цветов, солнечные лучи
– 🛋️ **Мебель**: вид в интерьере, текстура дерева, блеск поверхности, глубина тени
– ✨ **Универсальные**: мерцание, свечение, дыхание, радуга, неон, искры, пульсация

✅ **Расширенные настройки** для каждого эффекта:
– 🎨 Цвет свечения (для эффектов со светом)
– ⚡ Интенсивность (0.1–1.5)
– ⏱️ Скорость анимации (1–10 сек)
– ↔️ Смещение по осям X/Y (-50 до +50 пикселей)
– 📍 Расположение эффекта (9 вариантов: центр, углы, стороны)

✅ **Автоматическое назначение по категориям** — разные эффекты для разных категорий товаров без ручной настройки каждого товара

✅ **Полная изоляция стилей** — уникальные селекторы и минимальная обертка гарантируют отсутствие конфликтов с темой и другими плагинами

✅ **Оптимизированная производительность** — только CSS-анимации, нет тяжелого JavaScript, не влияет на скорость загрузки сайта

✅ **Адаптивность** — корректная работа на всех устройствах, возможность отключения на мобильных

== Ключевые возможности ==

### 🎯 Целевые эффекты для категорий
Назначьте подходящий эффект каждой категории товаров:
– Смартфоны → Свечение экрана
– Платья → Волны ткани
– Цветы → Капли росы
– Диваны → Вид в интерьере

### ⚙️ Расширенные параметры настройки
Тонкая настройка каждого эффекта под ваш бренд:
– Выбор цвета свечения (для мерцания, неона, свечения)
– Регулировка интенсивности движения
– Настройка скорости анимации
– Смещение эффекта относительно изображения
– Выбор расположения (центр, углы, стороны)

### 📊 Умное управление
– Эффекты применяются автоматически ко всем товарам категории
– Возможность отключить эффект для отдельных товаров
– Эффект по умолчанию для товаров без категории
– Отключение на мобильных устройствах для слабых телефонов

### 🛡️ Безопасность и стабильность
– Применение ТОЛЬКО к главному фото (галерея не затрагивается)
– Минимальная обертка без агрессивных сбросов стилей
– Уникальные селекторы для каждого изображения
– Тестирование на 50+ популярных темах WooCommerce

== Установка ==

1. Скачайте плагин с официального сайта: https://it-bukovkin.ru/plugins/product-image-animator/
2. В админке WordPress перейдите в «Плагины» → «Добавить новый» → «Загрузить плагин»
3. Выберите скачанный файл `.zip` и нажмите «Установить»
4. Активируйте плагин «Product Image Animator»
5. Перейдите в «WooCommerce» → «✨ Image Animator» для настройки

== Настройка ==

### Быстрый старт (2 минуты):
1. Перейдите в **WooCommerce → ✨ Image Animator**
2. Выберите вкладку **«Эффекты по категориям»**
3. Для каждой категории выберите подходящий эффект из списка
4. Сохраните настройки
5. Готово! Эффекты автоматически применятся ко всем товарам

### Расширенная настройка:
1. Перейдите во вкладку **«Расширенные настройки»**
2. Настройте цвет, скорость, интенсивность для всех эффектов
3. Укажите смещение и расположение эффекта
4. Включите/отключите эффекты на мобильных устройствах
5. Сохраните изменения

== Часто задаваемые вопросы ==

= Будет ли плагин конфликтовать с моей темой? =

Нет. Плагин использует уникальные селекторы `[data-pia-id=”уникальный_ид”]` и минимальную обертку без агрессивных сбросов стилей (`all: unset/revert`). Эффекты применяются ТОЛЬКО к главному фото, галерея товаров остается нетронутой.

= Можно ли применить эффект только к определенным товарам? =

Да. Назначьте эффект категории, в которую входят нужные товары. Для товаров без эффекта оставьте поле «Эффект» пустым или установите «Не применять».

= Будет ли плагин замедлять сайт? =

Нет. Плагин использует только CSS-анимации без тяжелого JavaScript. Стили генерируются индивидуально для каждого изображения и добавляются через тег `<style>` внутри контейнера изображения — нет лишних запросов к серверу.

= Как отключить эффекты на мобильных устройствах? =

В настройках плагина (вкладка «Расширенные настройки») снимите галочку «Включить эффекты на мобильных устройствах». Эффекты будут работать только на десктопных устройствах.

= Можно ли настроить разные эффекты для одного товара в разных местах сайта? =

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

= Поддерживает ли плагин вариативные товары? =

Да. Эффект применяется к главному фото вариативного товара. При смене вариации фото обновляется, и эффект автоматически применяется к новому изображению.

= Как вернуть настройки по умолчанию? =

Удалите плагин и установите заново — все настройки сбросятся. Или вручную установите эффект «Мерцание», интенсивность 0.8, скорость 3 сек в настройках.

== Скриншоты ==

1. Панель настроек с вкладками «Эффекты по категориям» и «Расширенные настройки»
2. Выбор эффектов из 25+ вариантов для каждой категории товаров
3. Расширенные параметры: цвет, смещение, расположение, скорость
4. Предпросмотр эффектов на образце изображения
5. Эффект «Свечение экрана» на фото смартфона в каталоге
6. Эффект «Колыхание листьев» на фото растения на странице товара
7. Эффект «Волны ткани» на фото платья в корзине
8. Блок рекомендаций других плагинов в админке

== Изменения ==

= 4.1.0 =
* Добавлены 10 новых эффектов (пиксельное свечение, скан-линии, блеск ткани, ветер в ткани, распускание цветов, солнечные лучи, блеск мебели, глубина тени, радуга, неон)
* Расширенные настройки: цвет, смещение по осям X/Y, расположение эффекта (9 вариантов)
* Блок рекомендаций плагинов в футере админки с анимацией
* Интерактивный предпросмотр эффектов в настройках
* Слайдеры с визуальным отображением текущего значения
* Сетка позиционирования для выбора расположения эффекта
* Улучшена производительность генерации стилей

= 4.0.0 =
* Применение эффектов ТОЛЬКО к главному фото (галерея не затрагивается)
* Работа эффектов везде на сайте: каталог, корзина, заказы, виджеты, шорткоды
* 25 эффектов для 5 категорий товаров (электроника, одежда, растения, мебель, универсальные)
* Автоматическое назначение эффектов по категориям
* Минимальная обертка без конфликтов со стилями галереи
* Полная изоляция стилей через уникальные селекторы

= 3.0.0 =
* Эффекты по категориям товаров
* Автоматическое определение типа категории по названию
* Новый интерфейс настроек с таблицей категорий
* Поддержка каталога товаров (не только страница товара)

= 2.3.0 =
* Исправлены конфликты со стилями галереи
* Убраны агрессивные сбросы стилей (all: revert/unset)
* Минимальная обертка с позиционированием
* Стили добавляются через <style> внутри контейнера
* Визуальное выделение выбранного эффекта в настройках

= 2.2.0 =
* Исправлено отображение фото в карточке товара
* Добавлено визуальное выделение выбранного эффекта (галочка + подсветка)
* Упрощенная обертка без конфликтующих стилей
* Отладка в консоли для проверки работы

= 2.1.0 =
* Добавлены 15 универсальных эффектов для разных категорий
* Автоопределение категории товара
* Визуальный интерфейс выбора эффекта с предпросмотром
* Полная изоляция стилей через инлайн-стили в атрибутах

= 1.0.0 =
* Первоначальный релиз плагина
* 5 базовых эффектов (мерцание, свечение, дыхание, зум, подъем с тенью)
* Простой интерфейс настроек

== Рекомендации ==

### Для интернет-магазинов электроники:
– Используйте эффект «Свечение экрана» для смартфонов и ноутбуков
– Эффект «Пульсация кнопок» отлично подходит для гаджетов и аксессуаров
– Настройте цвет свечения в синих тонах (#4285F4) для технологичного вида

### Для магазинов одежды:
– Эффект «Волны ткани» создает ощущение движения и текстуры
– «Вращение 360°» идеально для демонстрации кроя и фасона
– Используйте теплые цвета свечения (#FF6B6B) для женской одежды

### Для цветочных магазинов:
– «Капли росы» добавляют ощущение свежести и ухоженности
– «Колыхание листьев» создает живую атмосферу
– «Солнечные лучи» подчеркивают естественность растений

### Общие советы:
– Не используйте слишком яркие эффекты на всех товарах сразу — это может отвлекать от покупки
– Для крупных магазинов настройте разные эффекты для разных категорий
– На мобильных устройствах отключите эффекты или установите минимальную интенсивность
– Тестируйте разные скорости анимации — медленные эффекты (4-6 сек) выглядят элегантнее