optimizacion movil

static/src/css/custom.css

@@ -3,9 +3,4 @@
 .cover_footer { min-height: 215px; height: 215px; cursor: pointer; }
 @media screen and (min-width:991px) {
 	#myCarousel1 { height: 472px; overflow: hidden; }
-}
-@media screen and (min-width:970px) {
-	.portadaamo { height: 472px !important; overflow: hidden; }
-}
-
-
+}

static/src/css/kingfisher_pro.css

@@ -2,7 +2,6 @@
 .ug-gallery-wrapper .ug-strip-panel { background-color: rgb(245, 245, 245); position: absolute; z-index: 2; }
 #o_shop_collapse_category li a { display: inline-block; width: 80%; padding-left: 3px; }
 #o_shop_collapse_category li i.fa { cursor: pointer; }
-.slide-pwp_img { width: 235px !important; height: 350px !important; }
 
 @font-face {
 	font-family: 'icomoon';
@@ -30,4 +29,4 @@
 }
 .icon-whatsapp:before {
 	content: "\e902"
-}
+}

static/src/less/product.less

@@ -99,7 +99,7 @@
 }
 .cs-product {
 	margin-bottom: 0px;
-	width: 397;
+/*	width: 397px;*/
 	vertical-align: top;
 
 	.pwp-img {

static/src/less/web.less

@@ -17,7 +17,6 @@ a:focus {
 a:hover {
 	cursor: pointer;
 }
-
 @images: "../img";
 @box-body-bg1:url("@{images}/pattern.png");
 @box-body-bg2:url("@{images}/pattern2.png");
@@ -724,6 +723,9 @@ a:hover {
 }
 .cs-product {
 	display: inline-block;
+	@media (max-width:1000px) {
+		width:263px;
+	}
 
 	.pwp-img {
 		height: 394px;
@@ -739,11 +741,13 @@ a:hover {
 				left: 0;
 				bottom: 0;
 				margin: 0;
-				max-height: 394px;
+				/*max-height: 100vh;*/
 				width:100%;
-				@media (max-width:1000px) {
-			width:341;
-		}
+				@media screen and (min-widht:768px) and (max-width:1000px) {
+					width:263px;
+					height:394px;
+				}
+
 
 
 			}
@@ -796,6 +800,7 @@ a:hover {
 			left: 45px;
 		}
 	}
+
 }
 
 
@@ -3457,64 +3462,19 @@ min-width: 160px;
 white-space: nowrap;
 
 }*/
-#list_add_to_cart > span{
-	display: block;
-  display: -webkit-box;
-  display: -moz-box;
-  max-width: 100%;
-  height: 60px;
-  margin: 0 auto;
-  font-size: 14px;
-  line-height: 1.4;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  -moz-line-clamp: 3;
-  -moz-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-    
-}
-.popover
-{
-		.popover-navigation{
-			.text-muted{margin-left:14px;}
-			.btn-link{padding:6px 15px !important;}
-		}
-	
-}
-
-	#right_column{
-		.input-group{
-			a{
-		padding:6px 15px;
-		&:hover{
-			color:@light-color;
-		};
-
-		}
-		} 
-
-}
-#wrap .table tr td:last-child{width: inherit; min-width: inherit;}
-
-.filtrouno  {
-	
-	margin: 5px 0px 5px 0px;
-	background: @theme;
-	color:#ffffff;
-	padding:10px;
-	width: 100%;
-	text-transform: uppercase;
+#list_add_to_cart > span { display: block; display: -webkit-box; display: -moz-box; max-width: 100%; height: 60px; margin: 0 auto; font-size: 14px; line-height: 1.4; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-line-clamp: 3; -moz-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
+.popover { .popover-navigation { .text-muted { margin-left: 14px; }
+		.btn-link { padding: 6px 15px !important; }
+	}
 }
-
-.footercolor{
-	color: @theme;
-	font-weight: 700;
-	font-size:14;
+#right_column { .input-group { a { padding: 6px 15px;
+			&:hover { color: @light-color; }
+		; }
+	}
 }
