在继续阅读下面的文章之前,你需要注意如下的问题:

1,关于商城模板的说明

ZMAXSHOP支持多模板的,在Joomla中,模板就是外观。如果你需要修改商城的外观,那么你就需要修改模板。在这里有一点需要注意,商城的模板和网站的模板是不一样的。

商城的模板只是控制商城组件的输出,并不能完全控制整个网站的输出。商城组件的模板在ZMAXSHOP的组件管理后台中进行安装设置。

网站的模板是可以完全控制整个网站的输出外观的,网站的模板在Joomla的模板管理中进行管理设置,在joomla的扩展管理中进行安装卸载。

他们是两个不一样的内容。

2,科普一下

熟悉joomla的朋友都知道,joomla的模板下有一些html目录,通过在这个目录中创建重写文件夹可以对网站的模块,组件,插件进行重写。这样就可以在不改变扩展(模块,组件,插件)的文件夹的情况下进行定制了。这样做一个很明显的好处就是解决升级造成的问题。因为升级都是直接进行文件的覆盖,如果你通过修改扩展的文件来实现定制,那么下次升级之后,你所有的修改很可能已经没有了。

 

3,既然使用模板的html目录可以对组件进行重写,那么为什么还要独立ZMAXSHOP的商城模板?

这是因为,基本html目录的输出覆盖很好用,但是他存在局限性。具体来说,html目录中,你只能对商城进行一次重写。假设现在你有的商城中有两类商品,一类是手机,一类是衣服。你可能需要这两类商品有完全不一样的界面来展示。在这个时候,系统的模板输出覆盖功能就不能胜任了。基于这一点,我们决定将ZMAXSHOP的模板进行独立,用户可以在后台创建无数的模板,然后通过菜单项指派,轻松实现你想要的任何功能。

 

4,如何解决CSS冲突问题?

CSS的一个特效就是全局性,他引起的一个很明显的问题就是CSS冲突。比喻说为了修改某一个模块的字体大小,在模块的CSS文件中指定了font-size的值。我们发现模块的字体的确按照我们的设置改变了,但是同时,我们也发现网站的其他部分的字体也发生了改变,这并不是我们想要的。

这个问题在Joomla中尤为明显,因为,Joomla的每一个模块很可能来自不同的开发者,而这些开发者很难保证自己写的CSS样式和别人的不冲突。这就是为什么当我安装一个扩展之后,网站有一些部分变得不那么美观的原因了。在ZMAXSHOP的开发中,我们也遇到了这个问题,那么是如何解决的呢?我们使用ZMAXUI库来解决。

ZMAXUI库,是我们修改bootstarp代码而来一个UI库。其使用方法和bootstrap一样。只不过你在调用之前,必须使用zmaxui类进行包裹。另外,所有的bootstarp类之前都加上了zmax-这个前缀。比喻说,你想创建一个按钮,你在bootstrap中的代码是 btn  btn-success  . 你在ZMAXUI中就是 zmax-btn zmax-btn-success .

另外一点,ZMAXUI目前只是bootstrap的一部分,并不完全。关于zmaxui的更多信息,请参阅相应的部分。

5,特殊的命名习惯?

在JS中,我们为了很页面进行互动,需要在页面的HTML元素中增加一些CSS类名或者ID。在ZMAXSHOP中,我们约定,所有以system-开头的类都为系统使用,这些类不具备任何的样式,只是用于JS代码。那么对于开发者来说,你在修改html代码的时候,请注意,不用修改任何的以system-开头的类,不要修改任何的ID.

6,系统自动加载的JS,CSS

如果你需要在你的模板中加入新的JS文件,那么你只需要在你的模板文件夹的js目录中新建一个template.js文件,那么这个文件就会自动被加载了。

同样,如果你需要在你的模板中加入新的CSS文件,那么你只需要在你的模板文件夹的CSS目录中新建一template.css 或者 template_base.css的文件,那么系统就会自动加载了。

 

 

 


文档不够清楚,我还有问题

请将你的问题在下面留言,我们会及时回复

0
  • 目前还没有留言,赶紧抢占沙发