Все виконано у сроки.
Рекомендую до співпраці!
Шукаємо Frontend (JavaScript) розробника з досвідом Magento 2 для діагностики та виправлення помилки на e-commerce сайті.
Сайт працює на Magento 2, використовується кастомна тема та модулі Mirasvit.
За даними Microsoft Clarity зафіксовано значну кількість JavaScript помилок.
Основна помилка: Cannot read properties of undefined (reading 'match'). Вона займає приблизно 35–50% всіх JS помилок, у пікові моменти доходить до 48–50%, має нестабільний характер (різкі стрибки) і виникає під час дій користувача (навігація, перегляд товарів).
Також є пов’язана помилка: undefined is not an object (evaluating '$parent.attr('id').match'). Ймовірно це один і той самий корінь проблеми.
Помилка може впливати на відкриття сторінок, роботу каталогу, фільтрів та взаємодію з товарами.
Завдання:
проаналізувати причину виникнення помилки,
знайти місце в коді (Magento 2 frontend),
визначити сценарій виникнення,
виправити причину (не просто приховати помилку),
перевірити, що помилка більше не виникає через Clarity або console.
За потреби надаємо доступ до Microsoft Clarity (записи сесій з помилками).
У відповіді просимо вказати:
чи є досвід роботи з Magento 2 (frontend)?
чи працювали з модулями Mirasvit?
як би ви шукали причину цієї помилки?
вашу ставку та орієнтовну оцінку по часу?
Бюджет: 5000 UAH Термін: 30 днів
Доброго дня! Я не буду розповідати, що я 10 років працюю суто з Magento. Моя спеціалізація — глибока технічна діагностика та рефакторинг складних систем, де стандартні методи пошуку помилок безсилі.
Чому я швидко знайду і виправлю цей баг:
Повний аналіз Codebase: Я працюю в IDE Cursor. Поки інші розробники будуть вручну простежувати ланцюжки викликів у тисячах файлів Magento, я індексую всю вашу кодову базу. Це дозволяє мені миттєво знайти кожне місце, де використовується .match() та $parent.attr('id'), і проаналізувати контекст їхнього виклику за допомогою ШІ.
Робота з реальними даними: Мені не потрібні догадки. Маючи доступ до Microsoft Clarity, я зіставлю стеки помилок із вашим кодом. Мій метод дозволяє отримати реальну картину: чому об'єкт стає undefined саме в цей момент навігації.
Досвід із "кривим" кодом: Я маю великий досвід «лікування» сайтів на OpenCart та самописних системах, де помилки накладаються одна на одну. Magento 2 для мене — це просто ще одна велика структура даних, яку я вмію ефективно «просканувати» на предмет логічних помилок.
Точковий фікс: Завдяки глибокому аналізу через Cursor, я роблю не «косметичний ремонт», а знаходжу першопричину в JS-логіці (будь то кастомна тема чи конфлікт модулів Mirasvit) і впроваджую надійне рішення.
Мій алгоритм дій:
Етап 1 (Аналіз): Індексація коду -> Пошук вразливих місць -> Зіставлення з сесіями Clarity.
Етап 2 (Локалізація): Визначення конкретного сценарію, який призводить до undefined.
Етап 3 (Фікс): Виправлення логіки та перевірка результату.
Оцінка:
Пошук точного місця помилки за допомогою мого інструментарію зазвичай займає від 1 до 3 годин. Фінальна вартість залежить від масштабу проблеми.
Я готовий показати результат там, де інші розводять руками. Чекаю на доступ до коду та Clarity для старту.
З повагою, Арсеній
Бюджет: 5676 UAH Термін: 2 дні
Вітаю!
Готовий долучитись до проекту. Стек Pug + SCSS + Gulp + Babel — знайомий, працював з такою збіркою, розумію структуру подібних проектів (partials, mixins, оптимізація через Gulp pipeline, webp/svg спрайти).
Недавно закінчив проект з Magento 2 frontend — діагностика та фікс JS помилки Cannot read properties of undefined (reading 'match') в кастомній темі з модулями Mirasvit. Знайшов корінь проблеми, виправив, перевірив через Microsoft Clarity.
Є відгук від клієнта на профілі.
По вашому проекту:
— Працюю з Bitbucket і Git flow, розумію важливість чистих комітів і не ламати існуючий код
— Акуратна робота з існуючою кодовою базою — принципово, не переписую під себе те що вже працює
— Адаптивність, семантика, оптимізація зображень — базові речі
План робіт: https://www.notion.so/Magento-2-bugfix-341ea80ec59480d0beb7dba02f7e38c2?source=copy_link
Готовий почати одразу, маю вільні години найближчі дні. Скиньте будь ласка макети і доступ до репозиторію — подивлюсь обсяг і дам точнішу оцінку по часу на нові сторінки.
Бюджет: 1500 UAH Термін: 2 дні
Мій стек (React/Next.js) ідеально підходить для реалізації сучасних фронтенд-рішень на базі Magento 2.
Безпосередньо з модулями Mirasvit я ще не стикався, але я вивчив їхню документацію та архітектуру.
Помилка reading 'match' зазвичай виникає, коли регулярний вираз намагається обробити рядок, якого немає ("undefined").
1. Знайду на яких саме сторінках це відбувається (Частіше це PLP)
2. З допомогою "Pause on exceptions" визначу який саме файл викликає метод match().
3. Перевірю селектори jQuery.
Швидше за все, в коді теми або модуля Mirasvit є скрипт, який робить вибірку, але через використання кастомної теми метод .parent() повертає не той елемент або елемент без ID.
$5/година
Бюджет: 10000 UAH Термін: 12 днів
Довіртеся професіоналу зі стажем понад 10 років! Ставка та терміни актуальні! Буду радий співпраці! Досвід комерційної розробки інтернет-магазинів на CMS, бізнес-порталів та корпоративних сайтів - 11 років! +CMS: WordPress(+Woocommerce) PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify php/html/css/js/Mysql, PhotoShop/Figma Приклади робіт (з нуля під ключ): https://amari.net.ua/ https://heypretty.gr/ https://spabali.com.ua/ https://thaibalispa.pl/ https://wildandorganic.com/ https://cryptosignals.org/ https://ecnbot.com https://locs-ua.com/ https://www.grower.com.ua/ https://www.alternativemedicine.com.ua/ https://silkkiss.ua/ https://v12coffee.com.ua/ https://smrtalgo.com/ https://sengero.no/ https://beautybysim.no/ https://sonatagalleri.com/ https://www.solmy-realestate.com/ https://www.emmanuel.com.ua/ https://www.onsitecomputersinc.com/ https://express-tehbud.com/ https://korostenporcelain.com.ua/ https://sladok.com.ua/ https://pricemds.com/ https://picupmedia.com/ https://www.serasar.com/
Бюджет: 3000 UAH Термін: 3 дні
Доброго дня.
Маю досвід роботи з Magento 2, зокрема з frontend-частиною: кастомні теми, JavaScript-компоненти, Knockout, jQuery widgets, RequireJS, робота з checkout, каталогом, фільтрами та інтеграцією сторонніх модулів.
З модулями Mirasvit також працював, у тому числі з кастомізацією та діагностикою конфліктів між сторонніми розширеннями і темою.
Як би я шукав причину цієї помилки:
Спочатку проаналізував би записи і визначив точний сценарій, у якому виникає помилка: яка сторінка, який елемент, яка дія користувача передує збою.
Далі перевірив би console stack trace, source maps, Network та ініціалізацію JS-компонентів Magento 2, щоб локалізувати файл і конкретний фрагмент коду, де викликається .match() для undefined.
Окремо перевірив би кастомну тему, Mirasvit-модулі та їхню взаємодію, бо помилка виду $parent.attr('id').match(...) часто виникає, коли код очікує DOM-елемент або атрибут id, але в певному сценарії його немає.
Після цього відтворив би проблему локально або на staging, виправив би саме першопричину, а не просто поставив перевірку для приховування помилки.
Бюджет: 2000 UAH Термін: 1 день
Доброго дня. Маю досвід 10+ років розробки в вебі. Я пройшов довгий шлях від старих Joomla та Bitrix до сучасних Laravel+Vue+React. Знайду та виправлю цю помилку швидко та якісно.
Як би я шукав помилку - зробив би швидкий пошук по файлам де саме в файлах викликается match, також подивився би файли логів. Якщо помилка виникає на кожній сторінці, то очевидно ці скрипти викликаются на кожній сторінці. Не так важко буде знайти цю помилку на справді.
Бюджет: 3200 UAH Термін: 4 дні
Вітаю! Готовий взятися за діагностику та усунення помилок на вашому проекті. Маю досвід роботи з Frontend-частиною складних систем та добре розумію архітектуру JavaScript у високонавантажених e-commerce проектах.
Відповіді на ваші питання:
Досвід з Magento 2: Так, працював з фронтенд-логікою, розумію специфіку RequireJS та роботу з Knockout.js компонентами.
Модулі Mirasvit: Знайомий з їхньою логікою (зокрема Layered Navigation та Search), які часто стають причиною конфліктів у DOM-дереві.
Як би я шукав: * Спочатку проаналізую стектрейс у Microsoft Clarity, щоб знайти файл та рядок.
Помилка match на undefined вказує на те, що скрипт намагається обробити атрибут ID елемента, який ще не відрендерився або був видалений з DOM (типова проблема динамічних фільтрів або пагінації).
Використовуватиму Chrome DevTools (breakpoints на DOM mutations) для відтворення сценарію "нестабільності".
Бюджет: 3000 UAH Термін: 3 дні
Доброго дня, надайте посилання на сайт подивлюсь що до чого. Звертайтесь.
Вітаю! Шановні фрілансери. Необхідно налаштувати передачу товарів з сайту на OpenCart на сайт Пром. Зі збереженням знижки на кількість. При цьому щоб мати можливість зробити націнку на товари, які передаються. Дякую. Прошу звертатися тільки тим, хто не "зникає". Працюю виключно через Сейф
Потрібно впровадити на сайтахOpenCart(3шт) повноцінний механізм керування згодою на використання файлів cookie (Cookie Consent) та налаштувати Google Consent Mode v2. Необхідно: встановити та налаштувати CMP (Cookie Management Platform) або інше рішення для керування згодами користувачів; реалізувати повноцінний банер Cookie Consent із можливістю прийняття, відхилення та налаштування категорій cookie; налаштуватиGoogle Consent Mode v2 черезGoogle Tag Manager; забезпечити коректну передачу статусів згоди доGoogle Analytics 4,Google Ads, а також інших маркетингових сервісів; налаштувати роботу аналітичних та рекламних тегів таким чином, щоб вони запускалися лише відповідно до отриманих дозволів користувача. Наразі банер cookie є лише інформаційним і не керує згодами, а також не передає їхній статус до Google-сервісів. Потрібно виконати повне налаштування відповідно до актуальних вимогGDPR таGoogle Consent Mode v2.
Необхідно додати 129 товарів. Є файл вивантаження з товарами, однак стандартний імпорт не підходить, оскільки перед завантаженням потрібно створити структуру каталогу: категорії, розділи та за необхідності підкатегорії. Після цього виконати імпорт товарів і перевірити, щоб усі картки коректно розподілилися по категоріях. Якщо у вас є досвід виконання подібних завдань, надсилайте приклади робіт, терміни виконання та вартість.
ЩО ПОТРІБНО ЗРОБИТИ Роботи розбиті на блоки, можна братися за все або за окремі блоки: Блок 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. Вартість роботи.