Верстка и посадка на CMS интернет-магазина по продаже Часов
Делал работу по макету Figma. Ссылка на макет:
Ссылка на работу:
Главная:
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.html
legal 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 путем создания кастомных виджетов.
К сожалению могу дать ссылку только на верстку т.к. сайт опубликован на GitHub
Магазин готов к первым продажам!
Делал работу 21 день. Примерная стоимость 1100$.
Делал долго, так как это моя первая посадка магазина на WooCommerce.