微信客服微信客服

商家建站模板开发教程,商家建站模板标签

阅读:1019 评论:0 点赞:0 2023-11-13

模板文件所在目录

电脑模板存放目录“company/template/”,手机模板存放目录 “company/template/wap/”,商家域名绑定程序在( /template/ 和/template/wap/)。在模板目录中,每个文件夹为一个企业建站模板,文件夹名为字母、数字和符号。

注:如果商家建站使用的域名绑定程序,需将模板同时上传到主站company/template目录和商家域名绑定程序template目录


目录包含文件名及说明

top.html                   头部模板

foot.html                  底部模板

index.html                首页模板

products.html          产品列表页模板

photos.html             相册列表页面

news.html                 商家动态列表页模板

search.html              搜索结果列表模板

show.html                 产品内容页模板

showphotos.html       相册内容页模板

shownews.html          动态内容页模板

showsp.html              单页内容页模板

feedback.html           给我留言模板

contact.html               联系我们模板

about.html                 关于我们模板

info.html分类信息列表页面

showinfo.html分类信息内容页面

preview.gif                 模板预览图片

/slidepic/此目录为默认幻灯片图片目录,可以把模板默认的幻灯片图片放在此目录,当用户没有设置幻灯片时,默认调用此目录中的图片

模板开发规划

调用模板目录中的图片或css、js等文件时,可以使用${cTemplatePath}标签代替模板所在目录,因为模板的目录名有可能会被用户改变,使用二级域名或目录方式访问时,模板保存的目录也不同。

例:调用当前模板目录下的css.css文件

<link rel="stylesheet" type="text/css" href="${cTemplatePath}/css.css" />


由于使用域名访问和通过目录访问时,首页、关于我们、产品列表等地址不同。所以统一规范为通过域名访问时的链接,方便在目录访问时系统替换为对应的目录链接。

首页链接 /

手机站首页链接 /wap/

关于我们 /about.html

关于我们手机站 /wap/about.html

联系我们 /contact.html

联系我们手机站 /wap/contact.html

留言 /feedback.html

留言手机站 /wap/feedback.html

产品列表 /products/

产品列表手机站 /wap/products/

相册列表 /photos/

相册列表手机站 /wap/photos/

文章列表 /news/

文章列表手机站 /wap/news/


标签及说明

${top.html}                              调用头部

${foot.html}                             调用底部

${cTemplatePath}                模板目录

${cTopPic}                               商家头部图片 注:商家未上传图片时默认为(当前模板目录/images/top.jpg)

${cTopPic1}                             手机版商家头部图片 注:商家未上传图片时默认为(当前模板目录/images/top.jpg)

${cBgPic}                                 背景图片 注:商家未上传图片时默认为(当前模板目录/images/bg.jpg)

${cPic}                                     商家图标 注:商家未上传图片时默认为(当前模板目录/images/nopic.gif)

${cWeixinPic}                          微信二维码 注:商家未上传图片时默认为(当前模板目录/images/nopic.gif)

${cName}                                商家名

${cId}                                       商家Id

${cUserName}                         商家用户名

${cDomain}                             商家主页地址或域名

${cPoint}                                 商家访问量

${cAbout,0}                             关于我们,数字为限制显示的字数,0为显示全部。

${cYear}                                   当前年份

${cStat}                                    网站统计

${cBeian}                                  网站备案号

${cTemplateName}                  模板文件夹名

${cTitle}                                    网站标题

${cKeywords}                           网站关键词

${cDescription}                        网站描述

${sWebDomain}                       主站域名

${sWebName}                          主站名称

${sWebStat}                             主站统计代码

${cBaiduMap}                          百度地图


<!-- HTML代码${cTel} HTML代码-->           手机

<!-- HTML代码${cPhone} HTML代码-->      电话

<!-- HTML代码${cFaxes} HTML代码-->        传真

<!-- HTML代码${cWeixin} HTML代码-->     微信

<!-- HTML代码${cQq} HTML代码-->           QQ

<!-- HTML代码${cAddress} HTML代码-->  地址

<!-- HTML代码${cBusiness} HTML代码-->    营业时间


调用商家视频(视频由站长在后台为商家上传)

<!--${cVideo}-->html代码${cVideo}<!--${cVideoEnd}-->     调用商家视频,${cVideo}会换成视频地址



文字LOGO和图片LOGO兼容问题

可以用以下标签实现没有上传图片LOGO时,显示商家名文字LOGO

<!--${cImgLogo}-->当是传了图片LOGO显示的内容<!--${cImgLogoEnd}-->

