Доработка вёрстки Magento 2: CSS, RTL, mobile, minicart

Здравствуйте. Могу подключиться к точечным frontend-правкам: CSS/LESS, mobile, RTL, minicart hit-area и layout shift. Формат без локального 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, slow 3G/CPU throttling, проверка размеров изображений, late-loading CSS, webfonts, lazy-load, placeholders, gallery/slider initialization, отсутствие 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 и подобными проектами электронной коммерции, включая пользовательские темы, исправления адаптивности, поведение миникорзины и проблемы с интерфейсом, связанным с оформлением заказа.

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

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

… Для нестабильного поведения миникорзины я обычно проверяю слушатели событий, индекс z, перекрывающиеся элементы, области указателя и динамические обновления DOM, потому что в Magento эти проблемы часто связаны с переопределениями тем или отложенными скриптами.

Работа без локальной установки Magento не является проблемой.
Если доступ к DevTools и исходные файлы темы доступны, я могу диагностировать и подготовить точные исправления LESS или CSS с чистыми диффами или коммитами.

Спасибо.

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

Перевести

Добрый день!
1. Сертифицированный Маженто фронт с 9 летним опытом.
2. Да, опыт с RTL был.
3. Как вы обычно ищете причину layout shift / 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 или смена шрифта перед 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, логические свойства (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/списка дефектов. По стоимости — зависит от количества багов, но для разовой задачи могу предложить почасовую оплату или фикс после оценки объема.

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

Перевести

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