## 添加分类 由于magnto命令行导入sampledata的方式要依赖于composer，而该测试数据经常下载失败，所以我们手动填充一些商品和分类数据。 Backend -- CATALOG -- Categories 添加两个子分类 man,women ![](https://img.kancloud.cn/01/52/015248f8802e93a213c0d45b5ec5b678_729x415.png =800x) ***** ## 添加商品 Backend -- CATALOG -- Products 点击右上角的Add Product： 分类选择男装(man) ![](https://img.kancloud.cn/69/f1/69f1521766cb3474992668cdbacd4dd6_1496x1096.png =800x) ## 查看前台页面 ![](https://img.kancloud.cn/87/26/8726beb20477cef0df767f31ccc0b0c5_1219x1124.png =800x) <blockquote class='info'>为了方便测试，大家可以添加更多商品</blockquote> ## 填充首页数据： * 首页内容比较特殊，是采用CMS方式实现的 登录后台： CONTENT-- Pages: ![](https://img.kancloud.cn/98/48/9848df7f3764606d4deb15fcbf15ea84_558x623.png =800x) * 选择：Home Page -- Select-- Edit编辑 ![](https://img.kancloud.cn/53/5e/535e868b366e0927533cfb942b756fb9_2236x430.png =800x) * 默认的首页只有一行文字。点击编辑器上方的页卡,添加商品： ![](https://img.kancloud.cn/3a/bb/3abb3af0b1de48a91fac29f92b9bd881_1262x621.png =800x) * 选择InsertWidget 添加小部件 选择Catalog Products List ![](https://img.kancloud.cn/6a/34/6a3411446cee27a944985594f8ad87b0_800x340.png) * 我们这里选择展示5个商品，默认不添加条件： ![](https://img.kancloud.cn/d8/d5/d8d523dee21aee8883158dc266a6f0ee_1836x1096.png =800x) * 添加后切换“Show/Hide Editor” 可以显示html界面，或者生成的代码。代码界面如下： ![](https://img.kancloud.cn/f7/b8/f7b87478fd75b601ff1889d67724ae8d_2075x415.png =800x) * 编辑后保存，首页展示效果： ![](https://img.kancloud.cn/50/e8/50e866d33e2eec1522f0aea8b1aae823_2249x1140.png =800x) <blockquote class='info'>至此，我们首页，分类页的商品数据添加完成！</blockquote>