Доробка верстки Magento 2: CSS, RTL, мобільний, міні-картка

Доброго дня. Можу підключитися до точкових frontend-правок: CSS/LESS, мобільний, RTL, зона натискання minicart та зміщення макета. Формат без локального Magento підходить: діагностика через DevTools, правки в вихідниках теми, потім зрозумілий diff/коміт для вашої збірки.

З RTL працював на рівні dir/direction/logical properties, переповнень, чисел/цін/SKU в LTR всередині RTL. CLS зазвичай дивлюсь через Performance/Layout Shift Regions, розміри зображень, шрифти, lazy/render timing та CSS, який змінює геометрію після завантаження. Почати можу з конкретних URL та списку багів.

Показати оригінал

Перекласти

Доброго дня.

Готовий підключитися до завдання з точкової доопрацювання frontend-частини Magento 2.

За описом бачу, що завдання не про "просто виправити CSS", а про акуратну діагностику frontend-дефектів: адаптив, RTL, minicart, hit-area, layout shift/CLS та правки в вихідниках теми з зрозумілим diff/комітом. Такий формат мені підходить.

За досвідом: працював з e-commerce проектами та frontend-допрацюваннями діючих сайтів: HTML/CSS/LESS, адаптивна верстка, Flexbox/Grid, виправлення візуальних багів, проблем з відступами, переповненнями, клікабельними зонами, z-index, поведінкою елементів на mobile/desktop. З Magento 2 готовий працювати саме в рамках frontend-частини теми: CSS/LESS, layout/frontend templates за необхідності, без втручання в backend.

З RTL-версткою знайомий: розумію особливості dir="rtl", direction, unicode-bidi, дзеркалювання відступів/позиціонування, переповнення badge/лічильників, а також випадки, коли окремі елементи краще залишати в ltr, наприклад, числа, ціни, SKU, email.
…
Причину layout shift / CLS зазвичай шукаю через Chrome DevTools: Performance, Lighthouse, Network, повільний 3G/CPU throttling, перевірка розмірів зображень, late-loading CSS, webfonts, lazy-load, placeholders, ініціалізація галереї/слайдера, відсутність width/height або aspect-ratio. Після цього фіксую не симптом, а джерело зміщення.

Працювати без локального розгортання Magento зможу, якщо буде доступ до потрібних вихідників теми та можливість перевірити поведінку через DevTools на live/staging URL. Правки можу віддати у вигляді зрозумілого diff/коміту. Збірку статики та деплой, як ви вказали, виконує ваша сторона — це ок.

Щодо вартості: попередньо оцінив би таке завдання в діапазоні 6–12 годин, але точніше скажу після перегляду URL та списку конкретних дефектів. Якщо виявиться, що minicart пов'язаний не тільки з CSS/hit-area, а з Magento JS/customer-data/cache, окремо позначу це до внесення правок.

Почати можу найближчим часом. Пропоную спочатку коротко зателефонувати, подивитися проблемні URL, зафіксувати список багів і після цього пройтися по ним за пріоритетом: minicart, RTL, mobile/desktop візуальні дефекти, а потім CLS/layout shift.

Показати оригінал

Перекласти

Привіт, як ти сьогодні?

Так, я працював з фронтенд-завданнями Magento 2 та подібними проектами електронної комерції, включаючи кастомні теми, виправлення адаптивності, поведінку міні-картки та проблеми з UI, пов'язані з оформленням замовлення.

Я також маю досвід роботи з RTL-розмітками, включаючи обробку напрямків, логічні CSS-властивості, проблеми з переповненням, дзеркальне позиціонування та змішані LTR RTL елементи.

Для проблем з CLS та зміщенням розмітки я зазвичай починаю з інструментів Performance та Rendering у Chrome DevTools, щоб визначити, які елементи зміщуються під час початкового рендерингу. Після цього я перевіряю розміри зображень, асинхронні шрифти, затримані CSS, динамічні блоки, ліньке завантаження та JS, який змінює розміри після гідратації.

Для нестабільної поведінки міні-картки я зазвичай перевіряю слухачі подій, z-index, перекриваючі елементи, області вказівника та динамічні оновлення DOM, оскільки в Magento ці проблеми часто пов'язані з переопределеннями тем або відкладеними скриптами.
…
Працювати без локального розгортання Magento не є проблемою. Якщо доступ до DevTools та файлів джерела теми доступний, я можу діагностувати та підготувати точні виправлення LESS або CSS з чистими дифами або комітами.

Дякую.

Показати оригінал

Перекласти

Добрий день! 1. Сертифікований Мадженту фронт з 9-річним досвідом. 2. Так, досвід з RTL був. 3. Як ви зазвичай шукаєте причину зміщення макета / CLS? – інспектор і досвід. 4. Стилі і навіть скрипти можна редагувати навіть без розгортання, просто в адмінці пункти додавання коду в конфігурацію теми. 5. Ставка обговорюється. 6. Вільний від проектів, готовий починати.

Показати оригінал

Перекласти

Я робив strefaluster.pl — інтернет-магазин на Shopify, де впроваджував адаптивний фронтенд, виправляв поведінку кошика при різних роздільних здатностях і усував зміщення макета на картках продуктів.

CSS/LESS налагодження без локального середовища — це мій стандарт — діагностую через DevTools (Performance → Layout Shifts, Event Listeners на minicart, Network для FOUC), пишу точкові виправлення в джерелах теми і надаю зрозумілий diff/commit. З RTL працював на ou-uv.com — багатомовна CMS з напрямком тексту: dir=rtl, margin-inline-start замість margin-left, unicode-bidi, позиціонування елементів flex після зміни напрямку. CLS шукаю через Chrome Performance: дивлюсь, який елемент змінює bounding box при першому рендері — найчастіше зображення без width/height або font swap перед FOUT. З Magento 2 не працював безпосередньо як fullstack, але тема Magento 2 — це LESS + Require.js + XML layout — точкові виправлення CSS/LESS ідентичні як на будь-якому іншому проекті e-commerce. Робота через DevTools і джерела теми без локального середовища — цей формат мені підходить.

