Швидкий проект. Зробити приклад коду: адаптивного iframe

https://www.figma.com/design/bSzGOmDb3scdsBgjR3hHLb/Robo?node-id=0-1&p=f https://robo.org.ua/index.php?route=product/product&path=145802278&product_id=237 Завдання: редизайн сторінки товару та відгуків на головній Сайт уже розроблений і повністю працює. Дизайнер підготував новий дизайн у Figma, який потрібно реалізувати на наявному сайті. Необхідно: зверстати новий дизайн відповідно до макета; інтегрувати його в поточний сайт; адаптувати сторінки під мобільні пристрої, планшети та комп’ютери; перевірити коректну роботу кнопок, форм, меню та інших елементів; забезпечити максимально точну відповідність макету. Розробляти сайт з нуля не потрібно — необхідно лише виконати редизайн і замінити поточне оформлення на нове.

Необхідно вікористовуючі функціонал зробити - 1. візуалізацію знижки на картці товару: красиво отформатувати розміщення оптових цін від кількості та після вибору кількості за оптовою ціною треба відобразити - текст по типу Ви економите .....» на картці товару та у кошику Приклад як зараз https://plusminus7.com.ua/index.php?route=product/product&product_id=7097 Переходимо в корзину також не бачимо скількі було скількі стало. Звичайний маркетинг. - масове редагування знижок через експорт/імпорт файлу (вивантажили → поправили → залили назад) Зараз знижки від кількості задаються беспосередньо в картках товарів закладка Знижка, для того шоб була можливість редагувати масово потрібно зробити експорт/імпорт товарів в exel Додав скрини зразки як ми приблизно бачимо візуалізацію оптових цін Наступним етапом буде ще ТЗ з регулювання ціноутворення та округлення.

Проект: Потрібно створити продаючий лендинг для авторського онлайн-інтенсиву на діючому корпоративному сайті юридичної фірми. Платформа сайту: WordPress. Очікувана URL-адреса сторінки: сайт/online_intensive1. Дизайн і структура:Є готовий прототип у вигляді чистого HTML/CSS коду (включає тексти, структуру, кольорову гаму, адаптивність і вертикальні відеовідгуки 9:16). Код буде передано виконавцю.Завдання по дизайну: Взяти цей код за основу, але не просто скопіювати. Вітається доопрацювання UX/UI, додавання акуратних мікроанімцій, тіней, сучасних ефектів (фіч), які зроблять сторінку більш привабливою і продаючою, зберігаючи строгий корпоративний стиль.2. Інтеграція з CMS (Редагованість):Критично важливо: Лендинг не повинен висіти на сайті як «голий» HTML-код. Сторінку необхідно зібрати за допомогою візуального конструктора (Elementor) або реалізувати через гнучкі поля (ACF).У замовника повинна бути можливість легко змінювати будь-які тексти, посилання, тарифи та фотографії прямо з адмін-панелі WordPress без втручання в код.3. Технічні вимоги та адаптивність:Повна адаптивність кросбраузерної верстки: Desktop, Tablet, Mobile. Сторінка повинна коректно відображатися на всіх типах пристроїв (в тому числі пропорції 3 вертикальних відеовідгуків).Висока продуктивність: Обов'язкова базова оптимізація швидкості завантаження (Google PageSpeed). Зображення повинні бути стиснуті та конвертовані у формат WebP, скрипти та стилі мініфіковані.4. Форма зворотного зв'язку (Лідогенерація):На лендингу є форма заявки (Ім'я, Телефон). Її потрібно зробити повністю робочою.Усі заявки повинні миттєво надсилатися на корпоративний email: info@сайт.Необхідно налаштувати відправку через SMTP-сервер або використовувати надійний плагін (WPForms / Contact Form 7), щоб заявки гарантовано не потрапляли в папку «Спам».5. Мультимовність:Поточний сайт передбачає наявність трьох мов (РУС, КАЗ, АНГЛ).В рамках проекту виконавець повинен налаштувати мультимовність для нового лендингу (за допомогою вбудованого на сайті плагіна).У процесі виконання завдання замовник надасть готові переклади тексту на казахську та англійську мови. Виконавець повинен створити та оформити ці додаткові мовні версії сторінки.6. Інтеграція з головним сайтом:Налаштувати перехід на лендинг з основного сайту.У головному меню (в хедері) діючого сайту salyk.net необхідно додати нову кнопку або пункт меню (наприклад, «Онлайн-інтенсив»), яка буде вести на адресу /online_intensive.Додатково: зробити функцію перемикання між мовами rus/eng/kaz в стилі сайту.

Веб-сайт наразі інфільтрований вірусом. Сайт не працює належним чином. Зокрема, головна сторінка не працює правильно. Нам потрібен розробник, який може виправити цю помилку якомога швидше.

Є сайт який функціонує, потрібно змінити структуру головного меню та створити декілька нових сторінок (вже по тому шаблону що є з тим самим дизайном) Що є: Структура меню: Головна Про нас Послуги: йога з цуценятами, йога+звукова ванна+церемонія з какао, звукова ванна, йога з лами Подарункова картка Блог Контакт Що треба зробити: 1.Змінити структуру меню на наступну: Головна Про нас Щотижневі досвіди Сезонні досвіди Приватні досвіди Подарункова картка Блог Контакт 2.Зробити нові сторінки (каталог послуг) Щотижневі досвіди Сезонні досвіди (на цій сторінці зробити розділення Осінь-Зима, Весна-Літо (або зробити позначки біля кожної картки продукту коли він доступний) Приватні досвіди Ці сторінки зробити на основі сторінки яка є - тобто скопіювати існуючу сторінку і привʼязати до неї сторінки послуг, вони мають відображатись там автоматично, якщо поставити галочку 3. Додати наступні послуги на сторінку щотижневих досвідів: Йога з цуценятами Звукова ванна 4. Додати наступні послуги на сторінку сезонних досвідів: Звукова ванна Bloom Frequency Йога з лами Перший світло - Щасливий світанок Церемонія чаю та звукова ванна Йога, церемонія з какао та звукова ванна Звукова ванна при свічках взимку Церемонія з какао для встановлення намірів на Новий рік та ароматерапія та звукова ванна 5. Додати послуги на сторінку Приватних досвідів: Приватна йога з цуценятами в студії Приватна йога з цуценятами у вас вдома Приватна звукова ванна для одного Приватна групова звукова ванна Приватні звукові ванни та чайні церемонії для команд, лідерів та корпоративних заходів 6. Прикрутити календар системи simplybookme на сторінки: Перший світло - Щасливий світанок Церемонія чаю та звукова ванна Звукова ванна при свічках взимку Церемонія з какао для встановлення намірів на Новий рік та ароматерапія та звукова ванна Ця букінг система вже налаштована на сайті, потрібно за таким самим принципом як і зараз привʼязати календар до перелічених сторінок. 6.1. Додати кнопку “очікування” на сторінки: Перший світло - Щасливий світанок Церемонія чаю та звукова ванна Звукова ванна при свічках взимку Церемонія з какао для встановлення намірів на Новий рік та ароматерапія та звукова ванна Після того як людина натискає на кнопку - має зʼявитись форма де людина залишає свій мейл, імʼя і відправляє цю форму. З нашого боку клієнту має приходити лист що він потрапив у вейтліст, і нам має приходити сповіщення що хтось додався у вейтлист. Через simplybook не вийде, треба певно робити через форми shopify, або можете запропонувати інше рішення