-
-
+#wrap .table tr td:last-child { width: inherit; min-width: inherit; }
+.filtrouno { margin: 5px 0px 5px 0px; background: @theme; color: #ffffff; padding: 10px; width: 100%; text-transform: uppercase; }
+.footercolor { color: @theme; font-weight: 700; font-size: 14; }
 .facil { color: @theme; font-size: 12px; }
 .bucar_movil { width: 40%; float: right; padding-right: 70px; margin-top: 7px }
 .buscar { background: @theme !important; border: 1px solid @theme }
@@ -3522,7 +3482,6 @@ white-space: nowrap;
 	.buscador { position: absolute; top: 3px; float: right !important; left: 30% }
 	.bucar_movil { display: none }
 }
-@media only screen and (max-width:600px) and (max-width:994px) { }
 @media only screen and (min-width:600px) and (max-width:994px) {
 	.buscador { display: none }
 	.bucar_movil { display: inherit }
@@ -3530,90 +3489,162 @@ white-space: nowrap;
 @media only screen and (min-width:100px) and (max-width:599px) {
 	.bucar_movil { display: none }
 }
-
+@media only screen and (min-device-width:320px) and (max-device-width:480px) and (min-device-aspect-ratio:320/480)  and (orientation:landscape) {
+	.cs-product { display: inline-block; width: 220px !important;
+		.pwp-img { height: 330px !important; width: 220px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vw; width: 100%; }
+			}
+		}
+		.slide-pwp_img { width: 205px !important; height: 307px !important; }
+	}
+	.slide-cs_productos { width: 205px !important; }
+	.ads-section { .small-banners { height: 210px !important; }
+		.adsb-inner2 { height: 210px; }
+	}
+}
 @media only screen and (min-device-width:360px) and (max-device-width:409px) and (min-device-aspect-ratio:360/640)  and (orientation:portrait) {
 	.cs-product { display: inline-block; width: 330px !important;
-		.pwp-img { height: 440px !important; width: 295px !important;
+		.pwp-img { height: 490px !important; width: 330px !important;
 			>a { img { max-height: 100vh; }
 			}
 		}
+		.slide-pwp_img { width: 295px !important; height: 440px !important; }
 	}
 	.slide-cs_productos { width: 295px !important; }
-	.slide-pwp_img { width: 295px !important; height: 440px !important; }
+	.ads-section { .small-banners { height: 330px !important; }
+		.adsb-inner2 { height: 330px; }
+	}
 }
-
-
-
-
-@media only screen and (min-device-width:410px) and (max-device-width:736px) and (min-device-aspect-ratio:414/736) and (orientation:portrait) {
-	.cs-product { display: inline-block; width: 380px !important;
-		.pwp-img { height: 510px !important; width: 340px !important;
-			>a { img { max-height: 100vh; }
+@media only screen and (min-device-width:320px) and (max-device-width:568px) and (min-device-aspect-ratio:320/568)  and (orientation:portrait) {
+	.cs-product { display: inline-block; width: 293px !important;
+		.pwp-img { height: 435px !important; width: 293px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vh; width: 100%; }
 			}
 		}
+		.slide-pwp_img { width: 255px !important; height: 380px !important; }
+	}
+	.slide-cs_productos { width: 255px !important; }
+	.ads-section { .small-banners { height: 290px !important; }
+		.adsb-inner2 { height: 290px; }
 	}
-	.slide-cs_productos { width: 340px !important; }
-	.slide-pwp_img { width: 340px !important; height: 510px !important; }
 }
-
-@media only screen and (min-device-width:668px) and (max-device-width:766px) and (min-device-aspect-ratio:414/736) and (orientation:landscape) {
-	.cs-product { display: inline-block; width: 335px !important;
-		.pwp-img { height: 500px !important; width: 335px !important;
-			>a { img { max-height: 100vw; }
+@media only screen and (min-device-width:481px) and (max-device-width:568px) and (min-device-aspect-ratio:320/568)  and (orientation:landscape) {
+	.cs-product { display: inline-block; width: 245px !important;
+		.pwp-img { height: 365px !important; width: 245px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vw; width: 100%; }
+			}
+		}
+		.slide-pwp_img { width: 225px !important; height: 335px !important; }
+	}
+	.slide-cs_productos { width: 225px !important; }
+	.ads-section { .small-banners { height: 254px !important; }
+		.adsb-inner2 { height: 254px; }
+	}
+}
+@media only screen and (min-device-width:600px) and (max-device-width:767px) and (min-device-aspect-ratio:600/960)  and (orientation:portrait) {
+	.cs-product { display: inline-block; width: 293px !important;
+		.pwp-img { height: 435px !important; width: 293px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vh; width: 100%; }
 			}
 		}
+		.slide-pwp_img { width: 225px !important; height: 335px !important; }
+	}
+	.slide-cs_productos { width: 225px !important; }
+	.ads-section { .small-banners { height: 270px !important; }
+		.adsb-inner2 { height: 270px; }
+	}
+	.col-xs-12 { width: 50%; }
+	.nexus7 { width: 100vw; }
+}
+@media only screen and (min-device-width:410px) and (max-device-width:599px) and (min-device-aspect-ratio:414/736) and (orientation:portrait) {
+	.cs-product { display: inline-block; width: 385px !important;
+		.pwp-img { height: 575px !important; width: 385px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vh; width: 100%; }
+			}
+		}
+		.slide-pwp_img { width: 335px !important; height: 500px !important; }
 	}
 	.slide-cs_productos { width: 335px !important; }
-	.slide-pwp_img { width: 335px !important; height: 500px !important; }
+	.zompromo { zoom: 0.5; }
+	.ads-section { .small-banners { height: 380px !important; }
+	}
+}
+@media only screen and (min-device-width:668px) and (max-device-width:766px) and (min-device-aspect-ratio:414/736) and (orientation:landscape) {
+	.cs-product { display: inline-block; width: 340px !important;
+		.pwp-img { height: 510px !important; width: 340px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vw; width: 100%; }
+			}
+		}
+		.slide-pwp_img { width: 300px !important; height: 410px !important; }
+	}
+	.slide-cs_productos { width: 300px !important; }
+}
+@media only screen and (min-device-width:800px) and (max-device-width:800px) and (min-device-aspect-ratio:800/1280)  and (orientation:portrait) {
+	.cs-product { display: inline-block; width: 235px !important;
+		.pwp-img { height: 350px !important; width: 235px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vh; width: 100%; }
+			}
+		}
+		.slide-pwp_img { width: 235px !important; height: 350px !important; }
+	}
+	.slide-cs_productos { width: 235px !important; }
+	.ads-section { .small-banners { height: 220px !important; }
+		.adsb-inner2 { height: 220px; }
+	}
+	.imgpromo { height: 220px !important; }
+	.zomnex { -moz-transform: translateX(1) translateY(1%) scaleX(1) scaleY(1) !important; -ms-transform: translateX(1%) translateY(1%) scaleX(1) scaleY(1) !important; -o-transform: translateX(1%) translateY(1%) scaleX(1) scaleY(1) !important; transform: translateX(1%) translateY(1%) scaleX(1) scaleY(1) !important; }
 }
