pc index top

appfront/config/fecshop_local_services/Page.php

@@ -96,6 +96,7 @@ return [
                  *	在菜单后面部分（产品分类菜单的前面部分）的自定义菜单
                  */
                 'behindCustomMenu' => [
+                    /*
                     [
                         'name'        => 'custom menu',            // 菜单名字
                         'urlPath'     => '/my-custom-menu.html',    // 菜单对应的url
@@ -119,7 +120,7 @@ return [
                                 ],
                             ],
                         ],
-                    ],
+                    ],*/
                 ],
             ],
 

appfront/theme/terry/theme01/assets/css/style.css

@@ -1,7 +1,7 @@
 html {font-size: 100%;}
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin: 0;padding: 0;}
 body {color: #333;font: 1em/1.55 Verdana,Arial,Helvetica,sans-serif;font-weight:100;min-width:1200px;}
-a{color: #666;text-decoration: none;font-weight:100;}
+a{color: #333;text-decoration: none;font-weight:100;}
 ol, ul {list-style: outside none none;}
 img{border:none;}
 h1, h2, h3, h4, h5, h6 {
@@ -17,52 +17,56 @@ h3 {
     line-height: 1.25;
     margin: 10px 0 5px;
 }
-#top_nav {background-color: #000;font-size: 0.75em;height: 40px;line-height: 40px;width: 100%;}
+#top_nav {font-size: 0.75em;width: 100%; height: 100px; border-bottom:1px solid #e0e0e0;}
 .top_nav_inner {height: 100%;width:1200px;}
 #mainBox, .footHelp_inner, .main_inner, .social_inner, .top_main_inner, .top_nav_inner {margin-left: auto;margin-right: auto;}
 
 
 .fl {display: inline;float: left;}
 
-.top_nav_left{float:left;}
-.top_nav_left dl {background: #fff none repeat scroll 0 0;color: #fff;display: block;float: left;}
-.top_nav_left dl dt{color: #fff;display: block;background:#000;padding:0 0 0 10px;}
+.top_nav_left{ height: 50px; padding: 25px 0px;}
+.top_nav_left dl {background: #fff none repeat scroll 0 0;display: block;float: left;}
+.top_nav_left dl dt{display: block;padding:0 0 0 10px;}
 
 .top_nav_left .top_lang{width:100px;height:40px;}
 .top_nav_left .top_lang .lang_list{
-	 background: #fff none repeat scroll 0 0;
+    background: #fff none repeat scroll 0 0;
     border: 1px solid #ccc;
     display: none;
     padding: 0 0 0 10px;
-	 width: 150px;
+    width: 80px;
     position: absolute;
-   
     z-index: 9999999;
+    padding: 10px;
+    line-height: 20px;
 }
 .top_nav_left .top_lang:hover  .lang_list{display:block;}
 
 .top_nav_left .top_currency{width:100px;height:40px;}
-.top_nav_left .top_currency .currency_list{  position: absolute;
-   
-    z-index: 9999999;color:#333;display:none;background: #fff none repeat scroll 0 0;border: 1px solid #ccc;padding: 0 0 0 10px;width: 150px;}
+.top_nav_left .top_currency .currency_list{
+    position: absolute;
+    z-index: 9999999;
+    display:none;
+    background: #fff none repeat scroll 0 0;
+    border: 1px solid #ccc;
+    padding:10px;
+    width: 80px;
+    line-height: 20px;
+}
 .top_nav_left .top_currency:hover  .currency_list{display:block;}
 
+.logo {
+    width: 100%;
+    text-align: center;
+}
 
-
-
-
-
-.top_nav_right{float:right;}
-.top_nav_right .t_r{float:left;width: 90px;}
-.top_nav_right .t_r a{color:#eee}
-
-
+.top_nav_right{ height: 50px; padding: 25px 0px;}
+.top_nav_right .t_r{float:left;}
 .top_nav_right .t_r.top_account {
     height: 40px;
     width: 50px;
 }
-.top_nav_right .t_r.login-text{ margin: 0 30px 0 10px;
-    width: auto;}
+
 
 .top_account .mycoount {
     background: rgba(0, 0, 0, 0) url("../images/toptip.png") no-repeat scroll left top;
@@ -73,42 +77,28 @@ h3 {
     width: 24px;
 }
 .top_nav_right .top_account dd a{color:#222;}
-.top_account dt{display:block;height:40px;}
+.top_account dt{display:block;height:40px; width: 50px; margin-left: 30px; font-size: 30px; }
 .top_account dd{border: 1px solid #aaa;
     display: none;
-	 position: absolute;
-   background:#fff;
+    position: absolute;
+    background:#fff;
     z-index: 9999999;
     margin: 0 0 0 -20px;
-    padding: 0 9px 14px 18px;
-    width: 120px;}
-.top_account:hover dd{display:block;}
-.mywish .mywishbg {
-    background: rgba(0, 0, 0, 0) url("../images/toptip.png") no-repeat scroll -24px 0;
-    height: 25px;
-    margin-top: 10px;
-    width: 31px;
-	display:block;
+    padding: 10px;
+    line-height: 20px;
+    width: 100px;
 }
+.top_account:hover dd{display:block;}
 
-.mycart .mycartbg {
-    background: rgba(0, 0, 0, 0) url("../images/toptip.png") no-repeat scroll -55px 0;
-    height: 25px;
-    margin-top: 10px;
-    width: 25px;
-	display:block;
-}
-.mywish a{display:block;width:30px;float:left;}
-#js_favour_num{color: #fff;
-    float: left;
+
+#js_favour_num{
     margin-left: 10px;}
 #js_cart_items{
-	color: #fff;
-    float: left;
     margin-left: 6px;
 }
 .mycart a{display:block;width:30px;float:left;}
-
+.icon{ color: #ababab;}
+.mycart-text{ color: #ababab;}
 
 
 .top_main_inner {
@@ -119,35 +109,18 @@ h3 {
     z-index: 19;
 }
 
-
 .top_header {
     height: 40px;
     padding-bottom: 20px;
 }
 
 .topSeachForm {
-    width: 100%;
-}
-.logo {
-    height: 40px;
-    margin-left: -100%;
-    width: 250px;
+    width: 30%;
+    margin-top: 7px;
 }
-
-
-.topSeachForm form {
-    float: right;
-    position: relative;
-    width: 310px;
-}
-
-
-
 .topSeachForm .top_seachBox {
     background-color: #fff;
-    border: 1px solid #ddd;
     height: 24px;
-    padding: 5px 27px 5px 9px;
 }
 
 
@@ -156,7 +129,10 @@ a:active, a:link {
 }
 
 .topSeachForm .searchInput {
-    width: 250px;
+    width: 80%;
+}
+.topSeachForm .searchInput:hover {
+   border-bottom: 1px solid #dcdcdc;
 }
 .fl {
     display: inline;
@@ -210,6 +186,14 @@ a:active, a:link {
 }
 .col-main .site-error h1{font-size:22px;margin-bottom:20px;}
 
+.top_menu{
+    width: 100%;
+    height: 30px;
+    padding-top: 10px;
+    border-bottom: 1px solid #dcdcdc;
+}
+
+
 #nav {
     margin: 0 auto;
     min-height: 38px;
@@ -222,8 +206,6 @@ a:active, a:link {
 address, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, video {
     display: block;
 }
-
-
 .lag-en #nav li {
     padding: 0 22px;
 }
@@ -338,6 +320,15 @@ address, article, aside, audio, canvas, details, figcaption, figure, footer, hea
     margin-left: 0;
     width: 1200px;
 }
+.header_fixed{
+    position:fixed;
+    top: 0;
+    z-index: 99999999;
+    background: #fff;
+}
+
+
+
 
 
 .bottomAdList li:first-child {

appfront/theme/terry/theme01/assets/js/js.js

@@ -17,7 +17,22 @@ $(document).ready(function(){
 		//alert(2);
 		location.href=redirectUrl;
 	});
-	
+
+	$(window).scroll(function () {
+		var currentscrollTop = $(document).scrollTop();
+		var top = $(".main-container").offset().top; //当前box3距离窗口顶部的距离
+
+		if( currentscrollTop > top){
+			$("#header").addClass("header_fixed");
+		}
+		if(currentscrollTop == 0){
+			$("#header").removeClass("header_fixed");
+		}
+	});
+
+
+
+
 	// ajax get account login info
 	
 	loginInfoUrl = currentBaseUrl+"/customer/ajax";

appfront/theme/terry/theme01/layouts/home.php

@@ -31,6 +31,8 @@ $cssOptions = [
 		'css'	=>[
 			'css/style.css',
 			'css/owl.carousel.css',
+            'css/font-awesome.min.css',
+            'css/ionicons.min.css',
 		],
 	],
 ];

appfront/theme/terry/theme01/widgets/header.php

@@ -7,81 +7,105 @@
  * @license http://www.fecshop.com/license/
  */
 ?>
+<div class="toptop">
+    <a href=""><img width="100%" src="<?= Yii::$service->image->getImgUrl('custom/top_top.png','appfront'); ?>"  /></a>
+</div>
 <div id="top_nav">
 	<input type="hidden" class="currentBaseUrl" value="<?= $currentBaseUrl ?>" />
 	<input type="hidden" class="logoutUrl" value="<?= $logoutUrl ?>" />
 	<input type="hidden" class="logoutStr" value="<?= Yii::$service->page->translate->__('Logout'); ?>" />
 	<input type="hidden" class="welcome_str" value="<?= Yii::$service->page->translate->__('Welcome!'); ?>" />
-	<div class="top_nav_inner">	    
-		<div class="top_nav_left">
-			<dl class="top_lang">
-				<dt><span class="current_lang" rel="<?= $currentStore ?>"><?= $currentStoreLang ?></span></dt>
-				<dd class="lang_list">
-					<ul>
-						<?php foreach($stores as $store=> $langName):   ?>
-							<li  class="store_lang"  rel="<?= $store ?>"><a href="javascript:void(0)"><?= $langName ?></a></li>
-						<?php endforeach; ?>
-						</ul>
-				</dd>
-			</dl>
-			<!-- 币种选择 -->
-			<dl class="top_currency">
-				<dt><span class="current_currency"><label><?= $currency['symbol'] ?></label><?= $currency['code'] ?></span></dt>
-				<dd class="currency_list">
-					<ul>
-					
-					<?php foreach($currencys as $c):    ?>
-						<li rel="<?= $c['code'] ?>"><label><?= $c['symbol'] ?></label><?= $c['code'] ?></li>
-					<?php endforeach; ?>							
-					</ul>
-				</dd>
-			</dl>
-		</div>
-		<div class="top_nav_right">
-			<div class="login-text t_r">
-				<span id="js_isNotLogin">
-					<a href="<?= Yii::$service->url->getUrl('customer/account/login') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('Sign In / Join Free'); ?></a>
-				</span>
-			</div>
-			<dl class="top_account t_r">
-				<dt>
-					<a href="<?= Yii::$service->url->getUrl('customer/account') ?>" rel="nofollow" class="mycoount"></a>
-				</dt>
-				<dd style="">
-					<ul>
-						<li><a href="<?= Yii::$service->url->getUrl('customer/account') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('My Account'); ?></a></li>
-						<li><a href="<?= Yii::$service->url->getUrl('customer/order') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('My Orders'); ?></a></li>
-						<li><a href="<?= Yii::$service->url->getUrl('customer/productfavorite') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('My Favorites'); ?></a></li>
-						<li><a href="<?= Yii::$service->url->getUrl('customer/productreview') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('My Review'); ?></a></li>
-					</ul>
-				</dd>
-			</dl>
-			<div class="mywish t_r">
-				<a href="<?= Yii::$service->url->getUrl('customer/productfavorite') ?>">
-					<span class="mywishbg"></span>
-				</a>
-				<span class="mywish-text" id="js_favour_num">0</span>
-			</div>
-			<div class="mycart t_r">
-				<a href="<?= Yii::$service->url->getUrl('checkout/cart') ?>">
-					<span class="mycartbg" id="js_topBagWarp"></span>
-				</a>
-				<span class="mycart-text" id="js_cart_items">0</span>
-			</div>
-		</div>
+	<div class="top_nav_inner">
+        <table>
+            <tr>
+                <td width="30%">
+                    <div class="top_nav_left">
+                        <dl class="top_lang">
+                            <dt><span class="current_lang" rel="<?= $currentStore ?>"><?= $currentStoreLang ?>&nbsp;<i class="fa fa-angle-down"></i></span></dt>
+                            <dd class="lang_list">
+                                <ul>
+                                    <?php foreach($stores as $store=> $langName):   ?>
+                                        <li  class="store_lang"  rel="<?= $store ?>"><a href="javascript:void(0)"><?= $langName ?></a></li>
+                                    <?php endforeach; ?>
+                                </ul>
+                            </dd>
+                        </dl>
+                        <!-- 币种选择 -->
+                        <dl class="top_currency">
+                            <dt><span class="current_currency"><label><?= $currency['symbol'] ?></label><?= $currency['code'] ?>&nbsp;<i class="fa fa-angle-down"></i></span></dt>
+                            <dd class="currency_list">
+                                <ul>
+
+                                    <?php foreach($currencys as $c):    ?>
+                                        <li rel="<?= $c['code'] ?>"><label><?= $c['symbol'] ?></label><a href="#"><?= $c['code'] ?></a></li>
+                                    <?php endforeach; ?>
+                                </ul>
+                            </dd>
+                        </dl>
+                    </div>
+                </td>
+                <td width="40%">
+                    <div class="logo">
+                        <a titel="fecshop logo" href="<?= $homeUrl ?>" style="">
+                            <img src="<?= Yii::$service->image->getImgUrl('custom/logo.png','appfront'); ?>"  />
+                        </a>
+                    </div>
+                </td>
+                <td width="30%">
+                    <div class="top_nav_right">
+                        <div class="topSeachForm">
+                            <?= Yii::$service->page->widget->render('topsearch',$this); ?>
+                        </div>
+                        <dl class="top_account t_r">
+                            <dt>
+                                <i class="icon ion-md-help" aria-hidden="true"></i>
+                            </dt>
+                            <dd style="">
+                                <ul>
+                                    <li><a href="">Contact Us</a> </li>
+                                    <li><a href="">FAQs</a> </li>
+                                </ul>
+                            </dd>
+                        </dl>
+                        <dl class="top_account t_r">
+                            <dt>
+                                <i class="icon ion-md-contact" aria-hidden="true"></i>
+                            </dt>
+                            <dd style="">
+                                <ul>
+                                    <li>
+                                        <span id="js_isNotLogin">
+					                        <a href="<?= Yii::$service->url->getUrl('customer/account/login') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('Sign In / Join Free'); ?></a>
+				                        </span>
+                                    </li>
+                                    <li><a href="<?= Yii::$service->url->getUrl('customer/account') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('My Account'); ?></a></li>
+                                    <li><a href="<?= Yii::$service->url->getUrl('customer/order') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('My Orders'); ?></a></li>
+                                    <li><a href="<?= Yii::$service->url->getUrl('customer/productfavorite') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('My Favorites'); ?></a></li>
+                                    <li><a href="<?= Yii::$service->url->getUrl('customer/productreview') ?>" rel="nofollow"><?= Yii::$service->page->translate->__('My Review'); ?></a></li>
+                                </ul>
+                            </dd>
+                        </dl>
+                        <div class="top_account t_r">
+                            <dt>
+                                <a href="<?= Yii::$service->url->getUrl('checkout/cart') ?>">
+                                    <span  id="js_topBagWarp"> <i class="icon ion-md-cart"></i><span class="mycart-text" id="js_cart_items">0</span></span>
+                                </a>
+                            </dt>
+
+                        </div>
+                    </div>
+                </td>
+            </tr>
+        </table>
+
+
+
+
+
+
+
+
+
 	</div><!--end .top_nav_inner-->
 </div><!--end #top_nav-->
-
-<div id="top_main">
-	<div class="top_main_inner pr">
-		<div class="top_header clearfix">
-			<div class="topSeachForm">
-				<?= Yii::$service->page->widget->render('topsearch',$this); ?>
-			</div>
-			<div class="logo"><a titel="fecshop logo" href="<?= $homeUrl ?>" style="">
-				<img src="<?= Yii::$service->image->getImgUrl('custom/logo.png','appfront'); ?>"  />
-			</a></div>
-		</div><!--end .top_header-->
-    </div><!--end .top_main_inner-->
-</div>
 		

appfront/theme/terry/theme01/widgets/topsearch.php

@@ -10,7 +10,7 @@
 <form method="get" name="searchFrom" class="js_topSeachForm" action="<?= Yii::$service->url->getUrl('catalogsearch/index');   ?>">
 	<div class="top_seachBox">
 		<div class="searchInput fl">
-			<input type="text"  value="<?=  \Yii::$service->helper->htmlEncode(Yii::$app->request->get('q'));  ?>" maxlength="150" placeholder="<?= Yii::$service->page->translate->__('Products keyword'); ?>" class="searchArea js_k2 ac_input" name="q">
+			<input type="text"  value="<?=  \Yii::$service->helper->htmlEncode(Yii::$app->request->get('q'));  ?>" maxlength="150" placeholder="<?= Yii::$service->page->translate->__(''); ?>" class="searchArea js_k2 ac_input" name="q">
 		</div>
 		<button class="fl js_topSearch seachBtn" type="submit"><span class="t_hidden">search</span></button>
 		<!-- <input type="hidden" class="category" value="0" name="category"> -->