modifica encabezado y botones

static/src/css/custom.css

@@ -69,7 +69,7 @@ footer .list-social li a:hover,
 .nav-top .navbar-nav > li:hover > a,
 .nav-top .navbar-nav > li:hover > a,
 .nav-top .navbar-nav > li:hover > a,
-footer .list-social li a { background: #000055;}/* color botones*/
+footer .list-social li a { background: #000045;}/* color botones*/
 
 
 .form-control,
@@ -82,7 +82,7 @@ footer,
 .header-middle .search-toggle .icon {border-color: #9C9CA3 !important;}/*linea del footer y borde de botones*/
 
 
-.page-title { height:100px; color:#000; background:#BDBDBD no-repeat fixed center center ; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;    border-style: solid;    border-width: 5px 0 0;    margin-top: -50px;    margin-bottom: 30px;    padding: 45px 0 20px;    position: relative;}
+.page-title { height:100px; color:#000; background:#fff no-repeat fixed center center ; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;    border-style: solid;    border-width: 5px 0 0;    margin-top: -50px;    margin-bottom: 30px;    padding: 45px 0 20px;    position: relative;}
 .page-title h1 { display: none; color: #000; font-size: 26px; position: relative; z-index: 1; float: left;}
 .page-title:after {  background:none; color:#000 ;content: " ";  height: 100%;  left: 0;  position: absolute;  top: 0;   width: 100%;}
 .page-title .breadcrumb {color:#000; background-color: transparent; border-radius: 0; list-style: outside none none; margin: 15px 0 0 0; padding: 0; position: relative;z-index: 1; width: 100%; display: inline-block; }
@@ -115,24 +115,26 @@ footer,
 .header-top li a { font-size: 11px; padding:5px 10px; display: block; color: #0B0B0B; text-transform: uppercase; }/*letras menu superior*/
 .header-top li a:hover { background: none; text-decoration: underline;}
 
-
-
 .navbar-nav li.dropdown:hover .dropdown-menu { display: block !important;}
 
-.header-middle { padding:1px 0;}
-.header-middle .logo { margin-left:450px; padding: 6px 15px;font-size: 12px; line-height: normal;  }
+.header-middle { padding:5px 0;}
+.header-middle .logo { margin: 0; padding:5px;font-size: 12px; line-height: normal;  }
 .menu-toggle { display: none;}
 
-.header-middle .prueba {position:absolute;
+.header-middle .header-search { width: 90%; position: relative; margin: 30px; margin-top:50px; }
+.header-middle .header-search .form-control { padding-right: 30px;}
+.header-middle .header-search .btn {position: absolute; top: 0px; right: -39px; color: #000055; background: #ccc}
+
+
+
+/*.header-middle .prueba {position:absolute;
 					width:300px;
 					padding:45px;
           color: #000055;
 
-				}
+				}*/
+
 
-.header-middle .header-search { width: 250px;margin-left: 80px; position: relative; padding: 30px;}
-.header-middle .header-search .form-control { padding-right: 30px;}
-.header-middle .header-search .btn {position: absolute; top:30px; right: 0px;}
 .header-cart { text-align: right; margin-left: 10px; border-left: 1px solid #ddd; padding-left: 15px;}
 .header-top .login-nav p { float: left; margin: 4px 0 0}
 .header-top .login-nav p span { color: #000055} /*letra del usuario en el menu superior*/
@@ -219,20 +221,55 @@ footer,
 .home-slider img { display: block; margin: 0 auto}
 .home-slider .item { height: 450px; background-size: cover;  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; }
 .home-slider.carousel .carousel-indicators li { border: 1px solid #000;}
-.home-slider.carousel .carousel-indicators .active { background: #000;}
+.home-slider.carousel .carousel-indicators .active { background: #000055;}
 
 @media only screen and (min-width: 801px) and (max-width: 992px) {
 .home-slider .item { height: 400px;}
+.home-slider.carousel{width: 100%}
+.carousel-control{
+     border-style: none;
+     margin-right: 30px;
+     margin-left: 30px;
+     margin-bottom: 10%;
+}
 }
 @media only screen and (min-width: 601px) and (max-width:800px) {
 .home-slider .item { height: 180px;}
+.home-slider.carousel{width: 100%}
+.carousel-control{
+     margin-right: 30px;
+     margin-left: 30px;
+     margin-bottom: 10%;
+
+
+}
 }
 @media only screen and (min-width: 0) and (max-width:600px) {
 .home-slider .item { height: 150px;}
+.home-slider.carousel{width: 100%}
+.carousel-control{
+     margin-right: 30px;
+     margin-left: 30px;
+     margin-bottom: 10%;
+}
+
 }
 @media only screen and (min-width: 0) and (max-width:480px) {
-.home-slider .item { height: 150px;}
-.home-slider .carousel-indicators { right: 20px;}
+.home-slider.carousel{
+  width: 100%;
+  margin-top: -40px;
+
+}
+.home-slider .item { height: 150px;
+}
+.carousel-control{
+     margin-right: 30px;
+     margin-left: 30px;
+     margin-bottom: 20%;
+
+}
+.carousel-indicators{bottom: 20%;}
+
 
 
 }
@@ -616,7 +653,7 @@ header { position: relative; z-index: 9}
 
 .navbar-nav .open ul.mega-menu .column > a { padding: 0}
 .navbar-nav ul.mega-menu .column { width: 100%; margin-bottom: 20px;}
-.menu-toggle {  background: #000;  border: medium none; cursor: pointer;  display: inline-block;  float: left;  height: 40px;  padding: 22px 10px;  position: absolute;  top: 46px;  width: 40px;  z-index: 999;  right: 0;}
+.menu-toggle {  background: #000;  border:none; cursor: pointer;  display: inline-block;  float: left;  height: 40px;  padding: 22px 10px;  position: absolute;  top: 46px;  width: 40px;  z-index: 999;  right: 0;}
 .menu-toggle span { background-color: #fff; display: block; font-size: 0;  height: 3px;  left: 8px;  margin-top: -2px;  position: absolute;  top: 50%;  width: 25px;
 	-transition: background-color 0.3s ease 0s;
   	-moz-transition: background-color 0.3s ease 0s;
@@ -687,6 +724,8 @@ body{-webkit-transition: all 0.5s;
 
 .footer .col-sm-6 { float: none; display: inline-block;   width: 49.6%; vertical-align: top;}
 
+
+
 }
 
 @media only screen and (min-width: 768px) and (max-width: 992px) {
@@ -704,33 +743,39 @@ body{-webkit-transition: all 0.5s;
 
 .products_pager { padding: 0; }
 ul.wizard { width: 100%; position: relative;top: 0;}
+
+.menu-toggle{top: 60px}
+.header-middle .logo{margin-right: 0}
+.header-middle .header-search { width: 500px; padding-right: 0;}
+.header-middle .header-search .btn {right:0; top: 0;}
 }
 
 @media only screen and (min-width: 768px) and (max-width: 815px) {
-.header-middle .header-search { padding-right: 45px;}
-.header-middle .header-search .btn {right:20px;}
+.header-middle .header-search {width: 70%; margin-left: 0; padding-right: 300px;}
+.header-middle .header-search .btn {right:-39px; top: 0; margin-right: 300px;}
 .page-title{height: 60px;}
 }
 
 @media only screen and (min-width: 0px) and (max-width: 767px) {
+.tienda-boton{display: none}
 .page-title{height: 60px;}
 .header-top { z-index: 9999}
 .nav-top { z-index: 999; position: relative;}
 .nav-top .navbar-collapse { top: 0;}
-.header-middle .prueba{display: none;}
-.header-middle .logo { width: 100%; display: inline-block; margin-bottom: 0; margin-left: 0; text-align: center;}
+.header-middle .logo { width: 100%; display: inline-block; margin-bottom: 20px;  text-align: center;}
 .header-top .account-nav { width: 70%; display: inline-block; text-align: left;}
 .header-top .login-nav { border-top: 1px solid #ddd;   display: inline-block;    padding-top: 5px;   text-align: center;   width: 100%;}
-
 /*language Selection Risponsive*/
 .header-top .js_language_selector.hidden-xs { display: block !important; position: absolute; top: 0; right: 60px;}
 /*language Selection  Risponsive End*/
 
-.header-middle .header-search {width: 350px; padding-right: 80px;}
-.header-middle .header-search .btn { right: 80px;}
-.header-middle .header-search { margin: 10px;}
+
+.menu-toggle { top: -90px;}
+.header-middle .header-search {width: 80%; margin-left: 20px; top:-50px;}
+.header-middle .header-search .btn {right:-39px; top: 0; margin-right:0px;}
+
 .header-top .login-nav p { margin: 0;}
-.menu-toggle { top: -44px;}
+.
 
 .cart-toggle .top-cart-content { top: 32px;}
 .product-detail .product-info { margin-top: 20px;}
@@ -757,8 +802,8 @@ ul.wizard li { margin-bottom: 15px;}
 
 .footer .col-sm-6 { float: none; display: inline-block;   width: 100%; }
 footer { padding-bottom: 60px}
-footer .copyright { text-align: right; padding: 10px;}
-footer .copyright-right{text-align: right;}
+footer .copyright { text-align: center; padding: 10px;}
+footer .copyright-right{ width: 100%;text-align: center;}
 footer .list-social {margin-left:0 ; text-align: left; position: absolute;}
 
 .products_pager { padding: 0; }
@@ -768,8 +813,20 @@ footer .list-social {margin-left:0 ; text-align: left; position: absolute;}
 
 
 @media only screen and (min-width: 0px) and (max-width: 479px) {
+  footer .copyright { text-align: center; padding: 8px;}
+  footer .copyright-right{text-align: center;}
+  footer .list-social {margin-left:0 ; text-align: center; position: relative;}
+.page-title{margin-top: -40px; }
+.tienda-boton{display: none}
+
+.header-middle .logo {padding:0; margin: 0; margin-top: 10px}
+.header-middle .header-search{width: 50px; margin-top:20px; margin-left: 0}
+.header-middle .header-search .btn{top:0; right:-39px;}
+.menu-toggle { top: -85px;}
+.nav-top{border: none} 
+
 .product-list .item,
-#product_grid .item { width: 100%}
+#product_grid .item { width: 100%;}
 
 }
 
@@ -852,6 +909,11 @@ top:3px;
 
 }
 
+.header-middle .logo {padding:0; margin: 0; margin-top: 10px}
+.header-middle .header-search{width: 70%; top:-10px;}
+.header-middle .header-search .btn{top:0; right:-39px;}
+
+
 /*---------probando efectos---------*/
 
 

static/src/js/myjs.js

@@ -10,11 +10,10 @@ loop:true,
 responsiveClass:true,
   responsive:{
 100:{
-      items:1,},
-300:{
-    items:2,
+    items:1,
 
 },
+400:{items:2,},
 600:{
     items:3,
 

views/theme.xml

@@ -200,6 +200,8 @@
 						            <li><a href="/web">Mi Cuenta</a></li>
 						            <li><a t-attf-href="/shop/cart" t-if="website_sale_order and website_sale_order.website_order_line">Salir</a></li>
 						    </ul> <li class="fa fa-envelope" style="padding:7px; color:#000055">&amp;nbsp;sac@topjeans.com.py</li>
+                 <span><img src="/kingfisher/static/src/img/whatsapp-16.png"/> <span style="color: rgb(0, 0, 85);">(0981) 291 286</span></span>
+
 
 						    <div class="header-cart pull-right oe_cart" id="myDiv">
 						    	<div class="cart-toggle">
@@ -305,20 +307,20 @@
 					<div class="header-middle">
 						<div class="container">
 							<div class="row">
-                <div class="prueba">
+                <!-- <div class="prueba">
              <div>      </div>
              <span class="fa fa-phone" style="font-size: 13px; color: rgb(0, 0, 85);"/>
              <span style="color: rgb(0, 0, 85);"> <span style="color: rgb(0, 0, 85);">(021) 220 269</span>  </span>
              <span style="color: rgb(0, 0, 85);"><img src="/kingfisher/static/src/img/whatsapp-16.png"/> <span style="color: rgb(0, 0, 85);">(0981) 291 286</span></span>
-           </div>
-               <h1 class="col-md-2 col-xs-12 col-sm-6 logo" style="left:3%">
+           </div> -->
+               <h1 class="col-md-4 col-xs-12 col-sm-6 logo" style="left:3%">
                     <a href="/page/website.homepage">
                       <img src="/kingfisher/static/src/img/logo.png" title="TOP JEANS PARAGUAY S.A." alt="TOP JEANS PARAGUAY S.A." />
                     </a>
                   </h1>
 
-                    <div class="col-md-4 col-xs-12 col-sm-4 pull-right">
-						        	<div class="header-search" style="top:30px">
+                    <div class="col-md-8 col-xs-12 col-sm-6 pull-right">
+						        	<div class="header-search">
 						            	<form action='/shop' method="get">
 						            	  <t t-set="search_text" t-value="search"/>
 						                  <input class="form-control" type="text" placeholder="Buscar..." t-att-value="search" name="search"/>
@@ -470,7 +472,7 @@
 
 
 						<div class="col-md-4 col-sm-6">
-							<div class="widget" style="margin-left:50px">
+							<div class="widget">
 							   <h3 class="block-title style1"><span>Informaciones</span></h3>
 								   <ul class="list-unstyled list-star">
 								        <li><a href="/page/website.terminos_y_condiciones_de_pago" >Términos y Condiciones de Pago</a></li>
@@ -550,17 +552,18 @@
 					    </ol>
 					    <!-- Wrapper for slides -->
 					    <div class="carousel-inner" role="listbox">
-	 			          <div class="item active" style="background-image: url(/kingfisher/static/src/img/banner1.png)">
-		        <div class="container">
+	 			          <div class="item active">
+                    <img src="/kingfisher/static/src/img/banner1.png" class="img-responsive" style="width:100%"/>
+                  </div>
 
-		          <div class="row content"><img /> </div></div></div>
-	  			          <div class="item" style="background-image: url(/kingfisher/static/src/img/banner2.png)"><div class="container">
-		          <div class="row content"><img/> </div></div></div>
+	  			          <div class="item">
+		          <img src="/kingfisher/static/src/img/banner2.png" class="img-responsive" style="width:100%"/>
 					    </div>
-
+   </div>
               <div class="carousel-control left" data-slide="prev"  href="#carousel_example_generic" style="background: transparent; width: 10%">
                <i class="fa fa-arrow-circle-left fa-2x"/>
            </div>
+
            <div class="carousel-control right" data-slide="next"  href="#carousel_example_generic" style="background: transparent; width: 10%">
                <i class="fa fa-arrow-circle-right fa-2x"/>
            </div>