Легкий, одностраничный интернет магазин «GoodMark» на JavaScript

Время разработки интернет магазина не превысило недели! Это связано с отсутствием большого количества функционала и реализацией на JavaScript. Данный интернет магазин представляет собой одну страничку, разделенную на 4 части:

  1. Главная страница;
  2. Каталог товаров;
  3. О магазине и условия обслуживания;
  4. Контакты.

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

В разделе каталога интернет магазина можно воспользоваться JavaScript поиском по продуктам. Обычные поиски по сайтам обращаются к базе данных и выполняют поиск там, но в данном проекте, при вводе текста в поле поиска спустя 2 секунды после ввода (т.к. кнопки «поиск» нет) скрипт выполняет поиск по странице.

При нажатии на продукт, страница закрывается белым полупрозрачным слоем и появляется описание товара и кнопка «Добавить в корзину». При этом если пользователь не нажал на картинку, а кликнул по наименованию товар автоматически добавляется в корзину. Корзинка выезжает из-за края экрана, оповещая о добавлении товара.

Если товар добавлен в корзину его наименование подсвечивается светло-синей кнопкой.

После нажатия на изображение корзины контентная часть страницы перекрывается белым слоем и появляется список товаров, находящихся в корзине и поле для ввода E-mail’a для связи с покупателем.

Хотите такой же?


Хочу такой же сайт! Посмотреть сайт
Вверх!

Меню блога

Категории блога

Облако тегов