HutBazar — это современный и элегантный сайт электронной коммерции, созданный с использованием HTML, CSS, Bootstrap, JavaScript, jQuery и различных плагинов jQuery. Этот статический шаблон разработан для бесперебойного онлайн-шопинга, предлагая визуально привлекательную домашнюю страницу, подробные страницы продуктов, слайдеры и магазин с несколькими поставщиками. Всего 20 страниц, он включает в себя основные функции электронной коммерции, такие как добавление в корзину, список желаний и плавный процесс оформления заказа. Идеально подходящий для компаний, ищущих стильное присутствие в Интернете, шаблон HutBazar также обеспечивает адаптивный дизайн для мобильных и настольных устройств. Кроме того, он предлагает расширенные возможности фильтрации, удобную навигацию и настраиваемые категории продуктов. Это делает его идеальным решением для современных интернет-магазинов, стремящихся предоставить клиентам интуитивно понятную и эффективную платформу для покупок. Кроме того, шаблон оптимизирован для поисковых систем, что обеспечивает большую видимость и рост трафика.
Все страницы:
- Домашняя страница
- Страница продукта
- Страница сведений о продукте
- Страница категории
- Страница списка желаний
- Страница корзины
- Страница оформления заказа
- Страницы панели управления пользователя
- Страница поставщика
- Страница «О нас»
- Страница блога
- Страницы входа и регистрации
- Страницы условий и конфиденциальности
Домашняя страница:
Это основная страница для любого веб-сайта. У нее есть несколько функций. Например, фильтр Top categories . Здесь мы перечислили некоторые выделенные категории. Если вы нажмете на ссылку любой категории, она перенесет вас на страницу всех категорий, где мы перечислили все категории, которые есть на нашем сайте. Пользователи могут настраивать категории в соответствии со своим выбором.
Затем у нас есть раздел Баннер . Здесь мы даем слайдер последних объявлений. Размер изображений слайдера баннера должен быть 1400x622 px. Затем мы указали наши самые популярные услуги, такие как система поддержки, предложение купонов и гарантия возврата денег. Затем у нас есть раздел, в котором мы показываем некоторые самые эксклюзивные доступные предложения по различным категориям.
Затем у нас есть раздел Trending products . Здесь отображаются некоторые из самых популярных продуктов. Нажав на view more, вы попадете на страницу всех продуктов. Наведя курсор на изображение продукта, вы можете получить 3 опции — добавить в корзину, добавить в список желаний и просмотреть подробности.
Аналогично у нас есть разделы «Новые поступления» и «Доступные предложения».
Кроме того, на всех страницах есть верхняя панель, верхний колонтитул, навигация и нижний колонтитул .
Страница продуктов:
На этой странице представлены все доступные продукты. Размеры изображений продуктов должны быть квадратными, и все изображения должны иметь одинаковые размеры. Затем у нас есть параметры фильтрации, такие как фильтр по категории, фильтр по бренду, фильтр по размеру и многие другие. Затем у нас есть параметр сортировки, чтобы сортировать продукты по новым товарам, старым товарам и по самым продаваемым. Затем у нас есть параметр разбиения на страницы. При нажатии на изображение продукта вы перейдете на страницу с подробностями о продукте.
Здесь некоторые изображения продуктов имеют некоторые теги, такие как распродажа, новый или нет в наличии. Мы используем классы product-badge-red , product-badge-green , product-badge-brown для соответствующих тегов. Пользователи могут настраивать текст в соответствии со своими предпочтениями. Изначально эти теги выровнены по левому краю. Если пользователи хотят, чтобы какой-либо тег был выровнен по правому краю, им нужно определить классы, такие как product-badge-right-red , product-badge-right-green , product-badge-right-brown и т. д.
Страница сведений о продукте:
Здесь у нас есть изображение продукта и некоторые подизображения продукта. Затем у нас есть название продукта, краткие сведения о продукте, цена продукта, спецификация продукта, обзор и раздел добавления обзора. Затем мы также отображаем некоторые связанные продукты в виде слайдеров.
Страница категории:
Здесь мы показываем все типы категорий. Нажимая на отдельную категорию, мы получаем связанные с ней продукты.
Страница списка желаний:
Здесь у нас есть список продуктов, которые мы помещаем в наш список желаний. Мы можем добавлять товары в корзину или удалять товары из списка желаний.
Страница корзины:
Здесь у нас есть список продуктов, которые мы кладем в корзину. Мы можем удалить товары из корзины. Мы можем обновить корзину и обработать для оформления заказа.
Страница оформления заказа:
Здесь мы должны указать адрес выставления счета или мы можем получить информацию из базы данных. Затем мы можем применить код купона, если он у нас есть. Затем, если все в порядке, наш заказ будет подтвержден, и мы получим сообщение с подтверждением.
Страница панели управления пользователя:
Здесь у нас есть обзор, заказы, адрес и информация о счете. В обзоре мы можем увидеть общее количество заказов, которые мы разместили до сих пор, затем наши отложенные заказы и наши доставленные заказы.
В заказах мы можем иметь таблицу наших размещенных заказов. Нажав на просмотр, мы можем увидеть детали этого заказа.
В разделе «Адрес» мы можем видеть наш адрес выставления счета и доставки, а также можем редактировать их.
В аккаунтах мы можем изменить данные нашего аккаунта. Мы можем изменить наше имя, адрес электронной почты, пароль или другую информацию.
Страница поставщика:
Здесь представлен список всех поставщиков и магазинов, связанных с нашим сайтом.
Страница «О нас»:
Здесь мы даем краткое описание наших основных целей, нашей миссии-видения, наших ценностей и т. д. Вкратце расскажем об услугах веб-сайта.
Страница блога:
Здесь у нас есть краткий обзор блогов. Нажимая на изображения или «читать далее», мы можем увидеть детали блога.
Страница входа и регистрации:
Это страница входа и регистрации пользователей. Здесь они могут создать профиль на сайте.
Страница «Условия и конфиденциальность»:
Это страницы с условиями использования веб-сайта и информацией, касающейся конфиденциальности.
Избранные предметы
Ниже перечислены наши самые популярные товары:
- Чистый, простой и элегантный дизайн
- Анимированный и уникальный прелоадер
- Добавить в список желаний/корзину
- Просмотр сетки продуктов
- Список категорий
- Список поставщиков
- Удобная панель управления
- Минимальное, но красноречивое описание продукта
- Простое и удобное навигационное меню
- Привлекательный баннер продукта
- Оптимизированное качество изображения
- Премиальный и привлекательный дизайн
- Простота и удобство использования
- Полностью адаптивный макет
- Совместимость со всеми браузерами
- SEO-дружественный
- Код, проверенный W3C
- Хорошо прокомментированный код
- Хорошо документированный шаблон
- Легко настроить
- Бесплатные шрифты Google
- Изображения, не защищенные авторским правом
- Бесплатная быстрая поддержка