Верстка. Карточка товара. Elementor

Приветствую. Ознакомился со скриншотами текущей и желаемой карточки товара. Задача понятна: нужно полностью переверстать мобильную версию карточки, сделав её более чистой, структурированной и современной, а также убедиться, что десктопная версия отображается корректно.

Так как сайт работает на связке WordPress + XStore + Elementor, здесь есть два пути реализации: кастомизация стандартного шаблона WooCommerce через дочернюю тему (Child Theme) и CSS, либо использование встроенного конструктора карточек в Elementor PRO / XStore Builder (если они активированы).

Я реализую изменения по вашему референсу:

Перенесу блок названия товара, цены и характеристик в правую часть от фото (для десктопа) и сразу под фото (для мобилки). Выстрою аккуратную сетку параметров (категория, коллекция, фасон) слева и цены справа.

Стилизую выбор цвета (круглые аккуратные swatches) и размеров (плитка в один ряд), а также добавлю ссылку на размерную сетку справа от выбора размера.
…
Переделаю кнопки добавления в корзину и покупки в один клик. Кнопки будут располагаться в один ряд: темная лаконичная слева и контурная справа. Шрифт кнопок сделаю более строгим и современным.

Оформлю описание, характеристики и состав в виде аккуратных раскрывающихся списков (аккордеонов) со стрелочками, чтобы не перегружать страницу по вертикали.

Иконку добавления в избранное (сердечко) вынесу на видное место возле изображения или названия.

Метод реализации будет зависеть от того, как сейчас выводится карточка товара — стандартным шаблоном темы XStore или через Single Product Builder в Elementor. Я пропишу стили так, чтобы они не затронули другие страницы сайта и не слетели при обновлении темы.

Добрый день! Мы с коллегой профессионально занимаемся технической поддержкой и развитием магазинов на WooCommerce более 4 лет, поэтому мы поможем вашему проекту на XStore обновить визуальную часть карточек товара до идеального состояния, мы используем чистый код для кастомизации шаблонов темы, что обеспечит стабильность при будущих обновлениях WordPress и Elementor, наш опыт 4 года подтвержден проектами drkukharevich.rivne.ua, crave-agency.com.ua, jk-solution.com.ua, где мы уже успешно выполняли подобную реновацию интерфейсов. Мы гарантируем полное соответствие правому макету ("как надо"), настроим корректное отображение всех атрибутов товара и проверим скорость загрузки новой страницы на мобильных устройствах, работаем надежно и с акцентом на техническую грамотность выполнения.

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

Перевести

Сообщение Gemini
Здравствуйте! Мы с напарником (дизайнер + full-stack) более 4 лет специализируемся на глубокой кастомизации WordPress и верстке сложных e-commerce интерфейсов под XStore, поэтому мы реализуем для вас новую карточку товара с "Pixel-perfect" точностью согласно макету, мы разработаем архитектуру на базе PHP и CSS, чтобы внедрить обновленный дизайн непосредственно в существующую тему через дочернюю тему (child theme) или кастомные хуки WooCommerce, наш опыт в разработке 4 года, посмотрите на наши работы с точки зрения верстки и скорости hyperfi.tech, espressolab.com.ua, hudi.com.ua, мы сделаем основной упор на мобильную версию для максимального удобства UX, сохранив при этом идеальную адаптивность для ПК, а также оптимизируем код, чтобы замена элементов не замедлила работу Elementor.

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

Перевести

👋 Влад, привет! Наша команда создает сайты, которые становятся инструментом роста бизнеса, а не просто визиткой. Лендинги, корпоративные ресурсы, интернет-магазины — все с продуманным UX/UI, адаптивностью и быстрой работой. ⚙️ Используем современные CMS и конструкторы (WordPress, Webflow, Weblium, Wsx, Shopify), подключаем CRM и аналитику для прозрачных процессов и удобного масштабирования. 📩 Давайте обсудим ваши задачи — подготовим стратегическое решение под ваши потребности.

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

Перевести

Здравствуйте, готов выполнить изменения в карточке товара, как на макете, пишите, есть опыт работы с Elementor.

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

Перевести

Здравствуйте, Vlad!

