Делал работу по макету Figma. Ссылка на макет:
https://www.figma.com/design/hIcVgdcst5WbrzBHtdA0eO/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD---%D0%A7%D0%B0%D1%81%D1%8B?node-id=1-4&node-type=frame&t=vhF82fiuDOSXyuj6-0Ссылка на работу:
Главная:
https://denisvip777.github.io/watch-shop/index.htmlСтраница 404:
https://denisvip777.github.io/watch-shop/404.htmlВариативный продукт:
https://denisvip777.github.io/watch-shop/castom_product.htmlОформление заказа:
https://denisvip777.github.io/watch-shop/checkout.htmllegal Pages (страница Спасибо или Политика конфиденциальности):
https://denisvip777.github.io/watch-shop/legal_pages.htmlАвторизация или создание Аккаунта:
https://denisvip777.github.io/watch-shop/Login_and_create_account.htmlАккаунт пользователя:
https://denisvip777.github.io/watch-shop/my_account.htmlСвязь с поддержкой:
https://denisvip777.github.io/watch-shop/page_contact.htmlСтраница товара:
https://denisvip777.github.io/watch-shop/page_product.htmlСтраница магазина:
https://denisvip777.github.io/watch-shop/page_shop.htmlВерстка сделана на HTML, CSS, JS, Flexbox, Grid. Для иконок сформировал иконочный шрифт. Сделал Popup на странице спасибо, сделал несколько слайдеров Swiper, кастомные checkbox и radio кнопки, табы, и несколько спойлеров. Добавил видео с превью-картинкой. Сделал меню бургер и адаптив под мобильные устройства до 320px, также сайт подстраивается под большое количество контента - редактируйте как вам удобно не боясь что сайт сломается.
Сайт легко сел на CMS Word Press + WooCommerce + Elementor. При посадке на CMS менял минимальное количество файлов WooCommerce (в тех местах, где без этого не обойтись), в основном посадка на WooCommerce сделана с помощью хуков. Некоторые страницы, которые не относятся к WooCommerce, сделал на Elementor путем создания кастомных виджетов.
Магазин готов к первым продажам!
Делал работу 21 день. Примерная стоимость 1100$.
Делал долго, так как это моя первая посадка магазина на WooCommerce.