member_header.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/member.css">
  2. <script src="{$Think.HOME_SITE_ROOT}/js/member.js"></script>
  3. <link rel="stylesheet" href="{$Think.PLUGINS_SITE_ROOT}/js/jquery-ui/jquery-ui.min.css">
  4. <div class="header clearfix">
  5. <div class="w1200">
  6. <div class="logo">
  7. <a href="{$Think.HOME_SITE_URL}"><img src="{:ds_get_pic(ATTACH_COMMON,$Think.config.ds_config.site_logo)}"/></a>
  8. </div>
  9. <div class="top_search">
  10. <div class="top_search_box">
  11. <div id="search">
  12. <ul class="tab" dstype="{$Request.controller}">
  13. <li class="current"><span>{$Think.lang.site_search_goods}</span><i class="arrow"></i></li>
  14. <li style="display: none;"><span>{$Think.lang.site_search_store}</span></li>
  15. </ul>
  16. </div>
  17. <div class="form_fields">
  18. <form class="search-form" id="search-form" method="get" action="{:url('Search/index')}">
  19. <input placeholder="{$Think.lang.search_merchandise_keywords}" name="keyword" id="keyword" type="text" class="keyword" value="{$Request.param.keyword}" maxlength="60" />
  20. <input type="submit" id="button" value="{$Think.lang.ds_common_search}" class="submit">
  21. </form>
  22. </div>
  23. </div>
  24. <ul class="top_search_keywords">
  25. {foreach name="hot_search" item="hot_keyword" key="hot_k" }
  26. <li {if $hot_k==0}class="first"{/if}><a href="{$Think.HOME_SITE_URL}/Search/index.html?keyword={$hot_keyword}">{$hot_keyword}</a></li>
  27. {/foreach}
  28. </ul>
  29. </div>
  30. <div class="user_menu">
  31. <dl class="my-mall">
  32. <dt><span class="ico iconfont">&#xe702;</span>{$Think.lang.ds_user_center}<i class="arrow"></i></dt>
  33. <dd>
  34. <div class="sub-title">
  35. <h4></h4>
  36. <a href="{:url('Member/index')}" class="arrow">{$Think.lang.ds_my_user_center}<i></i></a>
  37. </div>
  38. <div class="user-centent-menu">
  39. <ul>
  40. <li><a href="{:url('Membermessage/message')}">{$Think.lang.ds_message}(<span>{$message_num}</span>)</a></li>
  41. <li><a href="{:url('Memberorder/index')}" class="arrow">{$Think.lang.ds_my_order}<i></i></a></li>
  42. <li><a href="{:url('Memberconsult/index')}">{$Think.lang.ds_consulting_reply}(<span id="member_consult">0</span>)</a></li>
  43. <li><a href="{:url('Memberfavorites/fglist')}" class="arrow">{$Think.lang.ds_favorites}<i></i></a></li>
  44. <li><a href="{:url('Membervoucher/index')}">{$Think.lang.ds_vouchers}(<span id="member_voucher">0</span>)</a></li>
  45. <li><a href="{:url('Memberpoints/index')}" class="arrow">{$Think.lang.ds_my_points}<i></i></a></li>
  46. </ul>
  47. </div>
  48. <div class="browse-history">
  49. <div class="part-title">
  50. <h4>{$Think.lang.ds_recently_browsed_items}</h4>
  51. <span style="float:right;"><a href="{:url('Membergoodsbrowse/listinfo')}">{$Think.lang.ds_full_history}</a></span>
  52. </div>
  53. <ul>
  54. <li class="no-goods"><img class="loading" src="{$Think.HOME_SITE_ROOT}/images/loading.gif"></li>
  55. </ul>
  56. </div>
  57. </dd>
  58. </dl>
  59. <dl class="my-cart">
  60. <dt><span class="ico iconfont">&#xe69a;</span>{$Think.lang.ds_shopping_cart_settlement}<i class="arrow"></i></dt>
  61. <dd>
  62. <div class="sub-title">
  63. <h4>{$Think.lang.ds_latest_additions}</h4>
  64. </div>
  65. <div class="incart-goods-box">
  66. <div class="incart-goods"><div class="no-order"><span>{$Think.lang.ds_shopping_cart_empty}</span></div></div>
  67. </div>
  68. <div class="checkout"> <span class="total-price"></span><a href="{:url('Cart/index')}" class="btn-cart">{$Think.lang.ds_checkout_cart}</a> </div>
  69. </dd>
  70. <div class="addcart-goods-num">{$cart_goods_num}</div>
  71. </dl>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="mall_nav">
  76. <div class="w1200">
  77. <div class="all_categorys">
  78. <div class="mt">
  79. <i></i>
  80. <h3><a href="{:url('Category/goods')}">{$Think.lang.ds_all_commodity_classes}</a></h3>
  81. </div>
  82. <div class="mc">
  83. <ul class="menu">
  84. {notempty name="header_categories"}
  85. {php}$i = 0;{/php}
  86. {foreach name="header_categories" item="val" key="key" }
  87. {php}$i++;{/php}
  88. <li cat_id="{$val.gc_id}" {if $i>11}style="display:none;"{/if}>
  89. <div class="class">
  90. <span class="arrow"></span>
  91. {notempty name="$val.gc_image"}
  92. <span class="ico"><img src="{:ds_get_pic(ATTACH_COMMON, $val.gc_image)}"></span>
  93. {else/}
  94. <span class="iconfont category-ico-{$i}"></span>
  95. {/notempty}
  96. <h4><a href="{:url('Search/index',['cate_id'=>$val.gc_id])}">{$val.gc_name}</a></h4>
  97. </div>
  98. <div class="sub-class" cat_menu_id="{$val.gc_id}">
  99. <div class="sub-class-content">
  100. <div class="recommend-class">
  101. {notempty name="$val.cn_classs"}
  102. {foreach name="$val.cn_classs" item="v" key="k" }
  103. <span><a href="{:url('Search/index',['cate_id'=>$v.gc_id])}" title="{$v.gc_name}">{$v.gc_name}</a></span>
  104. {/foreach}
  105. {/notempty}
  106. </div>
  107. {notempty name="$val.class2"}
  108. {foreach name="$val.class2" item="v" key="k" }
  109. <dl>
  110. <dt>
  111. <h3><a href="{:url('Search/index',['cate_id'=>$v.gc_id])}">{$v.gc_name}</a></h3>
  112. </dt>
  113. <dd class="goods-class">
  114. {notempty name="$v.class3"}
  115. {foreach name="$v.class3" item="v3" key="k3" }
  116. <a href="{:url('Search/index',['cate_id'=>$v3.gc_id])}">{$v3.gc_name}</a>
  117. {/foreach}
  118. {/notempty}
  119. </dd>
  120. </dl>
  121. {/foreach}
  122. {/notempty}
  123. </div>
  124. <div class="sub-class-right">
  125. {notempty name="$val.cn_brands"}
  126. <div class="brands-list">
  127. <ul>
  128. {foreach name="$val.cn_brands" item="brand"}
  129. <li>
  130. <a href="{:url('Brand/brand_goods',['brand_id'=>$brand.brand_id])}" title="{$brand.brand_name}">{if ($brand['brand_pic'] != '')}<img src="{:brand_image($brand['brand_pic'])}"/>{/if}
  131. <span>{$brand.brand_name}</span>
  132. </a>
  133. </li>
  134. {/foreach}
  135. </ul>
  136. </div>
  137. {/notempty}
  138. <div class="adv-promotions">
  139. {if isset($val.goodscn_adv1) && $val.goodscn_adv1 != ''}
  140. <a {if $val.goodscn_adv1_link == ''}href="javascript:;"{else/}target="_blank" href="{$val.goodscn_adv1_link}{/if}><img src="{$val.goodscn_adv1}" data-url="{$val.goodscn_adv1}" class="scrollLoading" /></a>
  141. {/if}
  142. {if isset($val.goodscn_adv2) && $val.goodscn_adv2 != ''}
  143. <a {if $val.goodscn_adv2_link == ''}href="javascript:;"{else/}target="_blank" href="{$val.goodscn_adv2_link}{/if}><img src="{$val.goodscn_adv2}" data-url="{$val.goodscn_adv2}" class="scrollLoading" /></a>
  144. {/if}
  145. </div>
  146. </div>
  147. </div>
  148. </li>
  149. {/foreach}
  150. {/notempty}
  151. </ul>
  152. </div>
  153. </div>
  154. <div class="nav_list">
  155. <ul class="site_menu">
  156. <li><a href="{:url('Index/index')}" class="current">{$Think.lang.homepage}</a></li>
  157. {foreach $navs.middle as $nav}
  158. <li><a href="{$nav.nav_url}" {if $nav.nav_new_open == 1}target="_blank"{/if}>{$nav.nav_title}</a></li>
  159. {/foreach}
  160. </ul>
  161. </div>
  162. </div>
  163. </div>
  164. <!--面包屑导航 BEGIN-->
  165. {notempty name="nav_link_list"}
  166. <div class="dsh-breadcrumb-layout">
  167. <div class="dsh-breadcrumb w1200"><i class="iconfont">&#xe6ff;</i>
  168. {foreach $nav_link_list as $nav_link}
  169. {empty name="nav_link.link"}
  170. <span>{$nav_link.title}</span>
  171. {else /}
  172. <span><a href="{$nav_link.link}">{$nav_link.title}</a></span><span class="arrow">></span>
  173. {/empty}
  174. {/foreach}
  175. </div>
  176. </div>
  177. {/notempty}
  178. <!--面包屑导航 END-->
  179. <script>
  180. $(function() {
  181. //首页左侧分类菜单
  182. $(".all_categorys ul.menu").find("li").each(
  183. function() {
  184. $(this).hover(
  185. function() {
  186. var cat_id = $(this).attr("cat_id");
  187. var menu = $(this).find("div[cat_menu_id='"+cat_id+"']");
  188. menu.show();
  189. $(this).addClass("hover");
  190. var menu_height = menu.height();
  191. if (menu_height < 60) menu.height(80);
  192. menu_height = menu.height();
  193. var li_top = $(this).position().top;
  194. $(menu).css("top",-li_top + 40);
  195. },
  196. function() {
  197. $(this).removeClass("hover");
  198. var cat_id = $(this).attr("cat_id");
  199. $(this).find("div[cat_menu_id='"+cat_id+"']").hide();
  200. }
  201. );
  202. }
  203. );
  204. $(".user_menu dl").hover(function() {
  205. $(this).addClass("hover");
  206. }, function() {
  207. $(this).removeClass("hover");
  208. });
  209. $('.user_menu .my-mall').mouseover(function() {
  210. // 最近浏览的商品
  211. load_history_information();
  212. $(this).unbind('mouseover');
  213. });
  214. $('.user_menu .my-cart').mouseover(function() {
  215. // 运行加载购物车
  216. load_cart_information();
  217. $(this).unbind('mouseover');
  218. });
  219. });
  220. </script>