首页
下载
价格套餐
模板
模块
帮助
文档中心
模板标签
安装说明
推荐主机
登录
注册
文档中心
模板标签
安装说明
站点标签
站点根地址
{$site.root_url}
站点首页地址
{$site.home_url}
站点LOGO
<img src="../images/{$site.site_logo}" />
站点LOGO.另一个
<img src="../images/{$site.site_logo_other}" />
公司地址
{$site.address}
ICP备案证书号
{$site.icp}
网安备案号
{$site.net_safe_record}
客服电话
{$site.tel}
传真
{$site.fax}
统计/客服代码调用
{$site.code}
客服QQ(多个QQ)
<div class="qq-box"> <!-- {foreach from=$site.qq item=qq} --> <a class="qq" href="http://wpa.qq.com/msgrd?v=3&uin={$qq.number}&site=qq&menu=yes" target="_blank"><i class="qq-icon"></i><!-- {if $qq.nickname} -->{$qq.nickname}<!-- {else} -->{$lang.online_qq}<!-- {/if} --></a> <!-- {/foreach} --> </div>
微信二维码名称
{$site.weixin_name}
微信二维码
<img src="{$site.weixin_img}" />
智能客服链接
{$site.chat}
站点名称
{$site.site_name}
站点标题
{$site.site_title}
站点关键字
{$site.site_keywords}
站点描述
{$site.site_description}
系统语言
{$site.language}
调用邮件订阅表单
<div class="table-div" style="margin-top: 20px;"> <form id="emailSubscribe" action="{$url.email}" method="post"> <dl> <dt>{$lang.email_title}</dt> <dd> <input type="text" name="email" size="50" class="text-input" /> <p id="email" class="cue"></p> </dd> </dl> <dl class="submit"> <input type="button" class="btn" value="{$lang.btn_submit}" onclick="douSubmit('emailSubscribe', 'alert')"/> </dl> </form> </div>
首页标签
首页推荐商品
<div class="product-list"> <div class="container"> <div class="row"> <!-- {foreach from=$recommend_product name=recommend_product item=product} --> <div class="col-md-3 col-6"> <div class="item"> <div class="img scale"><a href="{$product.url}"><img src="{$product.thumb}" /></a></div> <div class="name"><a href="{$product.url}">{$product.name}</a></div> <!-- {if $site.show_price} --> <div class="price"><!-- {if $product.level_price} -->{$product.level_price}<em class="price-line">{$product.price}</em><!-- {else} -->{$product.price}<!-- {/if} --></div> <!-- {/if} --> </div> </div> <!-- {/foreach} --> </div> </div> </div>
首页推荐文章
<div class="article-list"> <!-- {foreach from=$recommend_article item=article} --> <dl class="img scale"><a href="{$article.url}"><!-- {if $article.image} --><img src="{$article.image}" /><!-- {else} --><em>NO IMAGE</em><!-- {/if} --></a> </dl> <dl class="item"> <dt><em>{$article.time.d}</em><b>{$article.time.y}-{$article.time.m}</b></dt> <dd><a href="{$article.url}">{$article.title}</a> <p>{$article.description|truncate:66:"..."}</p> </dd> </dl> <!-- {/foreach} --> </div>
首页幻灯广告
<!-- {if $show_list} --> <div class="swiper-container slide-show"> <div class="swiper-wrapper"> <!-- {foreach from=$show_list name=show_list item=show} --> <div class="swiper-slide"><a href="{$show.show_link}" target="_blank" title="{$show.show_name}" style="background-image:url({$show.show_img})"></a></div> <!-- {/foreach} --> </div> <!-- 如果需要分页器 --> <div class="swiper-pagination"></div> <!-- 如果需要导航按钮 --> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <!-- {/if} -->
友情链接
<!-- {if $link} --> <div class="link"> <div class="container"> <strong>{$lang.link}:</strong> <!-- {foreach from=$link name=link item=link} --> <a href="{$link.link_url}" target="_blank" >{$link.link_name}</a> <!-- {/foreach} --> </div> </div> <!-- {/if} -->
常用标签
自定义导航-主导航
<!-- {foreach from=$nav_middle_list name=nav_middle_list item=nav} --> <li class="{if $nav.cur} active{/if}"> 一级导航:<a{if $nav.cur} class="active"{/if} href="{$nav.url}">{$nav.nav_name}</a> <!-- {if $nav.child} --> <ul> <!-- {foreach from=$nav.child item=child} --> <li> 二级导航:<a{if $child.cur} class="active"{/if} href="{$child.url}">{$child.nav_name}</a> <!-- {if $nav.child} --> <ul> <!-- {foreach from=$child.child item=childer} --> <li> 三级导航(以此类推可以支持无限极):<a{if $childer.cur} class="active"{/if} href="{$childer.url}">{$childer.nav_name}</a> </li> <!-- {/foreach} --> </ul> <!-- {/if} --> </li> <!-- {/foreach} --> </ul> <!-- {/if} --> </li> <!-- {/foreach} -->
自定义导航-顶部
<!-- {foreach from=$nav_top_list name=nav_top_list item=nav} --> <li class="{if $nav.cur} active{/if}"> 一级导航:<a{if $nav.cur} class="active"{/if} href="{$nav.url}">{$nav.nav_name}</a> <!-- {if $nav.child} --> <ul> <!-- {foreach from=$nav.child item=child} --> <li> 二级导航:<a{if $child.cur} class="active"{/if} href="{$child.url}">{$child.nav_name}</a> <!-- {if $nav.child} --> <ul> <!-- {foreach from=$child.child item=childer} --> <li> 三级导航(以此类推可以支持无限极):<a{if $childer.cur} class="active"{/if} href="{$childer.url}">{$childer.nav_name}</a> </li> <!-- {/foreach} --> </ul> <!-- {/if} --> </li> <!-- {/foreach} --> </ul> <!-- {/if} --> </li> <!-- {/foreach} -->
自定义导航-底部
<!-- {foreach from=$nav_bottom_list name=nav_bottom_list item=nav} --> <li class="{if $nav.cur} active{/if}"> 一级导航:<a{if $nav.cur} class="active"{/if} href="{$nav.url}">{$nav.nav_name}</a> <!-- {if $nav.child} --> <ul> <!-- {foreach from=$nav.child item=child} --> <li> 二级导航:<a{if $child.cur} class="active"{/if} href="{$child.url}">{$child.nav_name}</a> <!-- {if $nav.child} --> <ul> <!-- {foreach from=$child.child item=childer} --> <li> 三级导航(以此类推可以支持无限极):<a{if $childer.cur} class="active"{/if} href="{$childer.url}">{$childer.nav_name}</a> </li> <!-- {/foreach} --> </ul> <!-- {/if} --> </li> <!-- {/foreach} --> </ul> <!-- {/if} --> </li> <!-- {/foreach} -->
多语言菜单调用
<!-- {if $open.language} --> <li class="parent lang-select"><a href="javascript:;">{$lang.cur_language}</a> <ul> <!-- {foreach from=$lang_menu item=lang_menu} --> <li><a href="{$lang_menu.url}">{$lang_menu.name}</a></li> <!-- {/foreach} --> </ul> </li> <!-- {/if} -->
搜索框调用
<div class="search-box"> <form method="get" action="{$site.home_url}"> <input name="s" type="text" class="keyword" value="{$keyword|escape}" placeholder="{$lang.search_placeholder}" size="25"> <input type="submit" class="btnSearch" value="{$lang.btn_submit}"> </form> </div>
分页代码-常规
<div class="pager">总计:{$pager.record_count}个记录,共:{$pager.page_count}页,当前第:{$pager.page}页 | <a href="{$pager.first}">第一页</a> <a href="{$pager.previous}">上一页</a> <a href="{$pager.next}">下一页</a> <a href="{$pager.last}">最末页</a></div>
分页代码-跑马灯
<div class="pager"> <ul> <!-- {if $pager.page neq '1'} --> <li><a href="{$pager.first}">第一页</a></li> <li><a href="{$pager.previous}">上一页</a></li> <!-- {/if} --> <!-- {foreach from=$pager.box item=box} --> <li{if $box.cur} class="active"{/if}><a href="{$box.url}">{$box.page}</a></li> <!-- {/foreach} --> <!-- {if $pager.page neq $pager.page_count} --> <li><a href="{$pager.next}">下一页</a></li> <li><a href="{$pager.last}">最末页</a></li> <!-- {/if} --> </ul> </div>
foreach 列表循环
<!-- {foreach from=$data_list name=list_id item=item} --> 字段一:{$item.ziduanyi},字段二:{$item.ziduaner},字段三:{$item.ziduansan} <!-- {if $smarty.foreach.list_id.first} -->判断是第一行数据<!-- {/if} --> <!-- {if $smarty.foreach.list_id.last} -->判断是最后一行数据<!-- {/if} --> 当前行数:{$smarty.foreach.list_id.iteration} <!-- {if $smarty.foreach.list_id.iteration le 4} -->判断是第四行数据<!-- {/if} --> <!-- {if $smarty.foreach.list_id.iteration % 3 eq 1} -->判断不能被3整除,如果eq 0就代表是可以整除<!-- {/if} --> <!-- {/foreach} -->
JS代码调用
<script language="JavaScript"> {literal} 这里面是JS代码 {/literal} </script>
CSS代码调用
<style type="text/css"> {literal} 这里面是CSS代码 {/literal} </script>
调用模板文件
{include file="inc/abcde.tpl"}
选项卡
<ul class="nav tabs" id="myTab" role="tablist"> <li class="active"><a class="nav-link active" href="#tab-a" role="tab" data-toggle="tab">选项卡一</a></li> <li><a class="nav-link" href="#tab-b" role="tab" data-toggle="tab">选项卡二</a></li> <li><a class="nav-link" href="#tab-c" role="tab" data-toggle="tab">选项卡三</a></li> <li><a class="nav-link" href="#tab-d" role="tab" data-toggle="tab">选项卡四</a></li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane active" id="tab-a">对应内容一</div> <div class="tab-pane" id="tab-b">对应内容二</div> <div class="tab-pane" id="tab-c">对应内容三</div> <div class="tab-pane" id="tab-d">对应内容四</div> </div>
所有分类及项目
<!-- {foreach from=$category_data name=category_data item=category} --> 分类ID:{$category.cat_id}、分类名称:{$category.cat_name}、分类链接:{$category.url} <!-- {foreach from=$category.list item=product} --> 缩略图:{$product.thumb}、产品名称:{$product.name}、价格:{$product.price}、链接地址:{$product.url} <!-- {/foreach} --> <!-- {/foreach} --> PHP部分代码 $smarty->assign('category_data', $dou->get_category_data($module, $item_number, $parent_id, $child)); $module 模块,如果调用产品如:product $item_number 调用项目数量,每个分类调用的数量,如:5 $parent_id 默认获取所有分类,如果输入NULL,则不分级调用所有分类,如果输入0则调用一级分类,如果都要调用指定分类下的所有分类,则输入该分类ID $child 是否调用下一级,如果$parent_id=0的时候是指调用一级分类,如果这里设置为为true,则会自动遍历二级、三级及以下所有分类
调用百度地图
<!-- 地图 开始 --> <div id="baiduMap" style="height: 336px"></div> <!-- 在https://lbsyun.baidu.com/里-》控制台-》我的应用-》创建应用-》应用类型为“浏览器端”,申请到的“访问应用(AK)替换下方代码”,还所在城市名称需要修改 --> <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=访问应用AK"></script> <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("baiduMap"); var point = new BMap.Point(116.331398,39.897445); var content = "{$site.address}"; map.centerAndZoom(point, 12); // 创建地址解析器实例 var myGeo = new BMap.Geocoder(); // 将地址解析结果显示在地图上,并调整地图视野 {literal} myGeo.getPoint(content, function(point){ if (point) { map.centerAndZoom(point, 18); map.addOverlay(new BMap.Marker(point)); }else{ alert("您选择地址没有解析到结果!"); } }, "所在城市名称"); {/literal} </script> <!-- 地图 结束 -->
数据扩展模块使用
调用指定分组,其中的"abc"是分组别名 <div class="category"> <div class="cat-name">分组名称:{$data.category.abc.class.name},分组别名:{$data.category.abc.class.value}</div> <!-- {foreach from=$data.category.abc.list item=item} --> <div class="item"> <div class="img"><img src="{$item.image}" /></div> <div class="name">{$item.name}</div> <div class="sub">{$item.text}</div> </div> <!-- {/foreach} --> </div> 有序调用所有分组 <!-- {foreach from=$data.category item=category} --> <div class="category"> <div class="cat-name">分组名称:{$category.class.name},分组别名:{$category.class.value}</div> <!-- {foreach from=$category.list item=item} --> <div class="item"> <div class="img"><img src="{$item.image}" /></div> <div class="name">{$item.name}</div> <div class="sub">{$item.text}</div> </div> <!-- {/foreach} --> </div> <!-- {/foreach} --> 不分组调用所有数据 <div class="category"> <!-- {foreach from=$category.all item=item} --> <div class="item"> <div class="img"><img src="{$item.image}" /></div> <div class="name">{$item.name}</div> <div class="sub">{$item.text}</div> </div> <!-- {/foreach} --> </div>