Налаштування мобільної версії сайту Opencart

Необходимо разработать веб-приложение для автоматизации подтверждения заказов и предложения дополнительных товаров клиентам через Viber. Заказы поступают в CRM SalesDrive. Общая логика работы: 1. Менеджер в веб-приложении выбирает один или несколько заказов из SalesDrive, выбирает сценарий и одну или несколько рекламных листовок, после чего запускает автоматическую обработку. 2. Клиенту через Viber Business Messages отправляется транзакционное сообщение с данными заказа: товары, сумма, способ оплаты, город, служба доставки и отделение/адрес. Клиент выбирает: — «Так, далі»; — «Зв'язатись з менеджером». 3. После подтверждения клиенту автоматически отправляется одна или несколько выбранных менеджером рекламных листовок с дополнительными товарами. 4. Клиент в свободной текстовой форме одним или несколькими сообщениями пишет, какие товары и в каком количестве хочет добавить. После завершения выбора клиент нажимает кнопку «Я все обрав(ла)» 5. ИИ анализирует все сообщения клиента и сопоставляет выбранные позиции только с товарами, содержащимися в отправленных клиенту листовках. Для каждой листовки в системе заранее хранится структурированный список товаров и их ID/артикулы. 6. Система формирует распознанный список товаров и количества и отправляет его клиенту на подтверждение. Клиент выбирает: — «Так, правильно»; — «Потрібно змінити»; — «Зв'язатись з менеджером». 7. После подтверждения выбранные дополнительные товары автоматически добавляются в существующий заказ SalesDrive. Изменяется сумма и статус заказа. 8. После завершения подтверждения заказа клиенту отправляется информация о сроках отправки. Пример: «Відправка замовлення здійснюється протягом 2 робочих днів. Якщо для вас важлива якнайшвидша відправка, натисніть кнопку нижче. Ми врахуємо це при обробці замовлення». Кнопки: — «Все добре»; — «Потрібна швидка відправка». Если клиент выбирает «Потрібна швидка відправка», в заказе SalesDrive должна сохраняться соответствующая отметка или комментарий. Автоматический сценарий при этом продолжается. 9. Клиенту автоматически отправляется информационное сообщение о необходимости осмотра посылки при получении. Пример: «Будь ласка, огляньте товар у відділенні служби доставки при отриманні. У разі виявлення механічних пошкоджень не забирайте посилку та зв'яжіться з нами. Це допоможе нам швидко вирішити ситуацію». Кнопки и ответ клиента на данном этапе не требуются. 10. Последним сообщением клиенту автоматически отправляются контактные данные компании. Пример: «Якщо у вас виникнуть питання щодо замовлення, ви можете зв'язатися з нами: Телефон: … Viber: … Telegram: …» Контактные данные и текст сообщения должны редактироваться администратором приложения. 11. Нестандартные случаи передаются менеджеру. Например: — клиент просит изменить заказ; — клиент выбирает связь с менеджером; — ИИ не смог однозначно распознать товары или количество; — клиент не подтвердил распознанный список; — клиент отправил неподдерживаемое вложение; — возникла техническая ошибка.После передачи заказа менеджеру автоматический сценарий останавливается. Интеграции: — SalesDrive API; — TurboSMS HTTP API / webhook, Viber Business Messages; — API ИИ-модели для распознавания свободного текста клиента. Необходимо также реализовать: — веб-панель менеджера; — получение и отображение заказов SalesDrive; — выбор одного или нескольких заказов; — выбор сценария; — выбор одной или нескольких листовок; — управление листовками и привязанными к ним товарами; — хранение состояния Viber-диалога; — историю диалога; — изменение статусов заказа; — остановку автоматического сценария; — базовую статистику. Входящие изображения, файлы и голосовые сообщения клиента распознавать не требуется. ИИ работает только с текстом. TurboSMS подтвердил возможность автоматической отправки сообщений через HTTP API, получения ответов через webhook и работы дальнейшего сценария в рамках Viber чат-сессии. Подробное техническое задание подготовлено и будет предоставлено потенциальному исполнителю. В отклике прошу указать: 1. Ориентировочную стоимость разработки MVP. 2. Ориентировочный срок разработки. 3. Есть ли опыт интеграций с CRM/API/webhook. 4. Есть ли опыт интеграции AI/LLM API для обработки пользовательского текста. 5. Примеры похожих проектов, если есть.

Є сайт на Wix Studio. На сторінці категорій товарів (динамічна сторінка) на мобільних пристроях з'являються великі білі прогалини між картками товарів коли деякі поля порожні. Картки товарів без даних займають ~1949px висоти на мобільному. Блоки акордеонів ("Склад", "Опис", "Технічні характеристики") резервують великий порожній простір навіть коли даних немає. Блок з галереєю фото також створює великий білий розрив коли фото немає. Що потрібно зробити: Коли поля "Склад", "Опис", "Технічні характеристики" порожні в CMS — заголовки акордеонів повинні залишатися видимими, але порожній простір всередині не повинен резервуватися Коли фото немає - блок галереї не повинен створювати великий білий розрив Виправлення повинно працювати на всіх сторінках категорій, не тільки на одній Важливо: Заголовки розділів ("Склад", "Опис" тощо) повинні залишатися видимими завжди. Прибрати потрібно лише порожній білий простір всередині.

