在这一节我们将实现科技产品这个模块，并且学习一些模块的常见的操作
1，本节目标
实现科技产品模块。
2，安装ZFree模板辅助插件 - 为模块增加描述信息
为了方便大家使用使用ZFree模板，特别开发了ZFree模板辅助插件，该插件会为模块增加一个显示参数的TAB栏，在这个TAB栏中，大家可以输入模块的标题和模块的描述。
大家在应用市场中搜索关键词zfree，即可找到 。在线安装即可。记住，安装后需要启用才能看到效果。
3，如何去做
1，在模块管理中，新建一个模块，将模块的类型选择为 “ZMAX商城 - 商品展示模块”，最后的设置截图：
如何在首页放置模块，在这里就不细说了。保存后，刷新前台，你会看到前台的显示的是：
这个和我们想要的结果差很远：
为了实现我们想要的效果，在这里还需要进行一个重要参数的设置——模块的布局。
4，模块的布局
在实际生产过程中，我们会遇到这样的一类问题。同一个数据源，需要有不同的展示效果。就拿上面的截图说明，现在首页需要他是横着展示的，但是在产品详情页面（参考：商品详情页面 - ZMAX商城产品展示模块），希望这个模块显示的产品是竖着展示的。
他们的本质都是同一个模块，只是不同的展示方式而已。这种问题，在程序设计界我们称之为 表现层与逻辑层进行分离。是一种非常好的设计模式。在Joomla中，使用的就是模块的布局这个参数来解决这个问题的。模块布局这个参数，在模块编辑界面的 高级 选项卡中可以看到。如图：
从图中可以看到，有两个选项，一个是default，一个是 ZFree模板体用的grid。在这里我们需要grid（格子）方式展示，保存后，就会看到我们需要看到的结果了。
替代布局这个参数非常的有用，在做网站的时候，灵活的创建多种布局，能够事半功倍。当然，如何创建布局，这个我们在后面的教程中再说。
5，模块的顺序
虽然现在已经可以在前台显示 科技产品这个模块了，但是你会发现 "科技产品"这个模块 居然显示在 "科技改变生活"这个模块的前面。 这明显不是我们想要的。此时我们需要进行调整。(在这里闲话一句。在同一个位置放置多个模块必然会存在着一个问题——模块显示的顺序问题)
我们需要通过需要通过顺序参数来调整模块显示的顺序。模块的顺序参数在 模块的第一个选项卡中。如图：
注意，调整顺序只有在同一个模块位置上才有效。换句话说，只有在你设置了模块的显示位置，保存后，你才能进行位置的调整。当然，除了在模块的编辑页面可以调整位置之外，也可以在模块管理页面进行位置调整，在这里就不演示了。
另外，截图上面有一个显示参数，这个选项，是ZFree模板自带的，如果你没有看到这个参数设置，那么你需要前往插件管理，找找ZFree插件，将其开始即可。这个插件的作用是为你的模块提供模块标题和模块描述的设置。如图：
至此，科技产品部分就完全实现好了。
评论 (0)