Що я зроблю:
- Діагностика і виправлення точкових дефектів макета (desktop + mobile)
- Виправлення RTL: напрямок тексту, відступи/padding, переповнення лічильників і кнопок
- Виправлення minicart: аналіз Event Listeners, виправлення зміщеної області натискання
- Виправлення CLS на картці продукту (зображення, що зміщується при першому завантаженні)
… - Виправлення в CSS/LESS джерелах теми + зрозумілий diff/commit готовий до впровадження через Ваш сайт

--- ОПЦІЇ ---

A) Стандарт: 200 EUR (7 днів) — всі пункти з брифу, diff/commit готовий до деплою
B) Розширений: 320 EUR (7 днів) — додатково аудит інших дефектів CSS/UX, видимих на сайті, і оптимізація CLS score для ключових підсторінок — найкраще співвідношення обсягу/ціни
C) Преміум: 420 EUR (7 днів) — повний фронтенд-аудит, звіт Lighthouse, пропозиції подальших оптимізацій продуктивності

Час виконання: 7 днів. Потрібен набір URL з дефектами і доступ до джерел теми.

- strefaluster.pl — Shopify e-commerce, кастомний CSS, адаптивність, UX кошика
- poseidon.codezerogroup.com — складний веб-додаток, React/Next.js, корпоративні системи
- ou-uv.com — багатомовна CMS Flask/Python, RTL, API інтеграція

5 років у фронтенд-розробці — від лендінгів до складних систем e-commerce.

Надайте URL сайту і список дефектів — почну з аудиту DevTools і повернусь з планом виправлень перед початком транзакції.

Показати оригінал

Перекласти

Привіт!
З задоволенням допоможу з правками по вашому проекту. Маю досвід роботи з Magento, хоча працював з ним давно, але спеціалізуюсь на e-commerce (Opencart, Woocomerce, MODX, самописні на фреймворках).
Є досвід з усім вищезазначеним, не проблема, головне для зручності будуть потрібні вихідники css і js.
Вартість вказав мінімальну, оцінку зможу сказати, коли побачу сайт.
Думаю, що впораюся швидко, пишіть.

Показати оригінал

Перекласти

Добрий день!
Відповідаю по вашому списку:

1. Досвід з Magento 2 / e-commerce Magento 2 як такий - базовий досвід на рівні frontend: структура тем, LESS-компіляція, розуміння як працює тема і де шукати потрібні
файли. Більше досвіду з WooCommerce і кастомними e-commerce рішеннями - каталоги,
картки товарів, кошики.

2. RTL-верстка
Так, є досвід: dir=rtl, logical properties (margin-inline-start замість margin-left), unicode-bidi, перевірка позиціонування flex-елементів при зміні напрямку.
…
3. Як шукаю причину layout shift / CLS
Chrome DevTools → Performance tab → шукаю Layout Shift записи, дивлюсь який
елемент зміщується і в який момент.
Найчастіші причини: зображення без зазначених width/height, шрифти що підвантажуються пізніше (FOUC), динамічно вставлений контент зверху.
Для minicart hit-area - Event Listeners у DevTools щоб побачити на який елемент
реально вішається click.

4. Робота без локального Magento
Так, саме такий формат мені підходить.
DevTools + доступ до вихідників теми - достатньо для точкових CSS/LESS правок.
Diff або коммит - без проблем.

5. Вартість
Від 50EUR за весь список задач - залежно від реального обсягу після перегляду конкретних URL і вихідників.
Готовий обговорити фіксовану ціну після короткого созвону.

6. Старт
Можу почати завтра після короткого созвону і отримання доступів.

—
Роблю сайти та веб-додатки, які приносять результат · Денис Іванченко

Вітаю.
Маю понад 6 років досвіду у frontend-розробці: HTML, CSS/LESS/SCSS, адаптивна верстка, Flexbox/Grid, робота з існуючими e-commerce проєктами та точкове виправлення UI/UX-дефектів без “переламування” структури.
З Magento 2 напряму працював не як fullstack-розробник, але маю досвід із подібними e-commerce проєктами, де потрібно було вносити frontend-правки в готову тему, працювати з DevTools, аналізувати DOM, CSS-каскад, поведінку інтерактивних елементів і передавати акуратний diff/комміт.
Також брав участь у розробці проєкту:
https://takamolholding.com/
Там був досвід роботи з RTL-напрямком, адаптивом, правильними відступами, позиціонуванням елементів і поведінкою інтерфейсу для арабомовної версії.
По RTL розумію нюанси і знаю практичну реалізацію і виправлення
Причини layout shift / CLS зазвичай шукаю через Chrome DevTools: Performance,
Працювати без локального розгортання Magento зможу: через DevTools + доступ до потрібних LESS/CSS/шаблонних файлів теми. Можу діагностувати проблему в браузері, знайти першопричину й підготувати точкові правки для вашої збірки та деплою.
… Орієнтовно можу почати після короткого обговорення і перегляду URL/списку дефектів. По вартості — залежить від кількості багів, але для разової задачі можу запропонувати погодинну оплату або фікс після оцінки обсягу.

Привіт, Володимир Соловйов! Буду радий співпраці з вами. Успішний досвід розробки веб-додатків на Magento2 та SEO-оптимізації. Вартість і термін вказані попередньо, точно після ознайомлення з адмінкою та шаблонами веб-сайту. Портфоліо: Freelancehunt

Показати оригінал

Перекласти