在这一章节中我们将学习ZMAXSHOP组件。来实现网站的产品栏目。ZMAXSHOP是一款由国内ZMAX团队开发的一款在线商城组件，支持国内的操作习惯，支持国内的支付方式和通知方式，可以直接安装到Joomla网站，使用简单，可以非常容易的让你的Joomla增加一个在线商城

1，本节目标

安装ZMAX在线商城组件初步了解这个组件。

2，我们做什么？

我们希望安装了ZMAXSHOP组件后，可以在网站上实现和目标网站一样的产品栏目，截图如下：

在目标网站上 产品栏目有4个菜单，分别是 智能手表，VR虚拟设备，无人机，智能家居。这个4个菜单展示的内容的样式都是一样，都是显示一些列的商品。因此，我们只需要学习一个菜单项的实现就行了。

3，如何做呢？

3.1 安装ZMAX在线商城组件

打开应用市场，在搜索栏中输入关键词 “商城” 或者 “zmaxshop”。即可找到ZMAX在线商城组件。直接在线安装即可。

3.2 认识ZMAXSHOP组件

安装完成后，我们可以直接在应用市场中点击进入管理界面 按钮 来进入ZMAXSHOP组件，也可以通过顶部导航栏 组件—> ZMAX商城 来进入到ZMAXSHOP组件。下面是ZMAXSHOP组件v3.0.0版本的控制面板的截图：

这个组件为国内ZMAX团队开发，纯中文，配备了快速开始使用指南,使用起来并不困难。为了让大家能够更好更快的入门这个组件，ZMAXSHOP自带了测试数据，大家点击 菜单栏的"商品管理"，可以看到已经有了一些测试商品。如图：

关于示范商品的说明：

• 在初始安装的时候，系统自带了两个分类，一个是手机分类，一个衣服分类，通过这个两个商品分类的对比，大家可以看到了解到如何给不同的分类分配不同的字段。
• 演示产品一共有8个，其中每一个产品都有其意义，如：【SKU测试，不同规格不同价格】 vivo X20全面屏手机 这个商品。说明这个产品是用来展示SKU测试的，你会看到不同的商品SKU将会自动对应于不同的价格。

3.3 在前台展示商品

如何在前台展示内容我们直接已经讲过很多了，在这里不作重复。进入菜单管理，找到产品菜单项，将其菜单项类似调整为：ZMAX商城 - 商品列表。然后将产品来源设置为产品分类，将选择分类设置为你需要展示的分类，截图如下：

保存后，刷新前台看看效果，截图如下：

可以看到前台已经出现了产品了，下一步，就是通过调整菜单项参数，对整个页面的显示进行微调了。下面是商品菜单项参数 产品展示设置 选项卡的截图：

最终的效果如下：

大家只要按照上面的方法，完成其他的子菜单项，一个看似复杂的产品展示栏目就这样被我们完成了。不得不为Joomla灵活的扩充性而喝彩了！