Правка вёртски HTML/CSS

Необхідно додати 129 товарів. Є файл вивантаження з товарами, однак стандартний імпорт не підходить, оскільки перед завантаженням потрібно створити структуру каталогу: категорії, розділи та за необхідності підкатегорії. Після цього виконати імпорт товарів і перевірити, щоб усі картки коректно розподілилися по категоріях. Якщо у вас є досвід виконання подібних завдань, надсилайте приклади робіт, терміни виконання та вартість.

Доброго дня Планую перенести сайт з хостингу україна на hosting.works. Та також потрібно налаштувати, правило що якщо трафік з якогось ip більше наприклад чим 100 запитів в день, то потрібно блокувати.

Потрібно оновити шаблон генерації для друку Замовлення з опенкарт. Він має бути максимально схожий на шаблон з Прому (в дірект відправлю як він виглядає). Зображення я вже костильно кривим модулем доробив сьогодні вночі (треба буде перевірити, там модуль додатковий придбано). Щоб зображення додавались, ціни в позиціях зі знижкою та без, структуру в цілому. Номер телефону клієнта навіть зараз не підтягує. І також бажано, щоб відкривалась не ця сторінка, а щоб при натисканні відразу завантажувався пдф Додатково про ПДФ: 1. Метка клієнта (кастомне поле) має відображатися у PDF-файлі замовлення 2. Усі кастомні поля мають підгружатись у картку клієнта на сторінці «Замовлення» на сайті (бажано, щоб можна було їх відредагувати відразу, не переходячи на сторінку редагування самого клієнта) 3. Виходить, що будуть два кастомних поля відразу. Це коментар магазину відкритий та закритий. Відкритий - відправляється у генерацію ПДФ. Закритий лише відображається на сторінці замовлення (тут краще зробити логіку, що підгружається просто всі кастомні поля, щоб потім не доробляти, якщо щось оновиться). Додаткові моменти по сайту: 1. Менеджер замовлень - не дозволяє редагувати з панелі стану (пофіксити) 2. Після зміни хостингу щось трапилось з темою. Forbidden коли намагаюсь зберегти зміни. Техпідтримка каже, що щось блокується на стороні хостингу. Чесно, так було відразу, але я пофіксив - забув як. Здається, в мене просто не вистачає досвіду в Опенкарт - краще, якщо Ви глянете. 3. Не можу знайти де стилі адмінки. В Товарах в фільтрах погано відображається фільтр Категорій 4. Ще є проблема при додаванні ХТМЛ блоків на головну (через Макети). Зміни не зберігаються адекватно. Я через код додаю зміни, зберігаю, але нічого не зберігається (перегляньте, будь ласка, в чому проблема)5. Я не можу зрозуміти чому генерується error.log - я не можу знайти де він налаштований та як його відключити, або змінити щоб він логував лише критичні помилки

