Agota - 干净的最小电子商务 HTML5 模板 preview 1

Agota - 干净的最小电子商务 HTML5 模板

bookmark

Agota 是一套极简风格的电子商务 HTML5 模板，包含首页、商店、博客、购物车、结账等完整页面，适用于快速搭建电商展示型网站。提供 6 种首页变体，支持侧边栏布局和响应式设计。

HTML

项目简介

Agota 是一套极简风格的电子商务 HTML5 模板，包含首页、商店、博客、购物车、结账等完整页面，适用于快速搭建电商展示型网站。提供 6 种首页变体，支持侧边栏布局和响应式设计。

技术栈

  • Bootstrap 4
  • Static HTML5 / CSS3
  • jQuery
  • Slick Slider
  • Google Fonts (Rubik)

项目结构

text
agotahtml-10/
├── agota/
│   ├── index.html 等 30+ 个页面
│   ├── css/
│   │   ├── style.css      # 主样式（含 26 个模块区块）
│   │   ├── bootstrap.css
│   │   ├── responsive.css
│   │   ├── slick.css / nice-select.css
│   │   ├── fontawesome-all.min.css
│   │   └── animate.css / flaticon.css / icomoon.css
│   └── fonts/
│       ├── FuturaStd-Book/   # 自定义英文字体
│       └── flaticon-font/    # Flaticon 图标字体

核心文件说明

  • agota/index.html — 首页入口，含导航、轮播、商品展示区块
  • agota/css/style.css — 主样式表，覆盖全站排版与组件
  • agota/css/bootstrap.css — Bootstrap 框架基础样式
  • agota/css/responsive.css — 响应式断点适配样式
  • agota/shop.html — 商品列表页，支持侧边栏筛选
  • agota/single-product.html — 单品详情页模板

快速开始

直接在浏览器中打开 agota/index.html 即可预览。若本地启有静态服务器，可使用：

bash
# Python 简易服务器
python -m http.server 8080
# 或 Live Server（VS Code 插件）

使用建议

该模板为纯静态页面，适合作为前端展示原型；如需动态功能（如购物车、用户登录），需自行对接后端接口。修改 style.css 中的颜色变量可快速更换品牌色调。

help_outline

常见问题