-
-
-
-
-
 @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (min-device-aspect-ratio:768/1024) and (orientation:landscape) {
 	.cs-product { display: inline-block; width: 226px !important;
 		.pwp-img { height: 335px !important; width: 226px !important;
 			>a { img { max-height: 100vh; }
 			}
 		}
+		.slide-pwp_img { width: 220px !important; height: 330px !important; }
 	}
+	.slide-cs_productos { width: 220px !important; }
 }
-
-
-
 @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (min-device-aspect-ratio:768/1024)  and (orientation:portrait) {
 	.cs-product { display: inline-block; width: 236px !important;
 		.pwp-img { height: 352px !important; width: 236px !important;
 			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vh; width: 100%; }
 			}
 		}
+		.slide-pwp_img { width: 326px !important; height: 487px !important; }
+	}
+	.slide-cs_productos { width: 326px !important; }
+	.ads-section { .small-banners { height: 208px !important; }
+		.adsb-inner2 { height: 208px; }
 	}
 }
-
 @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (min-device-aspect-ratio:768/1024)  and (orientation:landscape) {
 	.adsb-inner2 { height: 280px !important; }
 	.search-toggle { right: -26px !important; }
 }
-
-
-
-@media only screen and (min-width:375px) and (max-width:667px) and (aspect-ratio:375/667) and (orientation:portrait) {
+@media  screen and (min-width:375px) and (max-width:667px) and (aspect-ratio:375/667) and (orientation:landscape) {
+	.cs-product { display: inline-block; width: 300px !important;
+		.pwp-img { height: 450px !important; width: 300px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vw !important; width: 100%; }
+			}
+		}
+		.slide-pwp_img { width: 300px !important; height: 450px !important; }
+	}
+	.slide-cs_productos { width: 300px !important; }
+}
+@media only screen and (min-device-width:375px) and (max-device-width:667px) and (aspect-ratio:375/667) and (orientation:portrait) {
 	.cs-product { display: inline-block; width: 345px !important;
 		.pwp-img { height: 518px !important; width: 345px !important;
 			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vh; width: 100%; }
 			}
 		}
