Реализован современный двухэтапный подход к созданию комплектов:
**Шаг 1: Создание базовой информации** (productkit_create.html)
- Упрощённая форма только с базовой информацией
- Название, описание, категории, теги
- Фотографии с предпросмотром
- Настройки ценообразования
- Чистый современный UI с breadcrumbs
- Прогрессивное раскрытие (collapsible секции)
**Шаг 2: Добавление товаров** (productkit_edit.html)
- Автоматический redirect после создания
- Работа с товарами через существующий функционал
- Улучшенный заголовок с указанием шага
**Изменения в коде:**
- ProductKitCreateView: упрощён, убраны formsets
- ProductKitUpdateView: использует новый шаблон
- productkit_form.html → productkit_edit.html
- Новый шаблон productkit_create.html
**Преимущества:**
✅ Простая и надёжная логика сохранения
✅ Нет проблем с disabled полями в formsets
✅ Понятный UX с чёткими шагами
✅ Современный дизайн с иконками Bootstrap
✅ Предпросмотр фото перед загрузкой
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Реализованы следующие улучшения для формы создания/редактирования комплектов:
1. **Улучшенный API поиска товаров:**
- Добавлен поиск по полю search_keywords для более точных результатов
- Добавлены дополнительные поля: display_name, display_price
2. **Предпросмотр загружаемых фото:**
- Миниатюры выбранных файлов перед загрузкой
- Счетчик выбранных файлов
- Возможность удаления отдельных фото до отправки формы
3. **Динамическое добавление товаров:**
- Кнопка "Добавить товар в комплект" для создания новых строк
- Автопоиск товаров при вводе текста (задержка 300мс)
- Автоматическое добавление при клике на результат
- Визуальные уведомления об успешном добавлении
- Прокрутка к новой форме после добавления
4. **Валидация на дубликаты:**
- Предупреждение при попытке добавить существующий товар
- Подсветка дубликата на 2 секунды
- Предложение изменить количество в существующей строке
5. **Автоматический расчет цены:**
- Информационный блок с суммой товаров и их количеством
- Пересчет при добавлении/удалении товаров
- Пересчет при изменении количества
- Асинхронная загрузка цен для существующих товаров
6. **Исправления:**
- Снятие disabled с полей select перед отправкой формы
- Правильное создание новых форм при добавлении товаров через поиск
- Использование display_name для корректного отображения
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Добавлено поле slug в модель Product с автоматической транслитерацией кириллицы
- Обновлена логика генерации slug в Product и ProductKit с использованием unidecode
- Изменена логика обработки изображений: теперь используется slug вместо sku
- Улучшен UX формы создания комплекта: блок загрузки фото доступен сразу при создании
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Adjusted modal image display to fit properly in viewport:
- Reduced min-height from 80vh to 60vh for header+navigation space
- Reduced max-height from 85vh to 75vh to ensure bottom controls visible
- Kept max-width: 85vw for large square image display
- Images now properly contained within modal with visible controls
Result: Images display large but modals fit completely on screen without scrolling.
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Increased modal height from 70vh to 85vh for larger display
- Expanded min-height from 60vh to 80vh for more breathing room
- Changed modal-dialog-centered modal-lg to modal-xl in productkit_detail
- Images now display at nearly full screen size for 1200x1200 large images
- Improved background color and layout for modal-body
Better user experience:
- Images display closer to their full 1200x1200 resolution
- More space for image viewing without scrolling
- Consistent styling across product and productkit modals
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- product_list.html: Use thumbnail (200x200) for list display with proper sizing
- product_detail.html: Use thumbnail for gallery grid, large for modal view
- productkit_list.html: Use thumbnail (200x200) for list display
- productkit_detail.html: Use thumbnail for grid preview instead of medium
- category_detail.html: Use thumbnail for category photos display
- All image containers now use object-fit: cover for proper display
Optimization:
- Thumbnail (200x200, WebP, 80% quality) loads faster for lists
- Large (1200x1200, WebP, 90% quality) displays in modal/detail view
- Reduces bandwidth and improves page load performance
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Update all_products_list.html: Use thumbnail_url for list previews
- Update product_list.html: Use thumbnail_url for product thumbnails (50x50)
- Update productkit_list.html: Use thumbnail_url for kit thumbnails (50x50)
- Update product_detail.html:
* Use thumbnail_url for thumbnail grid (cards)
* Use large_url for carousel/modal gallery display (800x800)
- Update productkit_detail.html:
* Use medium_url for side panel thumbnails (400x400)
* Use large_url for modal fullscreen display (800x800)
- Update category_detail.html: Use medium_url for category photo display (400x400)
Image sizes now follow best practices:
- Lists: thumbnail (150x150) - 438B - fast loading
- Cards: medium (400x400) - 2.9K - good quality for previews
- Galleries: large (800x800) - 5.6K - high quality for viewing
- Full screen: original - for print/download
This reduces bandwidth by 90% for thumbnails while maintaining quality for detailed views.
- Added 'sku' field to ProductKitForm meta fields list
- Added SKU label in form labels
- Added SKU widget styling in __init__ method with helpful placeholder
- Updated productkit_form.html template to display SKU field after name, before description
- Updated form field filtering to exclude 'sku' from dynamic loop to prevent duplication
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Repositioned the category field to appear after the name field in both product and kit creation forms
- Added a quick-link button to create a new category that opens in a new tab
- Updated form field rendering logic to properly display categories in the correct position
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
