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

1,本节目标


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

2,我们做什么?


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

ZMAXSHOP在线商城截图.png

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

3,如何做呢?


3.1 安装ZMAX在线商城组件

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

3.2 认识ZMAXSHOP组件

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

Joomla在线商城组件的截图.png

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

ZMAXSHOP商品列表页面.png

关于示范商品的说明:

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

3.3 在前台展示商品

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

zmaxshop在前台展示产品.png

保存后,刷新前台看看效果,截图如下:

Joomla在线商城显示效果.png

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

Joomla菜单项参数设置.png

最终的效果如下:

joomla在线上商城产品列表.png

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

用户评分: 0 / 5

不活动星星不活动星星不活动星星不活动星星不活动星星