<!--${cTextLogo}-->当没有上传图片LOGO时显示的内容<!--${cTextLogoEnd}-->


举例:

[code_html]<!--${cImgLogo}--><div class="logo"><a href="/"><img src="${cTopPic}" alt="${cName}"/></a></div><!--${cImgLogoEnd}-->

<!--${cTextLogo}--><div class="textlogo">${cName}</div><!--${cTextLogoEnd}-->[/code_html]




调用内容列表

<!--${cBizInfo,0,0,0,0}-->列表内容标签及html代码<!--${cBizInfoEnd}-->


【说明】

数字1:类型 0全部 1幻灯片 2产品信息 3企业动态 4相册 5单页

数字2:是否调用热门 0全部 1普通 2为热门展示

数字3:分类id,如产品、文章、相册的分类,也可以输入分类名

数字4:调用数量


【内部标签】

${pLink}                      链接

${pDate}                    日期

${pSort}                    分类名

${pPic}                      封图

${pPrice}                   价格,无价格显示面议

<!-- HTML代码${pPrice} HTML代码-->  价格,无价格不显示

${pTitle,0}                 标题

${pContent,0}           内容

${kColms_date,"yyyy-MM-dd",0} 自定义日期格式 y替换为年 M替换成月 d替换成日,注M为大写

h替换为时,m替换为分 s替换为秒

例:<div class="date">${kColms_date,"<\h4>dd</\h4><p>yyyy-MM</p>",0}</div>

标签中的<h4>要写成<\h4>,不然h会替换为小时。


调用分类


产品分类

<!--${cProductSortList,0} HTML代码及内部标签-->

文章动态分类

<!--${cNewsSortList,0} HTML代码及内部标签-->

相册分类

<!--${cPhotosSortList,0} HTML代码及内部标签-->


【说明】

数字1:调用数量

【内部标签】

${pSort}              分类ID

${pTitle}              链接字

${pLink}              链接


例:

<div class="home-title-more">
<a href="/news/" class="active">全部</a>
<!--${cNewsSortList,0}<a href="${pLink}" title="${pTitle} ">${pTitle} </a>-->
</div>


调用友情链接

<!--${cLink,0} HTML代码及内部标签-->


【说明】

数字1:调用数量

【内部标签】

${pTitle}              链接字

${pLink}              链接


调用网站导航

${cWebIndex}                                   网站导航

注:网站导航输出格式 <li class="fi">导航链接1</li><li>导航链接2</li>...<li class="ei">导航链接N</li>


自定义导航

<!--${cWebIndex,0} HTML代码及内部标签-->

【说明】

数字1:调用数量

【内部标签】

${pTitle}              链接字

${pLink}              链接



搜索表单格式


例子:

<form method="get" name="myform1" action="search.aspx">

<input type="hidden" name="u" value='${cId}' />

<input type="text" name="k" value="关键词" onfocus="javascript:if(this.value=='关键词')this.value='';" size='20' />

<input type="submit" value="搜索" />

</form>


说明:

可以自己添加各种样式和代码。表单的提交页面为search.aspx ,提交方式为get

表单必需包含的内容有<input type="hidden" name="u" value='${cId}' /> 用来记录企业ID。

手机版搜索表单要有<input type="hidden" name="r" value="wap" />用来标记手机搜索。

<input type="text" name="k" value="关键词" onfocus="javascript:if(this.value=='关键词')this.value='';" size='20' />用来输入搜索词。

<input type="submit" value="搜索" /> 提交搜索的按钮。



商家留言调用

<!--${cFeedback,20} HTML代码及内部标签-->


【说明】

数字1:调用数量

【内部标签】

${pDate}              留言日期

${pContent}         留言内容



幻灯片调用

<!--${cHot,20} HTML代码及内部标签-->


【说明】

数字1:调用数量

【内部标签】

${pPic}              图片地址 默认为nopic.gif

${pLink}             链接地址

${pTitle,0}           标题

${pContent,0}       内容

${pDate}             发布日期


注:模板开发者可以为模板设置默认幻灯片图片,当用户没有上传幻灯片时,显示默认图片,在模板目录创建slidepic目录,将默认幻灯片图片放在slidepic目录,模板处理程序会自动调用。





列表页面


news.html企业动态列表模板

<!--${cNewsList,20} HTML代码及内部标签-->       企业动态列表调用,数字为每页显示的数量


products.html企业产品列表模板

<!--${cProductsList,20} HTML代码及内部标签-->  企业产品列表调用,数字为每页显示的数量


