mall_top.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>{$html_title|default=$Think.config.ds_config.site_name}</title>
  6. <meta name="renderer" content="webkit|ie-comp|ie-stand" />
  7. <meta name="keywords" content="{$seo_keywords|default=''}" />
  8. <meta name="description" content="{$seo_description|default=''}" />
  9. {:token_meta()}
  10. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/common.css">
  11. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/home_header.css">
  12. <script>
  13. var BASESITEROOT = "{$Think.BASE_SITE_ROOT}";
  14. var HOMESITEROOT = "{$Think.HOME_SITE_ROOT}";
  15. var BASESITEURL = "{$Think.BASE_SITE_URL}";
  16. var HOMESITEURL = "{$Think.HOME_SITE_URL}";
  17. var TIMESTAMP = "{$Think.TIMESTAMP}";
  18. </script>
  19. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery-2.1.4.min.js"></script>
  20. <script src="{$Think.PLUGINS_SITE_ROOT}/common.js"></script>
  21. <script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui/jquery-ui.min.js"></script>
  22. <script src="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui/jquery.ui.datepicker-zh-CN.js"></script>
  23. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery.validate.min.js"></script>
  24. <script src="{$Think.PLUGINS_SITE_ROOT}/additional-methods.min.js"></script>
  25. <script src="{$Think.PLUGINS_SITE_ROOT}/layer/layer.js"></script>
  26. <script src="{$Think.PLUGINS_SITE_ROOT}/js/dialog/dialog.js" id="dialog_js" charset="utf-8"></script>
  27. </head>
  28. <body>
  29. <div id="append_parent"></div>
  30. <div id="ajaxwaitid"></div>
  31. {if $adv_top}
  32. <div style="background:{$adv_top.adv_bgcolor|default=''};">
  33. <div class="w1200">
  34. <a href="{:url('Advclick/Advclick',['adv_id'=>$adv_top['adv_id']])}" target="_blank" title="{$adv_top.adv_title}"><img src="{:ds_get_pic(ATTACH_ADV,$adv_top.adv_code)}" width="1200"/></a>
  35. </div>
  36. </div>
  37. {/if}
  38. <div class="public-top">
  39. <div class="w1200">
  40. <span class="top-link">
  41. {$Think.lang.welcome_to} <em>{$Think.config.ds_config.site_name}</em>
  42. </span>
  43. <ul class="login-regin">
  44. {if session('member_id')}
  45. <li class="line"> <a href="{:url('Member/index')}">{:session('member_nickname')}</a></li>
  46. <li> <a href="{:url('Login/Logout')}">{$Think.lang.exit}</a></li>
  47. {else}
  48. <li class="line"> <a href="{:url('Login/login')}">{$Think.lang.please_log}</a></li>
  49. {if $Think.config.ds_config.member_normal_register==1 || $Think.config.ds_config.sms_register==1}
  50. <li> <a href="{:url('Login/register')}">{$Think.lang.free_registration}</a></li>
  51. {/if}
  52. {/if}
  53. </ul>
  54. <span class="top-link">
  55. <strong style="margin-left:30px;">{$Think.lang.ds_attention}<a href="http://www.csdeshang.com" target="_blank">www.csdeshang.com</a> {$Think.lang.ds_continuous_update}</strong>&nbsp;
  56. {$Think.lang.ds_purchase_authorization}:<a target="_blank" href="{$Think.HTTP_TYPE}wpa.qq.com/msgrd?v=3&uin=858761000&site=qq&menu=yes"><img border="0" src="{$Think.HTTP_TYPE}wpa.qq.com/pa?p=2:858761000:51" alt="{$Think.lang.click_here_send_message}" title="{$Think.lang.click_here_send_message}"/></a>
  57. </span>
  58. <ul class="quick_list">
  59. <li>
  60. <span class="outline"></span>
  61. <span class="blank"></span>
  62. <a href="{:url('Member/index')}">{$Think.lang.ds_user_center}<b></b></a>
  63. <div class="dropdown-menu">
  64. <ol>
  65. <li><a href="{:url('Memberorder/index')}">{$Think.lang.ds_buying_goods}</a></li>
  66. <li><a href="{:url('Memberfavorites/fglist')}">{$Think.lang.ds_care_about}</a></li>
  67. <li><a href="{:url('Memberfavorites/fslist')}">{$Think.lang.ds_the_shop}</a></li>
  68. </ol>
  69. </div>
  70. </li>
  71. <li>
  72. <span class="outline"></span>
  73. <span class="blank"></span>
  74. <a href="{:url('Seller/index')}">{$Think.lang.business_center}<b></b></a>
  75. <div class="dropdown-menu">
  76. <ol>
  77. {if session('seller_id')}
  78. <li><a href="{:url('Seller/index')}">{$Think.lang.ds_shop_overview}</a></li>
  79. <li><a href="{:url('Sellerorder/index')}">{$Think.lang.ds_member_path_store_order}</a></li>
  80. <li><a href="{:url('Sellergoodsonline/index')}">{$Think.lang.promotion_goods_manage}</a></li>
  81. {else /}
  82. {if $Think.config.ds_config.store_joinin_open!=0}
  83. <li><a href="{:url('Showjoinin/index')}">{$Think.lang.tenants}</a></li>
  84. {/if}
  85. <li><a href="{:url('Sellerlogin/login')}">{$Think.lang.merchant_login}</a></li>
  86. {/if}
  87. </ol>
  88. </div>
  89. </li>
  90. <li>
  91. <span class="outline"></span>
  92. <span class="blank"></span>
  93. <a href="{:url('Memberfavorites/fglist')}">{$Think.lang.ds_favorites}<b></b></a>
  94. <div class="dropdown-menu">
  95. <ol>
  96. <li><a href="{:url('Memberfavorites/fglist')}">{$Think.lang.ds_merchandise_collection}</a></li>
  97. <li><a href="{:url('Memberfavorites/fslist')}">{$Think.lang.ds_store_collect}</a></li>
  98. </ol>
  99. </div>
  100. </li>
  101. <li>
  102. <span class="outline"></span>
  103. <span class="blank"></span>
  104. <a href="javascript:void(0)">{$Think.lang.ds_fast_nav}<b></b></a>
  105. <div class="dropdown-menu">
  106. <ol>
  107. {foreach $navs.header as $nav}
  108. <li>
  109. <a href="{$nav.nav_url}" {if $nav.nav_new_open == 1}target="_blank"{/if}>{$nav.nav_title}</a>
  110. </li>
  111. {/foreach}
  112. </ol>
  113. </div>
  114. </li>
  115. <li class="moblie-qrcode">
  116. <span class="outline"></span>
  117. <span class="blank"></span>
  118. <a href="javascript:void(0)">{$Think.lang.wechat_end}</a>
  119. <div class="dropdown-menu">
  120. <img src="{:ds_get_pic(ATTACH_COMMON,$Think.config.ds_config.site_logowx)}" width="90" height="90" />
  121. </div>
  122. </li>
  123. <!--
  124. <li class="app-qrcode">
  125. <span class="outline"></span>
  126. <span class="blank"></span>
  127. <a href="javascript:void(0)">APP</a>
  128. <div class="dropdown-menu">
  129. <img width="90" height="90" src="{:ds_get_pic(ATTACH_COMMON,$Think.config.ds_config.site_logowx)}" />
  130. <h3>扫描二维码</h3>
  131. <p>下载手机客户端</p>
  132. </div>
  133. </li>
  134. -->
  135. </ul>
  136. </div>
  137. </div>
  138. <!--左侧导航栏-->
  139. <div class="ds-appbar">
  140. <div class="ds-appbar-tabs" id="appBarTabs">
  141. {if session('is_login')}
  142. <div class="user" dstype="a-barUserInfo">
  143. <div class="avatar"><img src="{:get_member_avatar(session('avatar'))}?{$Think.TIMESTAMP}"/></div>
  144. <p>{$Think.lang.sns_me}</p>
  145. </div>
  146. <div class="user-info" dstype="barUserInfo" style="display:none;"><i class="arrow"></i>
  147. <div class="avatar"><img src="{:get_member_avatar(session('avatar'))}?{$Think.TIMESTAMP}"/></div>
  148. <dl>
  149. <dt>Hi, {:session('member_nickname')}</dt>
  150. <dd>{$Think.lang.ds_current_level}:<strong dstype="barMemberGrade">{:session('level_name')}</strong></dd>
  151. <dd>{$Think.lang.ds_current_experience}:<strong dstype="barMemberExp">{:session('member_exppoints')}</strong></dd>
  152. </dl>
  153. </div>
  154. {else /}
  155. <div class="user TA_delay" dstype="a-barLoginBox">
  156. <div class="avatar TA"><img src="{:get_member_avatar(session('avatar'))}?{$Think.TIMESTAMP}"/></div>
  157. <p class="TA">{$Think.lang.login_notlogged}</p>
  158. </div>
  159. {/if}
  160. <ul class="tools">
  161. {if $Think.config.ds_config.instant_message_open eq '1'}
  162. <li><a href="javascript:void(0);" id="chat_show_user" class="chat TA_delay"><span class="iconfont">&#xe71b;</span><span class="tit">{$Think.lang.ds_chat}</span><i id="new_msg" class="new_msg" style="display:none;"></i></a></li>
  163. {/if}
  164. <li><a href="javascript:void(0);" onclick="toglle_bar('rtoolbar_cart')" id="rtoolbar_cart" class="cart TA_delay"><span class="iconfont">&#xe69a;</span><span class="tit">{$Think.lang.ds_cart}</span><i id="rtoobar_cart_count" class="new_msg" style="display:none;"></i></a></li>
  165. <li><a href="javascript:void(0);" onclick="toglle_bar('compare')" id="compare" class="compare TA_delay"><span class="iconfont">&#xe74a;</span><span class="tit">{$Think.lang.ds_comparison}</span></a></li>
  166. <li>
  167. <a href="javascript:void(0);" id="qrcode" class="qrcode TA_delay"><span class="iconfont">&#xe72d;</span>
  168. <span class="tit-box">
  169. {$Think.lang.ds_mobile_shopping_better}<br>
  170. <img src="{$Think.HOME_SITE_URL}/qrcode?url={$Think.config.ds_config.h5_site_url}" width="110" height="110" />
  171. <em class="tips_arrow"></em>
  172. </span>
  173. </a>
  174. </li>
  175. <li><a href="javascript:void(0);" onclick="$('html,body').animate({scrollTop: '0px'}, 500)" id="gotop" class="gotop TA_delay" style="position: fixed;bottom: 0"><span class="iconfont">&#xe724;</span><span class="tit">{$Think.lang.ds_top}</span></a></li>
  176. </ul>
  177. <div class="content-box" id="content-compare">
  178. <div class="top">
  179. <h3>{$Think.lang.ds_comparison}</h3>
  180. <a href="javascript:void(0);" class="close iconfont" title="{$Think.lang.ds_hidden}">&#xe73d;</a></div>
  181. <div id="comparelist"></div>
  182. </div>
  183. <div class="content-box" id="content-cart">
  184. <div class="top">
  185. <h3>{$Think.lang.ds_my_shopping_cart}</h3>
  186. <a href="javascript:void(0);" class="close iconfont" title="{$Think.lang.ds_hidden}">&#xe73d;</a></div>
  187. <div id="rtoolbar_cartlist"></div>
  188. </div>
  189. </div>
  190. </div>
  191. <script type="text/javascript">
  192. //动画显示边条内容区域
  193. $(function() {
  194. $(".close").click(function(){
  195. close_bar();
  196. });
  197. // 右侧bar用户信息
  198. $('div[dstype="a-barUserInfo"]').click(function(){
  199. $('div[dstype="barUserInfo"]').toggle();
  200. });
  201. // 右侧bar登录
  202. $('div[dstype="a-barLoginBox"]').click(function(){
  203. login_dialog();
  204. });
  205. {if $cart_goods_num > 0}
  206. $('#rtoobar_cart_count').html({$cart_goods_num}).show();
  207. {/if}
  208. });
  209. function toglle_bar(item){
  210. var member_id = "{:session('member_id')}";
  211. if(member_id == ''){
  212. login_dialog();
  213. return;
  214. }
  215. //判断侧边栏是否已拉出
  216. if(parseInt($('.ds-appbar').css('width')) == 36){
  217. $('.ds-appbar').css('width','306px');
  218. }
  219. //判断选中项是否已显示
  220. if(!$("#"+item).hasClass('active')){
  221. $('.tools li > a').removeClass('active');
  222. $("#"+item).addClass('active');
  223. $('.content-box').removeClass('active');
  224. switch(item){
  225. case 'rtoolbar_cart':
  226. $("#rtoolbar_cartlist").load("{:url('Cart/ajax_load',['type'=>'html'])}");
  227. $("#content-cart").addClass('active');
  228. break;
  229. case 'compare':
  230. loadCompare(false);
  231. $("#content-compare").addClass('active');
  232. break;
  233. }
  234. }else{
  235. //关闭
  236. close_bar();
  237. $(".chat-list").css("display",'none');
  238. }
  239. }
  240. function close_bar(){
  241. $('.tools li > a').removeClass('active');
  242. $('.content-box').removeClass('active');
  243. $('.ds-appbar').css('width','36px');
  244. }
  245. </script>