155-6153-2279
微信客服商家建站模板開發(fā)教程，商家建站模板標簽
- 標簽：
- 商家建站
模板文件所在目錄
電腦模板存放目錄“company/template/”，手機模板存放目錄 “company/template/wap/”，商家域名綁定程序在（ /template/ 和/template/wap/）。在模板目錄中，每個文件夾為一個企業(yè)建站模板，文件夾名為字母、數(shù)字和符號。
注：如果商家建站使用的域名綁定程序，需將模板同時上傳到主站company/template目錄和商家域名綁定程序template目錄
目錄包含文件名及說明
top.html 頭部模板
foot.html 底部模板
index.html 首頁模板
products.html 產(chǎn)品列表頁模板
photos.html 相冊列表頁面
news.html 商家動態(tài)列表頁模板
search.html 搜索結(jié)果列表模板
show.html 產(chǎn)品內(nèi)容頁模板
showphotos.html 相冊內(nèi)容頁模板
shownews.html 動態(tài)內(nèi)容頁模板
showsp.html 單頁內(nèi)容頁模板
feedback.html 給我留言模板
contact.html 聯(lián)系我們模板
about.html 關于我們模板
info.html分類信息列表頁面
showinfo.html分類信息內(nèi)容頁面
preview.gif 模板預覽圖片
/slidepic/此目錄為默認幻燈片圖片目錄，可以把模板默認的幻燈片圖片放在此目錄，當用戶沒有設置幻燈片時，默認調(diào)用此目錄中的圖片
模板開發(fā)規(guī)劃
調(diào)用模板目錄中的圖片或css、js等文件時，可以使用${cTemplatePath}標簽代替模板所在目錄，因為模板的目錄名有可能會被用戶改變，使用二級域名或目錄方式訪問時，模板保存的目錄也不同。
例：調(diào)用當前模板目錄下的css.css文件
<link rel="stylesheet" type="text/css" href="${cTemplatePath}/css.css" />
由于使用域名訪問和通過目錄訪問時，首頁、關于我們、產(chǎn)品列表等地址不同。所以統(tǒng)一規(guī)范為通過域名訪問時的鏈接，方便在目錄訪問時系統(tǒng)替換為對應的目錄鏈接。
首頁鏈接 /
手機站首頁鏈接 /wap/
關于我們 /about.html
關于我們手機站 /wap/about.html
聯(lián)系我們 /contact.html
聯(lián)系我們手機站 /wap/contact.html
留言 /feedback.html
留言手機站 /wap/feedback.html
產(chǎn)品列表 /products/
產(chǎn)品列表手機站 /wap/products/
相冊列表 /photos/
相冊列表手機站 /wap/photos/
文章列表 /news/
文章列表手機站 /wap/news/
標簽及說明
${top.html} 調(diào)用頭部
${foot.html} 調(diào)用底部
${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} 關于我們，數(shù)字為限制顯示的字數(shù)，0為顯示全部。
${cYear} 當前年份
${cStat} 網(wǎng)站統(tǒng)計
${cBeian} 網(wǎng)站備案號
${cTemplateName} 模板文件夾名
${cTitle} 網(wǎng)站標題
${cKeywords} 網(wǎng)站關鍵詞
${cDescription} 網(wǎng)站描述
${sWebDomain} 主站域名
${sWebName} 主站名稱
${sWebStat} 主站統(tǒng)計代碼
${cBaiduMap} 百度地圖
<!-- HTML代碼${cTel} HTML代碼--> 手機
<!-- HTML代碼${cPhone} HTML代碼--> 電話
<!-- HTML代碼${cFaxes} HTML代碼--> 傳真
<!-- HTML代碼${cWeixin} HTML代碼--> 微信
<!-- HTML代碼${cQq} HTML代碼--> QQ
<!-- HTML代碼${cAddress} HTML代碼--> 地址
<!-- HTML代碼${cBusiness} HTML代碼--> 營業(yè)時間
調(diào)用商家視頻（視頻由站長在后臺為商家上傳）
<!--${cVideo}-->html代碼${cVideo}<!--${cVideoEnd}--> 調(diào)用商家視頻，${cVideo}會換成視頻地址
文字LOGO和圖片LOGO兼容問題
可以用以下標簽實現(xiàn)沒有上傳圖片LOGO時，顯示商家名文字LOGO
<!--${cImgLogo}-->當是傳了圖片LOGO顯示的內(nèi)容<!--${cImgLogoEnd}-->
<!--${cTextLogo}-->當沒有上傳圖片LOGO時顯示的內(nèi)容<!--${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]
調(diào)用內(nèi)容列表
<!--${cBizInfo,0,0,0,0}-->列表內(nèi)容標簽及html代碼<!--${cBizInfoEnd}-->
【說明】
數(shù)字1：類型 0全部 1幻燈片 2產(chǎn)品信息 3企業(yè)動態(tài) 4相冊 5單頁
數(shù)字2：是否調(diào)用熱門 0全部 1普通 2為熱門展示
數(shù)字3：分類id，如產(chǎn)品、文章、相冊的分類，也可以輸入分類名
數(shù)字4：調(diào)用數(shù)量
【內(nèi)部標簽】
${pLink} 鏈接
${pDate} 日期
${pSort} 分類名
${pPic} 封圖
${pPrice} 價格，無價格顯示面議
<!-- HTML代碼${pPrice} HTML代碼--> 價格，無價格不顯示
${pTitle,0} 標題
${pContent,0} 內(nèi)容
${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會替換為小時。
調(diào)用分類
產(chǎn)品分類
<!--${cProductSortList,0} HTML代碼及內(nèi)部標簽-->
文章動態(tài)分類
<!--${cNewsSortList,0} HTML代碼及內(nèi)部標簽-->
相冊分類
<!--${cPhotosSortList,0} HTML代碼及內(nèi)部標簽-->
【說明】
數(shù)字1：調(diào)用數(shù)量
【內(nèi)部標簽】
${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>調(diào)用友情鏈接
<!--${cLink,0} HTML代碼及內(nèi)部標簽-->
【說明】
數(shù)字1：調(diào)用數(shù)量
【內(nèi)部標簽】
${pTitle} 鏈接字
${pLink} 鏈接
調(diào)用網(wǎng)站導航
${cWebIndex} 網(wǎng)站導航
注：網(wǎng)站導航輸出格式 <li class="fi">導航鏈接1</li><li>導航鏈接2</li>...<li class="ei">導航鏈接N</li>
自定義導航
<!--${cWebIndex,0} HTML代碼及內(nèi)部標簽-->
【說明】
數(shù)字1：調(diào)用數(shù)量
【內(nèi)部標簽】
${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
表單必需包含的內(nèi)容有<input type="hidden" name="u" value='${cId}' /> 用來記錄企業(yè)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="搜索" /> 提交搜索的按鈕。
商家留言調(diào)用
<!--${cFeedback,20} HTML代碼及內(nèi)部標簽-->
【說明】
數(shù)字1：調(diào)用數(shù)量
【內(nèi)部標簽】
${pDate} 留言日期
${pContent} 留言內(nèi)容
幻燈片調(diào)用
<!--${cHot,20} HTML代碼及內(nèi)部標簽-->
【說明】
數(shù)字1：調(diào)用數(shù)量
【內(nèi)部標簽】
${pPic} 圖片地址 默認為nopic.gif
${pLink} 鏈接地址
${pTitle,0} 標題
${pContent,0} 內(nèi)容
${pDate} 發(fā)布日期
注：模板開發(fā)者可以為模板設置默認幻燈片圖片，當用戶沒有上傳幻燈片時，顯示默認圖片，在模板目錄創(chuàng)建slidepic目錄，將默認幻燈片圖片放在slidepic目錄，模板處理程序會自動調(diào)用。
列表頁面
news.html企業(yè)動態(tài)列表模板
<!--${cNewsList,20} HTML代碼及內(nèi)部標簽--> 企業(yè)動態(tài)列表調(diào)用，數(shù)字為每頁顯示的數(shù)量
products.html企業(yè)產(chǎn)品列表模板
<!--${cProductsList,20} HTML代碼及內(nèi)部標簽--> 企業(yè)產(chǎn)品列表調(diào)用，數(shù)字為每頁顯示的數(shù)量
photos.html企業(yè)相冊列表模板
<!--${cPhotosList,20} HTML代碼及內(nèi)部標簽--> 企業(yè)相冊列表調(diào)用，數(shù)字為每頁顯示的數(shù)量
info.html調(diào)用用戶發(fā)布的分類信息列表
<!--${cInfoList,20} HTML代碼及內(nèi)部標簽-->調(diào)用用戶發(fā)布的分類信息列表，數(shù)字為每頁顯示的數(shù)量
search.html搜索結(jié)果列表模板
<!--${cSearchList,20} HTML代碼及內(nèi)部標簽--> 搜索結(jié)果列表調(diào)用，數(shù)字為每頁顯示的數(shù)量
${cKeyword} 搜索頁面調(diào)用當前搜索詞
<!-- HTML代碼${cSortName} HTML代碼--> 當前選擇的分類名調(diào)用，沒有選擇分類不顯示
【內(nèi)部標簽】
${cSortId} 分類ID
【說明】
數(shù)字1：每頁顯示的數(shù)量
【內(nèi)部標簽】
${pPic} 圖片地址 默認為nopic.gif
${pLink} 鏈接地址
${pInfoLink} 分類信息列表頁面調(diào)用原地址標簽
${pSort} 分類
${pTitle,0} 標題
${pPrice} 價格
${pContent,0} 內(nèi)容
${pDate} 發(fā)布日期
【分頁代碼調(diào)用】
${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>
內(nèi)容頁模板
show.html 產(chǎn)品內(nèi)容頁模板
shownews.html 文章內(nèi)容頁模板
showphotos.html 相冊內(nèi)容頁模板
showsp.html 幻燈片和單頁內(nèi)容頁模板
showinfo.html 分類信息內(nèi)容頁模板
內(nèi)容頁模板標簽
${pTitle,0} 信息標題
${pContent,0} 信息內(nèi)容
${pSort} 信息分類
${pDate} 發(fā)布日期
<!--${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
留言內(nèi)容要放在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>聯(lián)系方式</label>
<div class="inputwrap"><input type="text" size="50" id="contact" name="contact" placeholder="請輸入您的聯(lián)系方式" /></div>
</div>
<div class="feedback_item">
<label>留言</label>
<div class="textareawrap"><textarea name="text" rows="5" id="text" cols="50" placeholder="請輸入您的留言內(nèi)容"></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("請輸入聯(lián)系方式！");
return false;
}
if($("#text").val()=="")
{
alert("請輸入留言內(nèi)容！");
return false;
}
$("#message").val("姓名："+$("#name").val()+"\r\n聯(lián)系方式："+$("#contact").val()+"\r\n內(nèi)容："+$("#text").val());
if($("#message").val().length>500)
{
alert("內(nèi)容請保持400字以內(nèi)！");
return false;
}
return true;
}
</script>
黑公網(wǎng)安備 23090402000014號