Наша IT-компания создаёт и дорабатывает веб-сайты, которые работают стабильно, быстро и решают конкретные бизнес-задачи клиента. Мы занимаемся разработкой веб-сайтов «с нуля», а также совершенствованием существующих решений, повышая их продуктивность и удобство использования для ваших пользователей.

Мы имеем опыт в:
- разработке адаптивных и быстрых сайтов на различных платформах (WordPress, OpenCart, Shopify, WIX);
- интеграциях с платёжными системами, CRM, внешними сервисами и внутренними системами;
- оптимизации производительности и безопасности сайтов;
- настройке аналитики и базовых SEO-инструментов;
… - разработке программного обеспечения и автоматизации бизнес-процессов: управление клиентской базой, учёт ресурсов, автоматизация повторяющихся задач, интеграции со сторонними системами;

После завершения проекта мы предоставляем 14 дней технической поддержки. В этот период мы помогаем адаптировать систему к вашим бизнес-процессам и консультируем по любым вопросам, связанным с выполненными работами. Это позволяет быть уверенными, что разработанное решение работает стабильно с момента запуска и не требует дополнительных настроек.

Мы работаем структурированно, ответственно - на результат, который соответствует вашим бизнес-целям.

Здравствуйте, Влад.
Быстро выполню вашу задачу согласно описанию, предоставлю гарантии, детали по работе и видеоинструкцию при необходимости. Но есть некоторые уточнения.
Готов обсудить детали и начать выполнение. Окончательная цена/срок после всех уточнений.

Профиль: Freelancehunt
Отзывы: Freelancehunt

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

Перевести

Добрый день!

Могу сверстать и внедрить новую карточку товара в ваш сайт на WordPress (XStore + Elementor), с упором на мобильную версию и корректным отображением на ПК.

Працюю з WordPress близько пів року, роблю акуратно і з урахуванням адаптиву.

По срокам — примерно 1–3 дня, по цене — 30–70$, точнее скажу после просмотра макета. Готов обсудить детали.

Добрый день!

Готов сверстать и внедрить новую карточку товара в ваш сайт (WordPress + XStore + Elementor).

Сделаю:
— точную верстку по макету (как “надо”)
— приоритетную адаптацию под мобильные + корректный вид на ПК
— аккуратную интеграцию без поломок темы
— сохранение совместимости с Elementor
…
Срок: 5ч
Цена: 1000 грн

Готов приступить сразу.

Добрый день. Специализируюсь на WordPress / Elementor / WooCommerce, поэтому могу качественно сверстать карточку товара и интегрировать её в ваш текущий сайт на XStore. Сделаю максимально близко к нужному примеру, с правильной адаптацией под мобильные устройства и десктоп.

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

Перевести

Здравствуйте! Я опытный разработчик WordPress и WooCommerce. С удовольствием помогу вам с версткой карточки товара для вашего сайта. У меня есть опыт работы с Elementor и адаптивной версткой, поэтому все будет выглядеть отлично как на мобильных устройствах, так и на ПК. Жду вашего ответа!

Здравствуйте, готов выполнить верстку карточки товара в Elementor. Опыт работы 3 года, могу быстро и качественно реализовать ваш дизайн. Свяжитесь для уточнения деталей.

Добрый день!
Пишите в личные сообщения. Цену и сроки указал.

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

Перевести

Добрый вечер, могу сделать за пару часов, сделаю быстро и качественно, надеюсь на сотрудничество!

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

Перевести

Привет, заинтересовало, готов начать сразу, детали обсудим

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

Перевести

Здравствуйте! могу сделать вам данные правки, поставлю правильно блоки напишу все стили и выведу нужную информацию, обращайтесь

Здравствуйте! Я ознакомился с вашим проектом и готов начать работу. Гарантирую высокое качество и оперативное выполнение.

Здравствуйте, у меня большой опыт работы с WordPress. Готов сверстать карточку товара и применить на сайте. Выполню быстро и качественно. Предлагаю обсудить детали в личных сообщениях.

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

Перевести

Добрый день. Профессионально занимаюсь веб-разработкой уже более 4-х лет. За это время разработал более 50 сайтов на WordPress, также разрабатывал фронтенд для 10 сайтов. При необходимости могу сбросить примеры работ в личные сообщения. Буду рад ознакомиться с ТЗ и сотрудничать.

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

Перевести

Добрый день, готов сделать, большой опыт работы с WooCommerce и Elementor.

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

Перевести