虽然在上一张我们实现了产品这个栏目,但也仅仅只是实现了其列表页面。在本节中我们将看看商品详情页面。

1,本节目标


为商品详情页分配模块,实现相关产品功能

2,我们要做什么?


从产品列表页面点击一个商品,进入到产品详情页面。来对比看看目标网站和我们现在的网站在产品详情页面的区别

我们网站的产品详情页面:

我们网站的产品详情页面.png

目标网站的产品详情页面:

Joomla目标网站的产品详情页面.png

 

通过上图的对比,我们发现两者直接至少存在3点差别,在目标网站中已经标注出来了

  • 1, 选项卡的显示风格
  • 2, 缺少相关栏目这个
  • 3, 网页的背景色。目标网站是有一个灰色的背景色的。

3,如何去做


下面我们来依次解决这个问题。

3.1 选项卡的显示风格设置

解决的方法就是:前往菜单选项参数界面, 将选项卡的显示风格设置为极简。如图:

JoomlaZMAXSHOP设置选项卡的风格.png

3.2,相关产品模块

依据前面学到的知识,我们知道这里应该是放置的一个模块。前往模块管理中,新建一个模块,将模块的类型选择为 “ZMAX商城 - 商品展示模块”。然后进行相应的设置,截图如下:

ZMAXSHOP商品展示模块参数设置.png

这里要注意两点,

第一模块的位置名称为 zmaxshop-content-sidebar. 如何确定模块的位置,请参考 Joomla模板位置预览

第二菜单的指派要设置为 分配到所有的页面。 

4,查看效果


最后的效果如下:

设置模块后的效果.png

至此,我们的页面已经和目标页面接近了很多。

5,关于背景色的问题


第三点背景色的问题并没有忘记,这看似是一个非常小的问题,但实际上要解决他,我们必须学习Joomla的模板风格机制,才能解决。在下一节中我们详说

用户评分: 0 / 5

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