在这一节我们将实现科技产品这个模块,并且学习一些模块的常见的操作

1,本节目标


实现科技产品模块。

2,如何去做


1,在模块管理中,新建一个模块,将模块的类型选择为 “ZMAX商城 - 商品展示模块”,最后的设置截图:

Joomla商品展示模块.png

如何在首页放置模块,在这里就不细说了。保存后,刷新前台,你会看到前台的显示的是:

产品竖着放.png

这个和我们想要的结果差很远:

产品横着放.png

为了实现我们想要的效果,在这里还需要进行一个重要参数的设置——模块的布局。

3,模块的布局


 在实际生产过程中,我们会遇到这样的一类问题。同一个数据源,需要有不同的展示效果。就拿上面的截图说明,现在首页需要他是横着展示的,但是在产品详情页面(参考:商品详情页面 - ZMAX商城产品展示模块),希望这个模块显示的产品是竖着展示的。

他们的本质都是同一个模块,只是不同的展示方式而已。这种问题,在程序设计界我们称之为 表现层与逻辑层进行分离。是一种非常好的设计模式。在Joomla中,使用的就是模块的布局这个参数来解决这个问题的。模块布局这个参数,在模块编辑界面的 高级 选项卡中可以看到。如图:

Joomla模块的替代布局参数.png

从图中可以看到,有两个选项,一个是default,一个是 ZFree模板体用的grid。在这里我们需要grid(格子)方式展示,保存后,就会看到我们需要看到的结果了。

替代布局这个参数非常的有用,在做网站的时候,灵活的创建多种布局,能够事半功倍。当然,如何创建布局,这个我们在后面的教程中再说。

3,模块的顺序


虽然现在已经可以在前台显示 科技产品这个模块了,但是你会发现 "科技产品"这个模块 居然显示在 "科技改变生活"这个模块的前面。 这明显不是我们想要的。此时我们需要进行调整。(在这里闲话一句。在同一个位置放置多个模块必然会存在着一个问题——模块显示的顺序问题)

我们需要通过需要通过顺序参数来调整模块显示的顺序。模块的顺序参数在 模块的第一个选项卡中。如图:

Joomla设置模块调整顺序.png

注意,调整顺序只有在同一个模块位置上才有效。换句话说,只有在你设置了模块的显示位置,保存后,你才能进行位置的调整。当然,除了在模块的编辑页面可以调整位置之外,也可以在模块管理页面进行位置调整,在这里就不演示了。

另外,截图上面有一个显示参数,这个选项,是ZFree模板自带的,如果你没有看到这个参数设置,那么你需要前往插件管理,找找ZFree插件,将其开始即可。这个插件的作用是为你的模块提供模块标题和模块描述的设置。如图:

ZFree模板提供的参数.png

至此,科技产品部分就完全实现好了。

 

 

 

用户评分: 0 / 5

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