ЩО ПОТРІБНО ЗРОБИТИ Роботи розбиті на блоки, можна братися за все або за окремі блоки: Блок 1 — Оптимізація швидкості (Mobile-First) Поточна оцінка мобільної версії PageSpeed — 51/100. Потрібно довести до 80+. Цільові метрики: LCP < 2.5 с (зараз 7.4 с), FCP < 1.8 с (зараз 3.9 с), TBT < 200 мс. Роботи: критичний CSS inline, відкладений JS, WebP/AVIF, lazy load, аудит плагінів. Блок 2 — GTM та аналітика Прибрати hardcoded скрипти GA4/Google Ads з header.php. Встановити та налаштувати плагін GTM4WP. Впровадити Google Consent Mode v2 (скрипт або cookie-банер). Блок 3 — Шаблон картки товару Єдиний Mobile-First шаблон Single Product в Elementor. Sticky кнопка "Купити" при скролі на мобільному. Cross-sell блок послуг під кнопкою покупки. Перевірка автоматичної передачі подій view_item, add_to_cart через GTM4WP. Блок 4 — Товарний фід для Google Merchant Center Встановити Product Feed Pro (AdTribes) або CTX Feed. Налаштувати XML-фід з правильним маппінгом полів (id, title, gtin, brand, price, availability). Щоденне оновлення через WP-Cron, автовиключення товарів "немає в наявності". Блок 5 — 6 посадкових сторінок (лендингів) в Elementor 3 сторінки e-commerce: каталог комплектуючих, готові рішення ДБЖ, комплекти СЕС. 3 сторінки лідогенерації: монтаж ДБЖ під ключ, СЕС для дому, рішення для бізнесу. Є детальні прототипи зі структурою і блоками кожної сторінки. Блок 6 — Форми та події dataLayer 6 унікальних подій dataLayer при успішній відправці форм (CF7 та Elementor Pro Forms). Обов'язкові вимоги до всіх форм: маска вводу телефону, захист від повторної відправки, reCAPTCHA v3 або Honeypot. --- ВИМОГИ — Практичний досвід з Elementor Pro (шаблони Single Product, кастомні Page Templates) — Розуміння WooCommerce dataLayer та роботи GTM4WP — Досвід оптимізації швидкості WordPress (Critical CSS, WebP, WP Rocket або аналог) — Досвід налаштування подій dataLayer для CF7 або Elementor Pro Forms — Портфоліо або приклади аналогічних робіт — обов'язково Знання Google Consent Mode v2 буде перевагою. --- УМОВИ РОБОТИ Сайт на бойовому хостингу — всі зміни тільки через staging або тестовий дубль. Будь-яка оптимізація не повинна порушувати ініціалізацію GTM і динамічний dataLayer. Детальне ТЗ надається після першого контакту. Опдата поетапна по блоках, або за весь проект ( домовимось) Напишіть у відгуку: 1. Ваш досвід з аналогічними задачами (посилання або короткий опис кейсу) 2. Чи готові виконувати весь проєкт або окремі блоки 3. Орієнтовну вартість і терміни після ознайомлення з ТЗ

Опис замовлення: Шукаємо досвідченого frontend-розробника/фахівця з OpenCart для оптимізації швидкості завантаження сайту (категорії та картки товарів) під вимоги Google Core Web Vitals. Про проект: * CMS: OpenCart. * Специфіка: Сайт працює в режимі каталогу (кошика та оформлення замовлення немає). * Об'єм: 2900 позицій. * Серверна частина: Вже оптимізована (працює на OpenLiteSpeed). * Стек: Робота ведеться виключно з кодом шаблону, модифікаторами та фронтендом. Без роботи із базою даних. Що потрібно зробити (Технічне завдання): 1. Відкладене завантаження скриптів (Delay JS): * Проблема: Сторонні скрипти аналітики (GTM, Google Tag) блокують основний потік на мобільних пристроях приблизно на 4.3 секунди. * Завдання: Налаштувати відкладений запуск цих скриптів. Скрипти повинні активуватися строго по першій дії користувача (перший скролл, тап по екрану або рух миші). * Важливо: Збір статистики, аналітика та робота реклами мають зберегтися у повному обсязі. 2. Виправлення метрики CLS (Стабільність верстки): * Проблема: Сторінка «стрибає» і зсувається під час завантаження картинок. * Завдання: У файлах стилів або шаблону теми жорстко прописати HTML-атрибути width і heightдля всіх зображень товарів у каталозі (листингах) та картках товару. * Мета: Зарезервувати місце під зображення в DOM-дереві до їх фактичного завантаження, щоб унеможливити зсув контенту. Перевірити, щоб адаптивність (CSS) не зламалася. 3. Оптимізація критичного шляху (LCP): * Завдання: Прописати для основного (головного) зображення товару першому екрані тег fetchpriority="high". Це дасть браузеру команду завантажувати головне фото товару у пріоритетному порядку. Вимоги до виконавця та умови приймання: 1. Без зайвих модулів: Робота виконується чистим кодом/модифікаторами, без встановлення додаткових сторонніх чи платних плагінів оптимізації. 2. Безпека та верстка: Ви несете повну відповідальність за верстку. Після внесення правок візуальне відображення сайту на мобільних та ПК, а також функціонал (фільтри, перемикання фото в галереї, меню) повинні залишитися без змін. 3. Критерій здачі роботи (DoD): Надання скріншота та посилання на живий тест звіту Google PageSpeed Insights (для мобільної версії). Показник продуктивності має бути не нижчим за 75 балів, а метрика CLS — не більше 0.1 (у зеленій зоні). Правки вносити строго через модифікатори (OCMOD) або копію теми, щоб не затерти оновлення ядра. У відгуку, будь ласка, вкажіть: 1. Чи був досвід налаштування Delay JS саме для GTM на OpenCart? 2. Термін виконання завдання. 3. Вартість роботи.