Medshop - 健康与医疗电子商务 HTML 模板 preview 1

Medshop - 健康与医疗电子商务 HTML 模板

bookmark

Medshop 是一套基于 Bootstrap 的医疗/药房类响应式 HTML5 网站模板,包含首页、商店详情、购物车、结账、博客、FAQ 等十余个完整页面,适合快速搭建医药电商或医疗服务类网站。

HTMLecommercefirst-aidhealthhealthcarehtmlmedical equipmentmedical store

项目简介

Medshop 是一套基于 Bootstrap 的医疗/药房类响应式 HTML5 网站模板,包含首页、商店详情、购物车、结账、博客、FAQ 等十余个完整页面,适合快速搭建医药电商或医疗服务类网站。

技术栈

  • Bootstrap 5.0.0(布局与组件)
  • jQuery(交互逻辑)
  • Font Awesome(图标)
  • icomoon(自定义图标字体)
  • Google Fonts: Open Sans

项目结构

text
medshop-pack/
├── 1_html_file/          # 完整模板页面
│   ├── index.html        # 首页
│   ├── shop.html         # 商品列表
│   ├── shop-details.html # 商品详情
│   ├── cart.html         # 购物车
│   ├── checkout.html     # 结账
│   ├── blog.html         # 博客列表
│   ├── blog-single.html  # 博客文章
│   ├── contact.html      # 联系我们
│   ├── faq.html          # 常见问题
│   ├── account.html      # 用户账户
│   ├── about.html        # 关于我们
│   ├── testimonials.html # 用户评价
│   ├── coming-soon.html  # 即将上线
│   ├── 404.html          # 错误页
│   └── assets/           # 资源目录
├── 2_doc_file/           # 文档与旧版样式
│   ├── index.html        # 文档首页
│   ├── css/              # 样式文件
│   └── js/               # 脚本文件
└── 3_icon_file/          # icomoon 图标字体

核心文件说明

  • 1_html_file/index.html — 首页模板,含 Banner、服务特性、合作伙伴等区块
  • 1_html_file/shop-details.html — 商品详情页模板
  • 1_html_file/cart.html — 购物车页面
  • 1_html_file/checkout.html — 结账流程页面
  • 2_doc_file/css/style.css — 主样式表,定义全局配色与布局
  • 3_icon_file/style.css — icomoon 图标字体定义

快速开始

直接用浏览器打开 1_html_file/index.html 即可预览完整效果。如需本地服务器,可使用:

bash
npx serve medshop-pack/1_html_file

使用建议

模板提供了三个首页变体(index、index-2、index-3),可根据品牌风格选择。替换 assets/images/ 下的图片和 style.css 中的颜色变量即可完成基本定制。

help_outline

常见问题