photos.html企业相册列表模板

<!--${cPhotosList,20} HTML代码及内部标签-->     企业相册列表调用,数字为每页显示的数量


info.html调用用户发布的分类信息列表

<!--${cInfoList,20} HTML代码及内部标签-->调用用户发布的分类信息列表,数字为每页显示的数量


search.html搜索结果列表模板

<!--${cSearchList,20} HTML代码及内部标签-->     搜索结果列表调用,数字为每页显示的数量

${cKeyword}                                                  搜索页面调用当前搜索词


<!-- HTML代码${cSortName} HTML代码-->        当前选择的分类名调用,没有选择分类不显示

【内部标签】

${cSortId}                 分类ID


【说明】

数字1:每页显示的数量

【内部标签】

${pPic}              图片地址 默认为nopic.gif

${pLink}             链接地址

${pInfoLink}          分类信息列表页面调用原地址标签

${pSort}              分类

${pTitle,0}           标题

${pPrice}             价格

${pContent,0}       内容

${pDate}             发布日期


【分页代码调用】  

${cPage}               中文

${cPageEn}           英文


注:分页代码格式为<div class="pn">第1/1页</div><div class="pn">首页</a></div><div class="pn">页1</div><div class="pn pnc">当前页</div><div class="pn">页3</div><div class="pn">尾页</div>


内容页模板


show.html 产品内容页模板

shownews.html 文章内容页模板

showphotos.html 相册内容页模板

showsp.html 幻灯片和单页内容页模板

showinfo.html 分类信息内容页模板


内容页模板标签


${pTitle,0} 信息标题

${pContent,0} 信息内容

${pSort} 信息分类

${pDate} 发布日期

<!--${pPrice}-->价格 等于0时不输出

<!--${pPic1}--> 封图


${cPreTitle,0} 上一篇标题

${cPreTitleEn,0}   上一篇标题英文

${cPreLink}   上一篇链接

${cNextTitle,0}     下一篇标题

${cNextTitleEn,0} 下一篇标题英文

${cNextLink} 下一篇链接



留言表单


Form action地址:/action/?s=feedback&id=${cId}

返回英文的地址/action/?s=feedback&id=${cId}&lan=en

留言内容要放在message名的input或textarea中,也可以在提交表单时,通过js合并到message中


留言表单例子:

<form action="/action/?s=feedback&id=${cId}" class="feedbackwrap" name="feedback" method="post" onsubmit="return formatFeedback()">
<div class="feedback_item">
<label>姓名</label>
<div class="inputwrap"><input type="text" size="50" id="name" placeholder="您的姓名" name="name" /></div>
</div>
<div class="feedback_item">
<label>联系方式</label>
<div class="inputwrap"><input type="text" size="50" id="contact" name="contact" placeholder="请输入您的联系方式" /></div>
</div>
<div class="feedback_item">
<label>留言</label>
<div class="textareawrap"><textarea name="text" rows="5" id="text" cols="50" placeholder="请输入您的留言内容"></textarea></div>
</div>
<div class="feedback_item">
<label>验证码</label>
<div class="inputwrap"><input type="text" size="20" name="validate" /></div>
<div class="valipic"><img src="/validate/?cache=" id="valiPic" onclick="this.src='/validate/?cache='+Math.random()" alt="点击更换图片" class="c_valipic" align="middle" /></div>
</div>
<div class="feedback_item"><input type="submit" class="postbtn" value="提交留言" />
</div>
<input type="hidden" id="message" name="message" />
</form>
<script type="text/javascript">
function formatFeedback()
{
if($("#name").val()=="")
{
alert("请输入姓名!");
return false;
}
if($("#contact").val()=="")
{
alert("请输入联系方式!");
return false;
}
if($("#text").val()=="")
{
alert("请输入留言内容!");
return false;
}
$("#message").val("姓名:"+$("#name").val()+"\r\n联系方式:"+$("#contact").val()+"\r\n内容:"+$("#text").val());
if($("#message").val().length>500)
{
alert("内容请保持400字以内!");
return false;
}
return true;
}
</script>




用户评论(0)
取消回复
无有评论,您来说说!

电话:15561532279 Q Q :251443403
周一至周五(早8:00 - 晚6:00)
2000人站长群:176381403
VIP QQ群:196313294
Copyright © 2008-2024 框分类信息系统  版权所有    ICP证:黑ICP备19004589号     黑公网安备 23090402000014号
本系统由七台河市广盛网络科技有限公司开发 专业地方同城分类信息源码