Сверстать сайт и подвязать его к shopify

Здравствуйте! Задачу понял, готов приступить.
Сверстаю по Figma, сделаю адаптив, модальное оформление заказа с выбором объема/количества, доставкой и оплатой. Подвяжу к Shopify, чтобы все заказы приходили в админку с полной информацией.
Готов обсудить детали и начать работу.

Здравствуйте.Есть опыт с Shopify.Можно увидеть макеты для оценки задания?

✔️ Верстать главную страницу по макету Figma.
✔️ Реализовать модальное окно вместо отдельной страницы товара.
✔️ Добавить выбор объема крема и количества.
✔️ Реализовать шаг оформления доставки и оплаты.
✔️ Передавать все данные заказа в Shopify.
✔️ Настроить создание заказа с полной информацией о клиенте и товаре.

Есть один важный нюанс — нужно сразу определить, через какой механизм Shopify будет создаваться заказ (Cart API, Checkout или Draft Orders), потому что от этого зависит логика оформления и возможности кастомизации.

… У меня есть опыт верстки по Figma и интеграции кастомных форм заказа с Shopify. Делал проекты, где весь процесс покупки происходил на одной странице без переходов на стандартные страницы товаров.

Могу просмотреть макет, предложить оптимальную структуру и сразу приступить к реализации. Обсудим детали интеграции и требования к оформлению заказа.

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

Перевести

Здравствуйте, Анжелика! С удовольствием реализую для вашего бренда крема качественную адаптивную верстку и техническую интеграцию с Shopify под ключ.
Готов приступить к работе прямо сейчас. В отличие от большинства коллег, я честно проверил вашу ссылку на Figma — на данный момент макет закрыт настройками приватности (виден только логотип). Но сама задача по одностраничному сценарию (интернет-витрина) мне полностью понятна и я имею готовое решение. Как именно я реализую этот проект, чтобы всё работало идеально: Чистая адаптивная верстка: Сверстаю главную страницу строго по вашему макету (после открытия доступа) пиксель-в-пиксель. Сайт будет летать и идеально отображаться на любых смартфонах. Умное модальное окно (без перезагрузок): Создам интерактивное всплывающее окно выбора объема баночки и количества крема. Свяжу его с вашей админкой через легкий официальный скрипт Shopify Buy Button JS или Storefront API. При изменении объема (модификации товара) параметры будут обновляться на лету. Передача заказов в Shopify: Настрою кастомный или стандартный быстрый checkout. Данные о покупателе, выбранном объеме, количестве и адресе доставки будут автоматически и в полном объеме создаваться в вашей панели Shopify как готовый заказ или Draft Order.
Мое предложение: Стоимость: 3500 грн (финальную цифру скорректируем после того, как вы покажете макет).Сроки: 3–4 дня. Откройте, пожалуйста, доступ к макету Figma или пришлите скриншоты в личные сообщения. С удовольствием изучу объемы верстки и сразу приступлю к работе. Буду рад сотрудничеству.

Привет! Готов выполнить ваше задание. Есть опыт в разработке сайтов, примеры работ ниже:

https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/

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

Перевести

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

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

Перевести

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

У меня большой опыт работы с Shopify.
Примеры моих работ вы можете посмотреть в портфолио.
Готов выполнить поставленное задание.

Можете предоставить ссылку на действующий макет?

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

Перевести

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

Меня заинтересовал ваш проект.

Я занимаюсь UI/UX и веб-дизайном более 6 лет. Работаю с Figma, создаю современные интерфейсы и сопровождаю проекты до финальной реализации.

Могу помочь с полным запуском проекта:

• адаптивная верстка сайта по макету Figma;
… • интеграция с Shopify;
• реализация модального окна вместо страницы товара;
• выбор объема продукта и количества;
• оформление заказа (доставка и оплата);
• передача всех данных о заказе в Shopify;
• настройка и тестирование пользовательского сценария.

Также уделяю большое внимание качеству реализации, скорости загрузки и корректной работе на всех устройствах.

Портфолио:
Google Drive

Здравствуйте.

Я NodeJS разработчик. Есть опыт с Shopify. Готов взяться. Пишите, обсудим.

Для реализации модального окна выбора объема баночки и количества крема вместо стандартных страниц товаров лучше всего развернуть кастомный функционал на Shopify с помощью Liquid и тем семейства Dawn. Такое решение позволит передавать выбранные модификации (variants) и количество продукта напрямую через AJAX API Shopify прямо в корзину, откуда клиент будет моментально перенаправляться на экран доставки и оплаты. Весь процесс оформления будет происходить без перезагрузки страницы, а полная информация о заказе, включая конкретный объем баночки, автоматически попадет в админ-панель Shopify. Подскажите, открыт ли доступ к макету Figma, так как сейчас ссылка требует авторизации, и сколько всего экранов содержит основная страница для верстки? Я выполню чистую адаптивную верстку главной страницы точно по дизайну, настрою скрипт модального окна с выбором параметров крема и свяжу форму с корзиной сайта. После этого подключу стандартный или кастомный checkout для сбора данных доставки и надежно протестирую отправку тестовых заказов в админку. Примеры моей точной верстки по дизайну из Figma и разработки на Shopify можно посмотреть по адресам https://queensell.com/ и https://www.nyshelves.com/. Срок выполнения составляет 7 дней, стоимость работы под ключ 8500 гривен

