Большой HTML шаблон интернет-магазина на Twitter Bootstrap

Большой HTML шаблон интернет-магазина на Twitter Bootstrap

Приветствую, друзья. В этой статье я выкладываю для вас большой многостраничный HTML шаблон интернет-магазина. Это лёгкий, простой шаблон с абсолютно любым функционалом любого интернет-магазина от фильтра до личного кабинета с историей заказов. Шаблон сделан на фреймворке Twitter Bootstrap 5, и те кто верстает на этом фремворке быстро разберется в верстке. В архиве 25 страниц: 3 главных страницы, 2 страницы продукта, страница магазина с фильтром, о нас, контакты и много страниц личного кабинета. 

Немного подробнее о шаблоне

Первая главная страница выглядит так

По этой странице можно сразу понять какой дизайн у всего шаблона. Помимо этого есть еще 2 дизайна главной странице, подробнее смотрите в "Демо". А так выглядит страница товара:

На ней имеется слайдер фотографий, а также выбор опций товара. Также есть второй вариант дизайна страницы товара. А вот дизайн страницы корзины

Есть даже раздел с блогом, с дизайном страницы поста. Регистрация, редактирование профиля, управлением заказом и прочее.

Конечно, чтобы этот интернет-магазин работал, например, как этот https://www.bronnitsy.com/catalog/koltsa/pomolvochnie-koltsa/ нужно проделать еще огромную работу. На системе Modx Revolution создать магазин можно на основе minishop2, подключив msearch2 для поиска по каталогу, а самое главное для создания фильтра. Фильтр необходим интернет-магазину, если у вас более 50 наименований товара. О том как создать интернет-магазин я расскажу подробно в следующих статьях. Чтобы использовать все страницы эторго шаблона по назначению вам нужно будет реализовать следующий функционал:

  • Систему добавления товара в корзину (minishop2)
  • Фильтрация и поиск товаров (mSearch2)
  • Опции товара: цвет, размер (msOptionsPrice2)
  • Личный кабинет управлением заказами и профилем (Office)

Это основное. Еще можно поставить отзывы к товарам, систему рекламных баннеров, оплату заказа картами и так далее.

Шаблон подойдёт для любой тематики, но больше всего по дизайну он подходит для интернет-магазина одежды, ювелирных украшений. Дизайн лаконичный, черно-белый. На нём приятно искать информацию, а в документации вы найдёте элементы, с помощью которого можно настроить любой функционал: табы, превью товаров, фильтры, слайдер, ползунок стоимости, иконки, кнопки и многое многое другое. 

Спонсором статьи выступил интернет-магазин Бронницкий Ювелир, который продаёт помолвочные кольца. На примере этого магазина можно посмотреть каким должен быть интернет-магазин и как должны функционировать фильтры, система заказа и оплаты. Этот HTML шаблон отлично подойдёт для создания такого интернет-магазина. 

Помогла статья? Угости чашечкой кофе =)

Если вы не видите кнопку "Скачать"
отключите блокировщик рекламы

Комментарии ()

    Не то, что искали? Воспользуйтесь поиском