+		.slide-pwp_img { width: 300px !important; height: 450px !important; }
 	}
+	.slide-cs_productos { width: 300px !important; }
 }
-
-
-@media only screen and (min-device-width:530px) and (max-device-width:767px) and (orientation:landscape) {
+@media only screen and (min-device-width:480px) and (max-device-width:767px) and (orientation:landscape) {
 	.col-xxs-4 { width: 33.33333333% !important; }
 	.col-xxs-6 { width: 50% !important }
-
 }
-
 @media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (min-device-aspect-ratio:1024/1366) and (orientation:portrait) {
 	.cs-product { display: inline-block; width: 230px !important;
 		.pwp-img { height: 340px !important; width: 230px !important;
@@ -3624,8 +3655,28 @@ white-space: nowrap;
 	.adsb-inner2 { height: 280px !important; }
 	.search-toggle { right: -26px !important; }
 }
+@media (min-width:1200px) {
+	.cs-product {
 
-@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (min-device-aspect-ratio:1366/768){
-
+		/*display: inline-block; width: 345px !important;
+				.pwp-img { height: 518px !important; width: 345px !important;
+					>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vh; width: 100%; }
+					}
+				}*/
+		.slide-pwp_img { width: 220px !important; height: 330px !important; }
+	}
+	.slide-cs_productos { width: 220px !important; }
+}
+@media screen and (min-width:1920px) and (max-widht:2559px) {
+	body { zoom: 1.5; }
+}
+@media (min-width:2560px) {
+	body { zoom: 2.1; }
+}
+@media screen and (min-width:970px) {
+	.portadaamo { height: 472px !important; overflow: hidden }
+}
+@media screen and (max-width:767px) {
+	.jeanspromo { height: 50vh !important }
+}
 
-}

views/snippets.xml

@@ -2,6 +2,7 @@
 <openerp>
 <data>
 
+
     <!-- Home Slider snippet -->
     <template id="s_kingfisher_pro_home_slider" name="Slider del Inicio">
         <div id="myCarousel" class="carousel slide theme-home-slider s_kingfisher_pro_home_slider" data-interval="10000" data-ride="carousel">
@@ -15,7 +16,7 @@
                 <div class="item item1 active">
                     <div class="container">
                         <div class="row content">
-                            <blockquote class="col-md-6 col-sm-6 col-xs-6">
+                            <blockquote class="col-md-6 col-sm-6 col-xs-12 col-xxs-6">
                                 <p>Nuevas Colecciones</p>
                                 <h2>Trajes de Hombres</h2>
                                 <h5>Descuentos <span>20%</span></h5>
@@ -32,7 +33,7 @@
                 <div class="item item2">
                     <div class="container">
                         <div class="row content">
-                            <blockquote class="pull-right col-md-5 col-sm-6 col-xs-6">
+                            <blockquote class="pull-right col-md-5 col-sm-6 col-xs-12 col-xxs-6">
                                 <p>Prendas de Vestir</p>
                                 <h2>Moda Femenina</h2>
                                 <h5>Descuento <span>20%</span></h5>
@@ -40,7 +41,7 @@
                                     <a href="#">Comprar Ahora <i class="fa fa-angle-right"/></a>
                                 </div>
                             </blockquote>
-                            <div class="col-md-7 col-sm-6 col-xs-6">
+                            <div class="col-md-7 col-sm-6 col-xs-6 col-xs-12 col-xxs-6">
                                     <img src="/kingfisher_pro/static/src/img/women-top.png"/>
                             </div>
                         </div>

views/theme.xml

@@ -10,25 +10,7 @@
 				<a class="navbar-brand logo" href="/page/website.homepage">
 					<img alt="Kingfisher Pro Fashion" src="/kingfisher_pro/static/src/img/kingfisher-logo.png" title="Kingfisher Pro Fashion"/>
 				</a>
-				<div>
-					<ul class="links hidden-sm hidden-xs">
-						<li>
-							<a class="top-link-myaccount" href="#" title="Search">
-								<div class="search-toggle">
-									<span class="st-toggle">
-										<i class="fa fa-search"/>
-									</span>
-									<div class="hsearch-block">
-										<form action="/shop" method="get">
-											<t t-set="search_text" t-value="search"/>
-											<input class="form-control" name="search" placeholder="Buscar..." t-att-value="search" type="text"/>
-										</form>
-									</div>
-								</div>
-							</a>
-						</li>
-					</ul>
-				</div>
+				<!-- 				<div><ul class="links hidden-sm hidden-xs"><li><a class="top-link-myaccount" href="#" title="Search"><div class="search-toggle"><span class="st-toggle"><i class="fa fa-search"/></span><div class="hsearch-block"><form action="/shop" method="get"><t t-set="search_text" t-value="search"/><input class="form-control" name="search" placeholder="Buscar..." t-att-value="search" type="text"/></form></div></div></a></li></ul></div>-->
 			</xpath>
 			<xpath expr="//footer" position="after">
 				<a class="cd-top" href="#0">
@@ -57,6 +39,7 @@
 									<p>
 										<span class="king_pro_cart_quantity" t-esc="int(line.product_uom_qty)"/>x 
                                     
+										
 										<span t-field="line.price_unit" t-field-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;display_currency&quot;: &quot;user_id.partner_id.property_product_pricelist.currency_id&quot;}"/>
 										<span class="price">
 											<a t-attf-href="/shop/product/#{ slug(line.product_id.product_tmpl_id) }">detalles</a></span>
@@ -119,44 +102,28 @@
 									<div class="top-right col-md-6 col-sm-4 col-xs-4 text-right">
 										<ul class="links">
 											<div class="buscador col-xs-6">
-                                        <form role="form formu_buscador" action="/shop" method="get">
-                                            <div class="row">
-                                                <div class="form-group">
-                                                    <div class="input-group">
-                                                        <t t-set="search_text" t-value="search"/>
-                                                        <input class="form-control" type="text" name="search" placeholder="Buscar..." required="required"/>
-                                                        <span class="input-group-btn">
-                                                            <button class="btn btn-info buscar" type="submit">
-                                                                <i class="fa fa-search" aria-hidden="true"></i>
-                                                            </button>
-                                                        </span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </form>
-                                    </div>
-											<li t-if="website.user_id == user_id">
-                                        <a href="/web/login" title="Iniciar Session">
-                                           <i class="fa fa-user" aria-hidden="true"></i>
-                                        
-                                        </a>
-                                    </li>
-
-<!-- 											<li class="hidden-md hidden-lg hidden-xl">
-												<a class="top-link-myaccount" href="#" title="Search">
-													<div class="search-toggle">
-														<span class="st-toggle">
-															<i class="fa fa-search"/>
-														</span>
-														<div class="hsearch-block">
-															<form action="/shop" method="get">
+												<form action="/shop" method="get" role="form formu_buscador">
+													<div class="row">
+														<div class="form-group">
+															<div class="input-group">
 																<t t-set="search_text" t-value="search"/>
-																<input class="form-control" name="search" placeholder="Buscar..." t-att-value="search" type="text"/>
-															</form>
+																<input class="form-control" name="search" placeholder="Buscar..." required="required" type="text"/>
+																<span class="input-group-btn">
+																	<button class="btn btn-info buscar" type="submit">
+																		<i aria-hidden="true" class="fa fa-search"/>
+																	</button>
+																</span>
+															</div>
 														</div>
 													</div>
+												</form>
+											</div>
+											<li t-if="website.user_id == user_id">
+												<a href="/web/login" title="Iniciar Session">
+													<i aria-hidden="true" class="fa fa-user"/>
 												</a>
-											</li> -->
+											</li>
+											<!-- 											<li class="hidden-md hidden-lg hidden-xl"><a class="top-link-myaccount" href="#" title="Search"><div class="search-toggle"><span class="st-toggle"><i class="fa fa-search"/></span><div class="hsearch-block"><form action="/shop" method="get"><t t-set="search_text" t-value="search"/><input class="form-control" name="search" placeholder="Buscar..." t-att-value="search" type="text"/></form></div></div></a></li>-->
 											<li class="configuration">
 												<a class="top-link-wishlist" href="#" title="Configure">
 													<i class="fa fa-cog"/>
@@ -195,6 +162,7 @@
 															<t t-if="website.user_id != user_id">
 																<li>Bienvenido, 
                                                                 
+																	
 																	<b>
 																		<t t-esc="user_id.name"/></b>
 																</li>
@@ -219,6 +187,7 @@
 												<a class="top-link-checkout" href="#" title="Checkout">
 													<i class="fa fa-shopping-cart"/>x 
                                                 
+													
 													<t t-set="website_sale_order" t-value="website.sale_get_order()"/>
 													<span class="king_pro_cart_quantity" t-esc="website_sale_order and website_sale_order.cart_quantity or 0"/></a>
 												<div class="mini-cart-content dropdown-content left-hand block block-cart skip-content skip-content--style" id="header-cart">
@@ -251,17 +220,16 @@
 					<div class="container">
 						<div class="row">
 							<div class="footer-content">
-								<div class="col-md-3 col-sm-3 footer-col">
+								<div class="col-md-3 col-sm-3 col-xs-12 col-xxs-6  footer-col">
 									<section class="fot-col fot-link">
-										<div class="fb-page" data-adapt-container-width="true" data-height="300" data-hide-cover="false" data-href="https://www.facebook.com/amojeanspy" data-show-facepile="true" data-small-header="false" data-tabs="timeline">
-											<blockquote cite="https://www.facebook.com/amojeanspy" class="fb-xfbml-parse-ignore">
-												<a href="https://www.facebook.com/amojeanspy">Amo Jeans</a>
-											</blockquote>
+										<div class="fb-page fb_iframe_widget" data-adapt-container-width="true" data-height="320" data-hide-cover="false" data-href="https://www.facebook.com/amojeanspy" data-show-facepile="true" data-small-header="false" data-tabs="timeline,messages,events" fb-iframe-plugin-query="adapt_container_width=true&amp;app_id=1511113442515741&amp;container_width=263&amp;height=320&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Famojeanspy&amp;locale=es_ES&amp;sdk=joey&amp;show_facepile=true&amp;small_header=false&amp;tabs=timeline%2Cmessages%2Cevents" fb-xfbml-state="rendered">
+											<span style="vertical-align: bottom; width: 263px; height: 320px;">
+												<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="320px" name="f316311eacd7be8" scrolling="no" src="https://www.facebook.com/v2.8/plugins/page.php?adapt_container_width=true&amp;app_id=1511113442515741&amp;channel=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2F96nq-xsaNcg.js%3Fversion%3D42%23cb%3Df1873369e9f47d8%26domain%3D192.168.100.141%26origin%3Dhttp%253A%252F%252F192.168.100.141%253A12500%252Ff3783d1faeb742%26relation%3Dparent.parent&amp;container_width=263&amp;height=320&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Famojeanspy&amp;locale=es_ES&amp;sdk=joey&amp;show_facepile=true&amp;small_header=false&amp;tabs=timeline%2Cmessages%2Cevents" style="border: none; visibility: visible; width: 263px; height: 320px;" title="fb:page Facebook Social Plugin" width="1000px"/>
+											</span>
 										</div>
-										<div id="fb-root"/>
 									</section>
 								</div>
-								<div class="col-md-2 col-sm-4 footer-col">
+								<div class="col-md-2 col-sm-4 col-xs-12 col-xxs-4  footer-col">
 									<div class="fot-col fot-address">
 										<div class="address-list">
 											<p>
@@ -272,11 +240,15 @@
 											<!--</address>-->
 											<p class="call-us">
 												<span>
-													<a t-attf-href="tel: #{res_company.phone}">
+													<!--<a t-attf-href="tel: #{res_company.phone}">-->
+													<a t-attf-href="tel:+595986517746">
 														<i class="fa fa-phone"/>0986-517-746
                         
                                                 
                                                 
+                                                
+                                                
+                                                
 														<span t-field="res_company.phone"/></a>
 												</span>
 											</p>
@@ -287,85 +259,80 @@
 										</div>
 									</div>
 								</div>
-								<div class="col-md-2 col-sm-3 footer-col">
+								<div class="col-md-2 col-sm-3 col-xs-12 col-xxs-4 footer-col">
 									<section class="fot-col fot-link">
 										<ul>
 											<li>
 												<p>
-													<font class="footercolor">Marcas
-                                              
-                                              </font>
+													<font class="footercolor">MARCAS</font>
 												</p>
 											</li>
 											<li>
-												<a href="#">Preta Bronze</a>
+												<a href="/shop/category/preta-bronze-9">Preta Bronze</a>
 											</li>
 											<li>
-												<a href="#">Ri 19</a>
+												<a href="/shop/category/sawary-26">Sawari</a>
 											</li>
 											<li>
-												<a href="#">Sawary</a>
+												<a href="/shop/category/r-i19-14">Ri 19</a>
 											</li>
 											<li>
-												<a href="#">Emporio</a>
+												<a href="/shop/category/emporio-21">Emporio</a>
 											</li>
 											<li>
-												<a href="#">Legion</a>
+												<a href="/shop/category/legiao-31">Legion</a>
 											</li>
+											<li/>
 										</ul>
 									</section>
 								</div>
-								<div class="col-md-2 col-sm-2 footer-col">
+								<div class="col-md-2 col-sm-2 col-xs-12 col-xxs-6 footer-col">
 									<section class="fot-col fot-link">
 										<ul>
 											<li>
 												<p>
-													<font class="footercolor">INFORMACIONES
-                                              
-                                              </font>
+													<font class="footercolor">INFORMACIONES</font>
 												</p>
 											</li>
 											<li>
-												<a href="#">Delivery-Ubicaciones</a>
+												<a href="/page/codigos-postales">Delivery Ubicaciones</a>
 											</li>
 											<li>
-												<a href="#">Delivery-Condiciones</a>
+												<a href="/page/terminos-y-condiciones-de-envio">Delivery Términos</a>
 											</li>
 											<li>
-												<a href="#">Terminos y Condiciones</a>
+												<a href="/page/dudas-frecuentes">Dudas Frecuentes</a>
 											</li>
 											<li>
-												<a href="#">Encuentra un Representante</a>
+												<a href="/page/contactus#">Contacto</a>
 											</li>
 										</ul>
 									</section>
 								</div>
-								<div class="col-md-3 col-sm-12 newsletter-div">
-									<section>
-										<div class="newsletter">
-											<h3>Newsletter!</h3>
-											<p>Recibe Noticias y Novedades!</p>
-											<form action="/form/myinsert" enctype="multipart/form-data" method="POST">
-												<div class="oe_structure" id="ehtml_fields">
-													<section class="oe_snippet_body ehtml_form_field">
-														<div class="form-group">
-															<label class="control-label" for="email">Email</label>
-															<input class="js_subscribe_email form-control" id="email" name="email" pattern="^[a-zA-Z0-9.!#$%&amp;'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" required="required" style="border-radius:4px;background-color:#ffffff" type="email"/>
-														</div>
-													</section>
-													<section class="oe_snippet_body ehtml_form_field">
-														<div class="form-group">
-															<label class="control-label" for="name" style="font-weight: normal">Nombre</label>
-															<input class="js_subscribe_email form-control" id="name" name="name" pattern="^[A-Za-zñÑ ' ýÝáéíóúÁÉÍÓÚàèìòùÀÈÌÒÙâêîôûÂÊÎÔÛÑñäëïöüÄËÏÖÜ\s\t .-]+$" required="required" title="Escriba su Verdadero Nombre" type="text"/>
-														</div>
-													</section>
-													<span class="btn-box">
-														<input name="form_id" type="hidden" value="1"/>
-														<input class="btn btn-primary js_subscribe_btn" type="submit" value="Suscribirse Ahora"/>
-													</span>
-												</div>
-											</form>
-										</div>
+								<div class="col-md-3 col-sm-12 col-xs-12 col-xxs-4  newsletter-div">
+									<section class="oe_snippet_body ehtml_form container" id="ehtml_form">
+										<form action="/form/myinsert" enctype="multipart/form-data" method="POST">
+											<h3>NewsLetter!</h3>
+											<p>Recibe Noticias y Novedades</p>
+											<p>en tu correo</p>
+											<p/>
+											<div class="oe_structure" id="ehtml_fields">
+												<section class="oe_snippet_body ehtml_form_field">
+													<div class="form-group">
+														<label class="control-label" for="email">Email</label>
+														<input class="form-control" id="email" name="email" pattern="^[a-zA-Z0-9.!#$%&amp;'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" required="required" style="border-radius:4px; background-color:#ffffff; color:#808080;width:100%" type="email"/>
+													</div>
+												</section>
+												<section class="oe_snippet_body ehtml_form_field">
+													<div class="form-group">
+														<label class="control-label" for="name" style="font-weight: normal">Nombre y Apellido</label>
+														<input class="form-control" id="name" name="name" pattern="^[A-Za-zñÑ ' ýÝáéíóúÁÉÍÓÚàèìòùÀÈÌÒÙâêîôûÂÊÎÔÛÑñäëïöüÄËÏÖÜ\s\t .-]+$" syte="text-transform: lowercase; " title="Escriba su Verdadero Nombre" type="text"/>
+													</div>
+												</section>
+												<input name="form_id" type="hidden" value="6"/>
+												<input class="btn btn-primary btn-lg" type="submit" value="Suscríbame"/>
+											</div>
+										</form>
 									</section>
 								</div>
 							</div>
@@ -387,6 +354,7 @@
 								<div class="col-md-6 col-sm-6">
 									<p>© 2016 por 
                                   
+										
 										<a href="http://www.eiru.com.py/">
 											<span>Eiru Sofware.</span></a>Derechos Reservados.</p>
 								</div>
@@ -625,9 +593,11 @@
 			<xpath expr="//div[@id='website_description']/div/ul/li" position="before">
 				<li class="active" role="presentation">
 					<a aria-controls="reviews" data-toggle="tab" href="#reviews" role="tab">Evaluaciones 
+						
 						<t t-if="len(product.website_message_ids)">
 							<span class="review_label">
 								(
+								
 								<t t-esc="len(product.website_message_ids)"/>
 								)</span>
 						</t>
@@ -660,6 +630,7 @@
 											<h5 class="media-heading">
 												<span t-field="message.author_id"/>
 												<small>en 
+													
 													<span t-field="message.date"/></small>
 											</h5>
 											<div t-field="message.body"/>
@@ -863,6 +834,7 @@
 										<t t-set="website_ppp" t-value="website.get_pager_selection()"/>
 										<span t-attf-class="#{website_ppp and len(website_ppp['page_no'])&gt;1 and 'simple_name' or 'hidden'}">Ver
                                         
+											
 											<div t-attf-class="#{website_ppp and len(website_ppp['page_no'])&gt;1 and 'dropdown' or 'hidden'} btn-group">
 												<t t-set="curr_ppp" t-value="website.get_current_pager_selection()"/>
 												<a class="dropdown-toggle btn btn-default" data-toggle="dropdown" href="#">
@@ -1019,6 +991,7 @@
 						<t t-if="request.session.get('tag')">
 							<label class="label label-info" id="tag">
 								<span>Etiqueta: 
+									
 									<t t-esc="request.session['tag'][1]"/></span>
 								<a id="clear">X</a>
 							</label>
@@ -1026,6 +999,7 @@
 						<t t-if="request.session.get('sortid')">
 							<label class="label label-info" id="sortid" t-if="len(request.session['sortid']) &gt;1">
 								<span>Filtrar por: 
+									
 									<t t-esc="request.session['sortid'][2]"/></span>
 								<a id="clear">X</a>
 							</label>
@@ -1033,6 +1007,7 @@
 						<t t-if="request.session.get('pricerange')">
 							<label class="label label-info" id="pricerange">
 								<span>Rango-Precio: 
+									
 									<t t-esc="request.session['pricerange']"/></span>
 								<a id="clear">X</a>
 							</label>
@@ -1513,6 +1488,7 @@
 							<p class="text-center not-found-message">La página que estas buscando no existe o fue cambiado</p>
 							<p class="text-center try-pages">Intente con cualquiera de estas paginas
                             
+								
 								<span>
 									<a t-attf-href="/page/website.homepage" title="Writizmo">Pagina Inicial</a></span>
 								<span>