西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > OpenCart教程 >

修改opencart联系方式页面

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

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

https://www.ldhost.cn/help/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是你当前使用的主帖文件夹名

(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容