Joomla组件Zoo作为产品展示之用

在一般的企业网站建设时，企业的产品展示是一个非常重要的环节，目前我所知道的能够构建产品展示的组件有：

1. K2:k2是一个强大的内容管理系统，可以将它看做是Joomla!本身的文章系统的升华版,利用K2可以制作简单的产品展示系统。
2. DJ-catalog：这也是我比较喜欢的一个产品展示组件，页面风格比较清晰，自带有搜索排序功能，支持无限分类，也可以制作一些稍微复杂的产品展示系统
3. mmportfolio：这款产品展示组件的产品图像展示功能做得很好，但是其他方面就相对简单一点了，如果只想做一些图片展示方面的产品，是个不错的选择
4. zoo:这是偶在这里要重点介绍的组件，因为偶实在是太喜欢它了，下面详细介绍。

zoo是一款功能相当强大的组件，它可以用来构建博客系统，可以作为文章发布系统，也可以用来制作文件下载系统，偶今天最主要讲的是用zoo做一个产品展示系统，其他的功能我还不太了解，等以后了解了再讲啊。zoo做产品展示系统我归纳了一下可以做到以下这些功能：

1. 支持无限分类,
2. 支持多重映射，一个产品可以属于多个类别
3. 支持自定义字段，这一点很重要，他不像一些产品展示组件只有简单描述，详细介绍这两块产品描述的地方，他可以有用户自己定义自己要填写一些什么比如：我的产品需要有重量，长度，高度这些说明，就可以通过自己来定义
4. 页面风格可以自己设置，用户自己可以决定要展示一些什么，在哪展示。比如我想在产品列表里只展示产品的名称，价格，及简介而在产品的详细页面介绍里展示详细描写，产品图片，产品规格等着一些就可以由自己控制
5. 可以选择产品是否展示在首页，对每一个产品都可以选择是否展示在首页，这样有些推荐产品就可以在首页就看到了，不需要为首页显示的产品再添加一个类别。
6. 丰富的插件（Element），如：视频、图像、表单、评分等等；
7. 拥有多种产品展示的模块，并且产品展示模块的样式也可以自己编辑相当方便

先看一下安装后，后台的截图吧

图1

zoo目前还没有专门的中文包至少我现在还没有找到，这是安装zoo后首次点击进去的页面我们可以看到上面的红色提醒，按照要求将Mootools Upgrade Plugin插件打开。

我们可以看到上面有八副图片者分别代表zoo拥有的八个功能。我们可以看到有博客，下载，视频，产品发布这些功能，这里我们主要讲的就是产品发布这一块

在上图的左上角我们可以看到一个加号图像和一个齿轮状图像

点击加号图像后显示的页面与上图是一样的，在这里我们点击相应的图片就可以建立一个产品管理系统如图所示：

图2

图3

图2所示可以为系统命名并选择模板，图3所示为此产品展示系统的基本配置，我们将产品系统命名为"产品"配置不变点击保存这是我们可以看到如下图所示：

图4

在图4中我们可以看到产品系统由items(项目)，category(分类)，Frontpage(首页)，Comments(评论)，Tags(标签)，Submissions(意见书),config(设置)组成 在category中你可以创建一个产品的分类，在items中可以创建单个产品，Frontage是首页产品的显示设置，tags可以管理每个产品的标签，config为产品系统的基本配置 我们先创建一个分类命名为"分类",然后点击items创建一个项目如图所示：

图5

我们可以看到这里的产品样式有8个 我们要选的是procuct点击product：

图6

图7

以上两图便是用户可以编辑的产品基本信息了，由上图所看貌似他的产品展示也是死的不能自定义的，那怎么自定义产品的基本信息呢。 举个例子：如果我想要编辑的产品1的基本信息由：价格，材料，重量，长度，高度，适用范围，简介，详情介绍，图片这些功能那我应该怎么做呢？ 哈哈 还没忘记我说的那个齿轮状图像吧 这里是配置产品样式的基本信息的点击齿轮状页面如下：

图8

这里我们要配置的是 product Catalog,点击 product Catalog页面如下：

图9

选择edit element出现页面如下：

图10

图11

图11中我们可以选择编辑的元素比如价格用文本表示，那么点击文本出现如图所示：

图12

将此填写好然后再依次类推制作其他几个自定义字段点击保存这是我们再去产品里创造新项目可以看到：

图13

这样基本的产品够造我们已经基本上可以自己做好了，但是对于产品展示我们应该是要将它放到前台去的那前台展示我们应该怎么办呢？这里为了省点偶的时间，偶就偷点懒用偶已经做好了的一个产品展示系统示范给大家看。 这个网站主要做的是纺织业的产品展示他需要在首页展示一些推荐产品在这里我就用到了fontpage只要自己试着按照我刚才的步骤去添加产品了那你们一定会在添加产品时遇到一个Frontpage的选项将需要推荐的产品选择"是" 在分类产品列表中我需要展示的是产品的一张图片和简介而在产品详细界面是需要展示的是产品的规格以及详细描述。 分类列表如图所示：

图14

详细界面如下图所示：

图15

那在后台应该怎样选择呢我们现在要看的是图9，设计分类列表我们应该点击"teaser"页面如下图所示:

图16

如图所示我们需要显示什么只要将图的右侧元素拖到图的左侧的相应位置就可以了着这幅图里 "name"是产品的名称，"预览图片"是产品的图片，在这里你可以设置图片的长宽，"简介"是产品的简要描述，"Item Link "就是产品详细信息的链接。 同理对与详细页面我们也可以如法炮制，这次我们要点击的是tu9中的"full"链接，至于"feed"以及"related"的作用，就自己参考吧。

至此zoo的基本操作我们已经介绍完了，zoo还有一些配套的模块在图9中我们也可以看到，点击进去也可以自己设置想要展示的元素。这些模块中有很多都是zoo产品展示的模块，只不过是展示的样式不同。

文章转自：Joomla组件Zoo作为产品展示之用。转载文章，若有侵权，请联系本站。