编写电商产品demo的方法取决于你想要实现的功能和使用的工具。以下是一些基本步骤和示例，帮助你开始编写电商产品的demo。
1. 确定需求和功能
首先，你需要明确电商产品demo的需求和功能。例如，你可能想要实现一个简单的商品列表、商品详情页、购物车、结账流程等。
2. 选择技术栈
根据你的需求和技能，选择合适的技术栈。例如，你可以使用HTML、CSS、JavaScript进行前端开发，使用React、Vue.js等框架来构建用户界面。
3. 设计UI/UX
设计电商产品的用户界面和用户体验。这包括布局、导航、颜色方案、字体等。你可以使用Adobe XD、Sketch等工具进行设计。
4. 编写代码
根据设计稿编写HTML、CSS和JavaScript代码。以下是一个简单的HTML和CSS示例，用于创建一个基本的商品列表：
```html
商品1
价格： ¥100
商品2
价格： ¥200