В макете только картинка, цена/ сроки могут измениться в зависимости от содержимого макета.

Извиняюсь, вижу в дизайне только логотип, можете скинуть дизайн для точной оценки?

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

Перевести

Здравствуйте, готова выполнить верстку и настройку на Shopify. Пожалуйста, пришлите правильную ссылку на макет, так как там только логотип.

Работы:
* elenis.com.ua
* kontur-sb.com.ua
* ald.com.ua
* diy-ceiling.com.ua
* newbornk.com
Стек:
… Дизайн сайтов: Figma / Photoshop
Верстка: HTML, CSS, PHP, C#, JavaScript, SQL, Sass/SCSS, LESS.
*
WordPress - Elementor - WooCommerce
OpenCart
Shopify
Webflow
WIX
*
Next.js • TypeScript • Tailwind CSS • Laravel • React Native JS • Vue

Подробно можем обсудить в личных сообщениях!

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

Перевести

у нас уже есть практически готовое решение для Shopify с модальным выбором варианта товара, количеством, доставкой, оплатой и передачей заказа в админку - его можно быстро адаптировать под ваш макет, я на связи ))
по сроку - предварительно 10 дней, по бюджету - 28000 грн, если в макете одна основная страница и без нестандартной логики оплаты
ПО Figma есть нюанс - ссылка открыта не полностью для моего доступа, поэтому перед стартом нужен доступ к макету или экспорт основных экранов
задача не только сверстать, а аккуратно подвзать путь заказа к Shopify - варианты товара, количество, контакты, доставка, оплата и полная передача данных
уточню 2 момента - оплата будет через стандартный checkout Shopify или нужен свой шаг оплаты в модальном окне?
и доставка - это фиксированные варианты, API службы доставки или поля для ручного ввода?
из похожего по e-commerce и интеграциям - https://business.ingello.com/eva - ритейл и учет заказов
еще пример - https://business.ingello.com/carveli - интернет-магазин с товарной логикой
главный профиль Ingello для FLH - https://systems-fl.ingello.com

Я бы сразу перестроил логику оформления так, чтобы для покупателя это выглядело как один непрерывный процесс без лишних переходов. Особое внимание уделил бы передаче всех данных в Shopify, чтобы заказы, варианты товара, контакты и доставка корректно попадали в админку.

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

Подскажите, Shopify-магазин уже настроен или его также нужно подготовить? Варианты крема уже созданы в Shopify или их нужно настроить? И какие способы доставки и оплаты должны быть доступны при оформлении?

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

Перевести

Привет!!!

ТЗ понятно, дизайн оценил и срок выполнения 2-3 дня.

Обращайтесь.

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

Перевести

Мы имеем опыт в верстке адаптивных сайтов и интеграции с Shopify. Реализуем дизайн главной страницы, модальное окно выбора объёма и количества крема, подключим процесс доставки и оплаты, настроим передачу полного заказа в Shopify. Готовы выполнить проект в срок.

Привет! Могу быстро сверстать сайт и подключить его к Shopify. Обсудим детали? Верстка сайтов не является дорогим занятием и не занимает много времени.

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

Перевести

Нужно сверстать лендинг по Figma-макету и подключить его к Shopify так, чтобы заказы с выбором объёма и количества уходили в систему с полными данными.

Сделаю так: верстаю HTML/CSS по макету пиксель-в-пиксель, модальное окно с выбором варианта товара (variant picker) и количества. Затем подключаю Shopify Storefront API или Buy Button JS — создаю черновик заказа (Draft Order) или напрямую cart + checkout с передачей выбранного варианта, количества и данных доставки. Оплата идёт через стандартный Shopify Checkout, заказ фиксируется в админке со всей информацией.

Ключевой момент: модальное окно доставки до Shopify Checkout нужно либо реализовать через кастомный шаг, либо пробросить данные через cart attributes — уточните, нужен ли полностью кастомный флоу оплаты или можно редиректить на стандартный Shopify Checkout после выбора товара?

Доброго дня. Заинтересовало ваше заказ. Работаю в веб-разработке более 10 лет. По ссылке там только логотип видно. Для согласования деталей, сроков и цены, пишите в личные сообщения.

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

Перевести