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是你当前使用的主帖文件夹名
您可以选择一种方式赞助本站
支付宝扫一扫赞助
微信钱包扫描赞助