opencart二次开发经验分享之-修改联系方式页面

opencart我也才玩两天,要说多的经验我没用,不过或多或少还是可以总结一点的,首先,我们要判断文件在哪里,这个,可以从网址中得出,首先我们打开联系方式,得到以下一个网址:

http://www.yijubh.com/index.php?route=information/contact

在这个网址中,最后面是information/contact,也就是,这个文件位于主题目录下的/template/information/目录,在这个目录找到的contact.tpl即可,完整的目录应该是网站根目录/catalog/view/theme/default/template/information/

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

首先我们打开这个文件,然后用谷歌浏览器打开我们自己的网站的联系方式页面,右击查看元素,然后一个个定位,这时候可以看到一个<div id="center">这样的地方,就开始接近了,然后我们继续往下看有个<h1>联系我们</h1>,然后我们打开刚才那个文件查看到这样一段代码:<h1><?php echo $heading_title; ?></h1>,这里也就是对应了,然后我们继续精确位置看到有个<h2>商店地址</h2>,下面的是<div class="contact-info">,这里我们看到源码这里可以看到对应的:

<h2><?php echo $text_location; ?></h2>
<div class="contact-info">

这样的代码,然后我们根据根据div的规则,也就是<div>后面肯定有个</div>这样一个规则确定这个<div class="contact-info">的结束的位置,后面加上这样一句:

<h2>客服人员</h2>
<div class="contact-info">

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

<h2>客服人员:</h2>
<div class="contact-info">
<div class="content">
<div class="left"><b>客服-A</b><br />QQ:xxx<br />旺旺:xxx</div>
<div class="right"><b>客服-B</b><br />QQ:xxx<br />旺旺:xxx</div>
</div>
</div>

这里left是左边的,right是右边的,CSS里面早就定义过了,我们只是模仿商店地址这里的div重新建立一个罢了!这里仅仅举个例子,大家还要懂得如何举一反三!

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

opencart二次开发经验分享之-修改联系方式页面

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情