Є сайт на Wix Studio. На сторінці категорій товарів (динамічна сторінка) на мобільних пристроях з'являються великі білі прогалини між картками товарів коли деякі поля порожні. Картки товарів без даних займають ~1949px висоти на мобільному. Блоки акордеонів ("Склад", "Опис", "Технічні характеристики") резервують великий порожній простір навіть коли даних немає. Блок з галереєю фото також створює великий білий розрив коли фото немає. Що потрібно зробити: Коли поля "Склад", "Опис", "Технічні характеристики" порожні в CMS — заголовки акордеонів повинні залишатися видимими, але порожній простір всередині не повинен резервуватися Коли фото немає - блок галереї не повинен створювати великий білий розрив Виправлення повинно працювати на всіх сторінках категорій, не тільки на одній Важливо: Заголовки розділів ("Склад", "Опис" тощо) повинні залишатися видимими завжди. Прибрати потрібно лише порожній білий простір всередині.

Я професійний 3D-дизайнер, створюю високодеталізовані рендери пам'ятників і меморіальних комплексів (вертикальний формат 9:16). Мої клієнти — це власники цехів і майстерень, яким потрібен зручний цифровий каталог моїх макетів для показу своїм роздрібним покупцям. Що мені потрібно: Підібрати оптимальну платформу і зібрати легкий, швидкий веб-додаток (каталог), який буде ідеально виглядати на смартфонах і коректно відкриватися на комп'ютерах. Ключові вимоги до каталогу: Дизайн: Максимальний мінімалізм. Темна тема (чорний фон), велике вертикальне зображення (пропорції 9:16), під ним тільки назва/артикул макета. Жодних довгих описів. Управління базою: Мені потрібна максимально проста система додавання нових макетів (ідеально — через звичні Google Таблиці або дуже зручну внутрішню БД). Я повинен просто завантажити зображення і вписати артикул, не ламаючи верстку. Інтеграція до клієнтів (Найважливіше): Каталог повинен легко впроваджуватися на сайти моїх замовників-цехівників (в когось WordPress, в когось самопис). Потрібно продумати елегантний спосіб вбудовування: через Iframe (щоб каталог працював прямо всередині їхньої сторінки) або через правильну настройку кнопки-посилання. Що я вже пробував: Тестував Glide і Adalo. В Adalo вийшов потрібний візуал (9:16 на чорному фоні), але управління внутрішньою базою даних і возня зі посиланнями на Google Диск виявилися занадто незручними для постійної роботи. Плюс є сумніви щодо правильного вбудовування Iframe в чужі сайти так, щоб він не роз'їжджався на широких моніторах. Від вас чекаю у відповіді: На якій платформі (Adalo, Glide, Bubble, Webflow, Glide + Airtable або щось інше) ви пропонуєте це реалізувати і чому? Як буде вирішено питання з зберіганням важких зображень (рендерів)? Як ви пропонуєте технічно вбудовувати цей каталог на сторонні сайти моїх клієнтів? Шукаю спеціаліста, який закриє цю технічну проблему під ключ, щоб я міг спокійно займатися 3D-моделюванням.

Сайт вже запущений і працює. Основне завдання — розібратися в поточній структурі проєкту, перевірити якість реалізації, виправити знайдені технічні проблеми та допомогти з подальшими змінами.Основний стек Next.js 15 React 19 TypeScript Tailwind CSS Zod Redux Toolkit В проєкті також можуть використовуватися: Prisma JWT-авторизація Stripe Mailgun Google APIs Vercel або Netlify FunctionsОсновні завдання провести ревізію існуючого проєкту; оцінити структуру та якість коду; виправляти помилки та доопрацьовувати поточний функціонал; покращувати серверний рендеринг і швидкість завантаження сторінок; перевіряти коректність відображення сайту на мобільних пристроях; працювати з формами, адміністративною частиною та зовнішніми інтеграціями; вносити технічні SEO-зміни; підтримувати і поступово покращувати існуючий сайт.Що для нас важливо добрий досвід роботи з Next.js, React та TypeScript; уміння розбиратися в чужому коді; розуміння SSR та особливостей Next.js App Router; уважність до продуктивності та якості реалізації; уміння пояснювати знайдені проблеми та пропонувати зрозумілі рішення; самостійність та акуратна робота з діючим сайтом. На першому етапі необхідно ознайомитися з проєктом, провести технічну ревізію та запропонувати список пріоритетних змін. Після цього можлива постійна робота над подальшим розвитком сайту.