Легкий, одностраничный интернет магазин «GoodMark» на JavaScript
Время разработки интернет магазина не превысило недели! Это связано с отсутствием большого количества функционала и реализацией на JavaScript. Данный интернет магазин представляет собой одну страничку, разделенную на 4 части:
- Главная страница;
- Каталог товаров;
- О магазине и условия обслуживания;
- Контакты.
Товары добавляются и редактируются при помощи правки кода — это основной минус данного интернет магазина. Также к минусам стоит отнести и отсутствие большого количества страниц, что важно для продвижения.
(180 оценок, среднее: 4,80 из 5)В разделе каталога интернет магазина можно воспользоваться JavaScript поиском по продуктам. Обычные поиски по сайтам обращаются к базе данных и выполняют поиск там, но в данном проекте, при вводе текста в поле поиска спустя 2 секунды после ввода (т.к. кнопки «поиск» нет) скрипт выполняет поиск по странице.
При нажатии на продукт, страница закрывается белым полупрозрачным слоем и появляется описание товара и кнопка «Добавить в корзину». При этом если пользователь не нажал на картинку, а кликнул по наименованию товар автоматически добавляется в корзину. Корзинка выезжает из-за края экрана, оповещая о добавлении товара.
Если товар добавлен в корзину его наименование подсвечивается светло-синей кнопкой.
После нажатия на изображение корзины контентная часть страницы перекрывается белым слоем и появляется список товаров, находящихся в корзине и поле для ввода E-mail’a для связи с покупателем.
