opencart开发之修改联系方式页面

在做过程中，我们在opencart主题目录下的/template/information/目录里,找到的contact.tpl即可，完整的目录应该是网站根目录/catalog/view/theme/default/template/information/


找到了文件就可以进入第二步--修改


首先我们打开这个文件，然后用谷歌浏览器打开我们自己的网站的联系方式页面，右击查看元素，然后一个个定位，这时候可以看到一个

这样的地方，就开始接近了，然后我们继续往下看有个

联系我们

，然后我们打开刚才那个文件查看到这样一段代码：

，这里也就是对应了，然后我们继续精确位置看到有个

商店地址

，下面的是

，这里我们看到源码这里可以看到对应的：

这样的代码，然后我们根据根据div的规则，也就是

后面肯定有个

这样一个规则确定这个

的结束的位置，后面加上这样一句：

客服人员

这个时候，我们借助元素查看定位大致的了解到这个div的崁套规则，然后写入以下代码：

客服人员：

客服-A
QQ：xxx
旺旺：xxx

客服-B
QQ：xxx
旺旺：xxx

这里left是左边的，right是右边的，CSS里面早就定义过了，我们只是模仿商店地址这里的div重新建立一个罢了。


上面说的路径/catalog/view/theme/default/template/information/中default是你当前使用的主帖文件夹名

阅读(583) | 评论(0) | 转发(0) |

0

上一篇：drupal开发之drupal工作原理

下一篇：没有了

给主人留下些什么吧！~~

评论热议

请登录后评论。

登录 注册