Hola a todos, bueno mi consulta es la siguiente:
Quisiera saber cómo puedo hacer para que el menú que tengo en mi tienda Prestashop (al lado izquierdo del logo "ShaaraBuy", el de las 3 rayas horizontales), sea desplegable.
Es decir, he intentado de todo, pero parece que las hojas de estilo no están mostrando los cambios en el site.
Ya he intentado con borrar caché del equipo, del Prestashop como tal, hasta del hosting, pero aún nada.
¿Cómo podría hacerlo? ¿Será que estoy editando otra carpeta? ¿Será acaso algún script?
Saludos cordiales, y muchas gracias de antemano por su tiempo y por su ayuda
CODE HTML:
<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>ShaaraBuy</title> <meta name="description" content="Tienda creada con PrestaShop"> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico?1584291057"> <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico?1584291057"> <link href="https://shaarabuy.cl/themes/sp_destino/assets/css/fonts/font-awesome.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://shaarabuy.cl/themes/sp_destino/assets/css/sp_lib/owl.carousel.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/assets/css/theme.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/assets/css/theme-f58120.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/assets/css/responsive.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/modules/spthemeconfigurator/views/css/front/configCss-1.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spbanner/views/css/style.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spblocknewsletter/css/spblocknewsletter.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spcustomhtml/views/css/style.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spdeal/views/css/styles.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/modules/spdeal/views/css/animate.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/sphomeslider/css/sphomeslider.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/modules/sphomeslider/css/animate.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spmanufactureslider/views/css/styles.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/modules/spmanufactureslider/views/css/animate.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spmegamenu/css/spmegamenu.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spsearchpro/views/css/style.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spverticalmenu/css/spverticalmenu.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spextraslider/views/css/style.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/modules/spextraslider/views/css/css3.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spfooterlinks/views/css/style.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/splistingtabs/views/css/sp_listing_tabs.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/modules/splistingtabs/views/css/animate.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/modules/splistingtabs/views/css/owl.carousel.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/smartblog/css/smartblogstyle.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/modules/productcomments/views/css/productcomments.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/js/jquery/ui/themes/base/minified/jquery-ui.min.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/js/jquery/ui/themes/base/minified/jquery.ui.theme.min.css" type="text/css" media="all"> <link rel="stylesheet" href="https://shaarabuy.cl/modules/ps_imageslider/css/homeslider.css" type="text/css" media="all"> <script type="text/javascript" src="https://shaarabuy.cl/themes/sp_destino/assets/sp-js/jquery-1.11.0.min.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/themes/sp_destino/assets/sp-js/owl.carousel.js" ></script> <script type="text/javascript"> var prestashop = {"cart":{"products":[],"totals":{"total":{"type":"total","label":"Total","amount":0,"value":"$0"},"total_including_tax":{"type":"total","label":"Total (impuestos incl.)","amount":0,"value":"$0"},"total_excluding_tax":{"type":"total","label":"Total (impuestos excl.)","amount":0,"value":"$0"}},"subtotals":{"products":{"type":"products","label":"Subtotal","amount":0,"value":"$0"},"discounts":null,"shipping":{"type":"shipping","label":"Transporte","amount":0,"value":"Gratis"},"tax":null},"products_count":0,"summary_string":"0 art\u00edculos","vouchers":{"allowed":0,"added":[]},"discounts":[],"minimalPurchase":0,"minimalPurchaseRequired":""},"currency":{"name":"Peso chileno","iso_code":"CLP","iso_code_num":"152","sign":"$"},"customer":{"lastname":null,"firstname":null,"email":null,"birthday":null,"newsletter":null,"newsletter_date_add":null,"optin":null,"website":null,"company":null,"siret":null,"ape":null,"is_logged":false,"gender":{"type":null,"name":null},"addresses":[]},"language":{"name":"Espa\u00f1ol (Spanish)","iso_code":"es","locale":"es-ES","language_code":"es","is_rtl":"0","date_format_lite":"d\/m\/Y","date_format_full":"d\/m\/Y H:i:s","id":1},"page":{"title":"","canonical":null,"meta":{"title":"ShaaraBuy","description":"Tienda creada con PrestaShop","keywords":"","robots":"index"},"page_name":"index","body_classes":{"lang-es":true,"lang-rtl":false,"country-CL":true,"currency-CLP":true,"layout-full-width":true,"page-index":true,"tax-display-enabled":true},"admin_notifications":[]},"shop":{"name":"ShaaraBuy","logo":"\/img\/shaarabuy-logo-1584291057.jpg","stores_icon":"\/img\/logo_stores.png","favicon":"\/img\/favicon.ico"},"urls":{"base_url":"https:\/\/shaarabuy.cl\/","current_url":"https:\/\/shaarabuy.cl\/","shop_domain_url":"https:\/\/shaarabuy.cl","img_ps_url":"https:\/\/shaarabuy.cl\/img\/","img_cat_url":"https:\/\/shaarabuy.cl\/img\/c\/","img_lang_url":"https:\/\/shaarabuy.cl\/img\/l\/","img_prod_url":"https:\/\/shaarabuy.cl\/img\/p\/","img_manu_url":"https:\/\/shaarabuy.cl\/img\/m\/","img_sup_url":"https:\/\/shaarabuy.cl\/img\/su\/","img_ship_url":"https:\/\/shaarabuy.cl\/img\/s\/","img_store_url":"https:\/\/shaarabuy.cl\/img\/st\/","img_col_url":"https:\/\/shaarabuy.cl\/img\/co\/","img_url":"https:\/\/shaarabuy.cl\/themes\/sp_destino\/assets\/img\/","css_url":"https:\/\/shaarabuy.cl\/themes\/sp_destino\/assets\/css\/","js_url":"https:\/\/shaarabuy.cl\/themes\/sp_destino\/assets\/js\/","pic_url":"https:\/\/shaarabuy.cl\/upload\/","pages":{"address":"https:\/\/shaarabuy.cl\/direccion","addresses":"https:\/\/shaarabuy.cl\/direcciones","authentication":"https:\/\/shaarabuy.cl\/iniciar-sesion","cart":"https:\/\/shaarabuy.cl\/carrito","category":"https:\/\/shaarabuy.cl\/index.php?controller=category","cms":"https:\/\/shaarabuy.cl\/index.php?controller=cms","contact":"https:\/\/shaarabuy.cl\/contactenos","discount":"https:\/\/shaarabuy.cl\/descuento","guest_tracking":"https:\/\/shaarabuy.cl\/seguimiento-pedido-invitado","history":"https:\/\/shaarabuy.cl\/historial-compra","identity":"https:\/\/shaarabuy.cl\/datos-personales","index":"https:\/\/shaarabuy.cl\/","my_account":"https:\/\/shaarabuy.cl\/mi-cuenta","order_confirmation":"https:\/\/shaarabuy.cl\/confirmacion-pedido","order_detail":"https:\/\/shaarabuy.cl\/index.php?controller=order-detail","order_follow":"https:\/\/shaarabuy.cl\/seguimiento-pedido","order":"https:\/\/shaarabuy.cl\/pedido","order_return":"https:\/\/shaarabuy.cl\/index.php?controller=order-return","order_slip":"https:\/\/shaarabuy.cl\/facturas-abono","pagenotfound":"https:\/\/shaarabuy.cl\/pagina-no-encontrada","password":"https:\/\/shaarabuy.cl\/recuperar-contrase\u00f1a","pdf_invoice":"https:\/\/shaarabuy.cl\/index.php?controller=pdf-invoice","pdf_order_return":"https:\/\/shaarabuy.cl\/index.php?controller=pdf-order-return","pdf_order_slip":"https:\/\/shaarabuy.cl\/index.php?controller=pdf-order-slip","prices_drop":"https:\/\/shaarabuy.cl\/productos-rebajados","product":"https:\/\/shaarabuy.cl\/index.php?controller=product","search":"https:\/\/shaarabuy.cl\/busqueda","sitemap":"https:\/\/shaarabuy.cl\/mapa del sitio","stores":"https:\/\/shaarabuy.cl\/tiendas","supplier":"https:\/\/shaarabuy.cl\/proveedor","register":"https:\/\/shaarabuy.cl\/iniciar-sesion?create_account=1","order_login":"https:\/\/shaarabuy.cl\/pedido?login=1"},"alternative_langs":{"es":"https:\/\/shaarabuy.cl\/"},"theme_assets":"\/themes\/sp_destino\/assets\/","actions":{"logout":"https:\/\/shaarabuy.cl\/?mylogout="},"no_picture_image":{"bySize":{"small_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-small_default.jpg","width":100,"height":100},"cart_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-cart_default.jpg","width":130,"height":130},"home_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-home_default.jpg","width":270,"height":270},"layout3_home_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-layout3_home_default.jpg","width":370,"height":370},"medium_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-medium_default.jpg","width":450,"height":450},"large_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-large_default.jpg","width":600,"height":600}},"small":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-small_default.jpg","width":100,"height":100},"medium":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-layout3_home_default.jpg","width":370,"height":370},"large":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-large_default.jpg","width":600,"height":600},"legend":""}},"configuration":{"display_taxes_label":true,"display_prices_tax_incl":true,"is_catalog":false,"show_prices":true,"opt_in":{"partner":true},"quantity_discount":{"type":"discount","label":"Descuento"},"voucher_enabled":0,"return_enabled":0},"field_required":[],"breadcrumb":{"links":[{"title":"Inicio","url":"https:\/\/shaarabuy.cl\/"}],"count":1},"link":{"protocol_link":"https:\/\/","protocol_content":"https:\/\/"},"time":1585365878,"static_token":"e85307c347ff05845e912b7dc2492fff","token":"45e59c4e56047ed183a830e1cfb71400"}; </script> <!-- emarketing start --> <!-- emarketing end --><script type="text/javascript"> //<![CDATA[ var listdeal = []; //]]> </script><script type="text/javascript"> //<![CDATA[ var extradeal = []; //]]> </script> <style type="text/css">/* Menu logo principal */ div.spverticalmenu { width: 20%; left: 8%; background: #fff; margin: -85px; position: relative; } /* Texto menu logo principal */ .header_v2 .sp-vermegamenu .cat-title { height: 50px; padding: 3px 20px; font-size: 0px; line-height: 44px; } /* Opciones menu principal */ @media (min-width: 1200px) #index .header_v2 .sp-vermegamenu .navbar-nav: active { top: 100%; z-index: 9; opacity: 1; /* visibility: visible; */ } /* Menu logo secundario */ .header_v2 div.spverticalmenu #sp-vermegamenu .navbar-nav > li > a { padding: 2.6px 20px; min-width: max-content; } /* Opciones menu secundario */ .header_v2 .sp-vermegamenu .navbar-nav { box-shadow: none; width: max-content; }</style> <script src="https://kit.fontawesome.com/69063e92f0.js" crossorigin="anonymous"></script> <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"> <script src="/path/to/jquery.min.js"></script> <script src="/path/to/bootstrap.min.js"></script> <script src="/path/to/bootstrap-hover-dropdown.min.js"></script> <style type="text/css"> /*fuente pagina web*/ body { font-family: 'Montserrat', sans-serif; } h1,h2,h3,h4,h5,h6{ font-family: 'Montserrat', sans-serif; } /*cambio de bolsa*/ .spblockcart .shopping-cart-title { color: #4cbb6c; } .spblockcart .header i { position: absolute; top: 0; left: 0; width: 40px; height: 40px; font-size: 0px; background-image: url(/imagenes/Bolsa-de-compras-1.png); background-position: 0 0; background-repeat: no-repeat; cursor:pointer; } .spblockcart .header i:hover { position: absolute; top: 0; left: 0; width: 40px; height: 40px; font-size: 0px; background-image: url(/imagenes/Bolsa-de-compras-1.png); background-position: 0 0; background-repeat: no-repeat; cursor:pointer; border-radius:10px; border: 0.5px solid #d7843d; box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); } /*barra de busqueda*/ .spr-container { border-radius: 10px; } /*menu principal*/ .header_v2 .header-menu { background: #f58120; border-bottom: 3px solid #b35721; } .header_v2 .sp-megamenu .navbar-nav > li > a { color: #fff; background-color: transparent; } .header_v2 .sp-megamenu .navbar-nav > li > a:hover, .header_v2 .sp-megamenu .navbar-nav > li > a:focus { color: #444; } /*mega menu*/ .sp-vermegamenu .cat-title { border-radius: 0px; } /*celular cambio color background*/ @media (max-width: 991px){ .header_v2 div.spverticalmenu .navbar-header .navbar-toggle { background: #fff; } .navbar .navbar-button .navbar-toggle { background-color: white; } } /*btn buscar*/ .content-search .spr-search-button { color: #f58120; } .content-search .spr-search-button:hover { color: #444; } /*Seguimiento chilexpress*/ @media(min-width:800px){ .conten-seguimiento{ background: #ffb900; padding: 10px; color: #343a40; width: 63%; margin: auto; margin-bottom: 44px; border-radius: 10px; font-weight:bolder; } } @media(max-width:799px){ .conten-seguimiento{ background: #ffb900; padding: 10px; color: #343a40; width: 100%; margin: auto; margin-bottom: 44px; border-radius: 10px; font-weight:bolder; } } .chexpress-input{ border: none; border-radius: 50px; } .formulario{ padding-left:13%; padding-right:13%; } .header-callus .spcustom_html p .fa:hover { color: #444; } /*margincompartir producto*/ .product-page .product-actions .social-sharing span { margin-right: 3%; } /*linea naranja menu top*/ .header_v2 .header-nav { background: #f8f8f8; border-bottom: 3px solid #f58120; } /*boton agregar */ .product-page .product-actions .product-add-to-cart .add-to-cart { box-shadow: none; color: #fff; font-size: 12px; background: #ff4c4c; border: none; border-radius: 5px; padding: 0 30px; height: 40px; line-height: 40px; transition: 0.3s all ease 0s; } @media (max-width:800px){ .product-page .product-actions .product-add-to-cart .add-to-cart { box-shadow: none; color: #fff; font-size: 12px; background: #ff4c4c; border: none; border-radius: 5px; padding: 0 30px; height: 40px; line-height: 40px; transition: 0.3s all ease 0s; position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 10; } } /*Compartir (vista rapida espaciado)*/ div.quickview .social-sharing span { display: inline-block; width: 70px; color: #222; font-size: 14px; margin: 0; vertical-align: top; padding: 3px 0 0; margin-right: 2%; } /*contacto en linea...*/ .contactinfo .content-footer label { padding: 0; margin: 0; width: 75px; color: #fff; font-size: 12px; font-weight: 500; text-align: left; display: contents; } /*color gris menu top*/ .header_v2 .header-nav { background: #dcdcdc; } /*modal chilexpress*/ #chilexpress{ display:none; position:absolute; width:100%; z-index:10000; } .ventana-chilexpress2{ position:absolute; right: 13%; top: 107%; } .chilexpress-flecha{ position: absolute; right: 8%; top: -8%; font-size: x-large; color: #ffb900; } .btn-cerrar-chilexpress{ position: absolute; right: 0px; background: #ffb900; } @media (max-width:1024px){ #chilexpress{ display:none; position:absolute; width:80%; z-index:10000; } } .btn-primary:hover { color: #fff; background-color: #f0ae00; border-color: transparent; } .btn-primary:focus { color: #fff; background-color: #f0ae00; border-color: transparent; } /*color comentarios*/ #product-comments-list-header { color: #f58120; } /*iconos inicio*/ .promotion .item .icon { display: block; float: left; margin: 0 30px 0 0; height: 44px; width: 44px; background-image: url(https://shaarabuy.cl/imagenes/iconos-juntos.png); background-repeat: no-repeat; font-size: 0; opacity: 1; transition: 0.3s all ease 0s; } /*tamaño marcas*/ .spmanufactureslider .item-wrap a .logo_manufacturer { width: 120px; } /*Caja categorias*/ @media (min-width:800px){ .conten-categorias{ background: #fff; margin-left: 0%; margin-right: 0%; margin-top: 30px; text-align: center; border-radius: 10px; } .columna1{ display: inline-block; padding-left: 20px; padding-right: 20px; padding-bottom: 45px; } .titulo{ font-size: 1.75rem; padding-bottom: 31px; padding-top: 31px; font-weight: 700; margin: auto; } .icono-cat{ position: relative; } .nombre{ font-size:smaller; font-weight:bold; } .cat1{ padding: 20px; } .tamano-icon{ width:100px; box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); border-radius: 50px; margin-bottom: 10px; } } @media (max-width:799px){ .conten-categorias{ background: #fff; margin-left: 5px; margin-right: 5px; margin-top: 20px; text-align: center; border-radius: 10px; box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); } .columna1{ display: flex; padding-left: 2px; padding-right: 2px; padding-bottom: 45px; } .titulo{ font-size: 1.0rem; padding-bottom: 31px; padding-top: 31px; font-weight: 700; margin: auto; } .icono-cat{ position: relative; } .nombre{ font-size:x-small; font-weight:bold; } .cat1{ padding: 2px; } .tamano-icon{ width: 51%; box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); border-radius: 50px; margin-bottom: 10px; } .h2, h2 { font-size: 1.0rem; } } /*borde de categorias bottom none*/ .header-service { border:none; } /*h3 centrados inicio*/ .moduletable .module-tilte { text-align: center; } /*botones redes sociales top-empresa*/ .btn-facebook{ color: #29487d; background-color: transparent; box-shadow: none; width: 10px; padding-left: 4px; padding-top: 2px; padding-bottom: 1px; border-radius: 50px; margin: auto; } .btn-instagram{ color: #e1715e; background-color: transparent; box-shadow: none; width: 10px; padding-left: 4px; padding-top: 2px; padding-bottom: 1px; border-radius: 50px; margin: auto; } .btn-empresa{ color:#888; background-color: transparent; box-shadow: none; width: 34%; padding-left: 4px; padding-top: 2px; padding-bottom: 1px; border-radius: 50px; margin: auto; font-size:12px; display:inline-block; } .btn-empresa:hover{ background:transparent; color:#f58120; } .conten-rs-empresa{ position: relative; right: 10%; } /*letras sp mega menu mas pequeñas mas tirado a la izquierda*/ @media(min-width:800px){ .sp-megamenu .navbar-nav > li > a { color: #fff; font-size: 11px; text-transform: uppercase; padding: 8px 0px 7px; display: block; position: relative; font-weight: 600; border-radius: 3px; } .sp-megamenu .home > a { position: relative; padding: 8px 10px 7px; display: block; text-transform: uppercase; font-size: 11px; color: #fff; font-weight: 600; border-radius: 3px; } .spmegamenu { float: left; width: 100%; position: absolute; left: -81px; } .sp-megamenu .navbar-nav > li { display: inline-block; margin: 0px 0 0 10px; padding: 10px 0; } } .btn-siguenos{ font-size: xx-large; margin: 1%; } /*linea de separacion home*/ .moduletable .module-tilte:after { content: ""; display: block; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; background: #e68b40; border: 1px solid #e68b40; width: 10%; margin: auto; } /*cajas inicio*/ @media(min-width:1024px){ .moduletable { margin: 0 0 30px; position: relative; box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); padding: 13px; border-radius:10px; } } @media(max-width:1023px){ .moduletable { margin: 0 0 30px; position: relative; box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); padding: 5px; border-radius:10px; } } /*flechas slider inicio*/ .sp-extraslider .owl-controls { position: absolute; right: 11px; top: 8px; z-index: 4; } .sp-manu-slider .owl-controls { position: absolute; right: 7px; top: 8px; z-index: 4; } .header-service .promotion { margin: 0; border: none; box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); border-radius: 10px; margin-top: 30px; } /*textos mas grandes inicio*/ @media (min-width:1024px){ .moduletable .module-tilte { font-size: 27px; color: #222; font-weight: 400; margin: 0 0 20px; position: relative; padding: 0 0 15px; } } /*cambio color footer*/ .footer-container .footer-content { padding: 55px 0 22px; background: #343a40; border-top: 5px solid #d06628; } .footer-container .footer-bottom { padding: 36px 0; background: #343a40; } /*caja chilexpress footer adjustada a web*/ @media (min-width:1024px){ .conten-seguimiento2{ background: #ffb900; padding: 10px; color: #343a40; width: 63%; margin: auto; margin-bottom: 44px; border-radius: 10px; font-weight: bolder; position: relative; right: 0%; top: 0%; } .chexpress-form{ display:flex; } } @media (max-width:1024px){ .conten-seguimiento2{ background: #ffb900; padding: 10px; color: #343a40; width: 100%; margin: auto; margin-bottom: 44px; border-radius: 10px; font-weight:bolder; } .chexpress-form{ display:block; } } /*medios de pago footer*/ .medio-pago{ width: 80%; margin-bottom: 0%; text-align: center; margin-right: 0%; margin: auto; padding: 7px; } @media (max-width:1024px){ .medio-pago{ width: 33%; margin-bottom: 0%; text-align: center; padding: 4%; display: inline-block; } } @media (min-width:1024px){ .conten-mediopago{ display: flex; left: 15%; } } @media (min-width:1024px){ .conten-mediopago{ left: 15%; } } /*agregar a la bolsa colecciones verde*/ .product-miniature .ajax-add-to-cart { margin: 0; margin-top: 15px; padding: 2px 20px 0; color: #fff; background: #7ee055; border: solid 1px #e5e5e5; border-radius: 5px; box-shadow: none; font-size: 12px; font-weight: bolder; line-height: 38px; text-transform: uppercase; transition: all 0.3s ease 0s; } /*compra segura ssl*/ @media (min-width: 1024px){ .compra-segura { display: flex; } } @media (min-width: 1024px){ .imagen-compra-seg { display: inline-block; margin: auto; margin-left: 0px; } } @media (min-width: 1024px){ .conten-compra-seg { float: right; font-size: small; font-weight: bold; margin-top: 6%; } } @media (max-width: 1024px){ .compra-segura { display: flex; width: 100%; margin-top: 3%; margin-bottom: 1%; } } @media (max-width: 1024px){ .imagen-compra-seg { margin: auto; display: inline-block; margin-left: 0px; } } @media (max-width: 1024px){ .conten-compra-seg { float: right; font-size: x-small; font-weight: bold; margin-top: 6%; margin: auto; } } /*contenedor abajo de imagenes del producto satisfaccion + despacho/disponible en tienda*/ .despacho-retiro { font-size: small; font-weight: bold; margin-top: 3%; margin-bottom: 3%; display: flex; border: 1px solid #00000029; padding: 10px; border-radius: 10px; text-align: center; } /*contenido footer, copyright + info*/ @media (min-width:1024px){ .conten-footer { position: relative; right: 74%; margin-top:5%; } } .footer-container .footer-bottom { padding: 6px 0; background: #f58120; } /*formulario buscar con sombra*/ .spr-container .sprsearch-form { box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); } /*cajas en los productos*/ .product-listing .product-container { box-shadow: none; height: auto; margin: 0; border: 1px solid rgba(0,0,0,.125); border-radius: 10px; padding: 1%; margin-bottom: 14%; } .product-listing .product-container:hover { box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); } /*btn ir arriba mas arriba para agregar msn facebook*/ a.backtotop { background-color: #777; width: 45px; height: 45px; bottom: 95px; right: 31px; border-radius: 50%; overflow: hidden; z-index: 9999; position: fixed; display: block; text-align: center; transition: all 0.5s ease-in-out 0s; transform: scale(1); opacity: 1; } /*puntitos slider activo y desactivos*/ .sphomepage-slider .owl-controls .owl-dots .owl-dot.active { background: #666; } .sphomepage-slider .owl-controls .owl-dots .owl-dot { background: #e0e0e0; } /*Experiencia shaarabuy*/ .container-experiencia { border: 1px solid #dbdbdb; border-radius: 10px; margin-top: 2%; margin-left: 2%; margin-right: 2%; margin-bottom: 2%; text-align: center; box-shadow: 0 3px 15px 0 rgba(0,0,0,.1); padding: 1%; } .ayuda-experiencia { margin: auto; margin-top: 1%; margin-bottom: 1%; font-size: large; font-weight: bold; } /*circulos de colores redondeados*/ .color-chaleco{ border-radius:50px; } .color-chaleco:hover{ border:1px solid #f58120; } .colores-chalecos{ margin-top:3%; } /*botón de comentario color naranjo*/ .btn-comment, .btn-comment-inverse { background-color: #f58120; } @media (min-width:1024px){ .product-page h1.product-name{ margin-left:5%; } .tab-pane{ margin-left:5%; } .product-page .product-prices{ margin-left:5%; } .product-actions{ margin-left:5%; } } /*efecto hover, checked font naranjo y border naranjo*/ .input-color:checked + span, .input-color:hover + span, .input-radio:checked + span, .input-radio:hover + span { border: 2px solid #f58120; color: #f58120; } /*migas de pan al centro + font:bold*/ .breadcrumb { padding: 20px 0; margin-bottom: 18px; text-align: center; font-weight: bold; } /*cambio de color basurero bolsa*/ .product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart { color: #f58120; display: inline-block; margin-top: 0.3125rem; border: 1px solid #f58120; border-radius: 10px; } /*btn-primary*/ .card-block .btn-primary { color: #fff; background-color: #f58120; border-color: transparent; } .card-block .btn-primary:hover{ color: #f58120; background-color: #fff; border-color: transparent; } body#checkout a:hover { color: #212529; } /*botones del checkout color naranjo*/ .btn-info { color: #fff; background-color: #f58120; border-color: #daa171; } .btn-info:hover { color: #f58120; background-color: #ffffff; border-color: #ededed; } /*precio del checkout rojo*/ .product-price { color: #ff4c4c; display: inline-block; } /*boton continuar comprando*/ .btn-link { font-weight: normal; color: #f58120; border-radius: 0; } .btn-link:focus, .btn-link:hover { color: #4cbb6c; text-decoration: underline; background-color: transparent; } /*boton ir a pagar*/ #spstepcheckout #spsco_review #btn_place_order { font-size: 1.2rem; color: #fff; background: #f58120; } @media (min-width: 1200px) #index .header_v2 .sp-vermegamenu .navbar-nav { top: 100%; z-index: 9; opacity: 1; /* visibility: visible; */ } /* Menu logo principal */ div.spverticalmenu { width: 20%; left: 8%; background: #fff; margin: -85px; position: relative; } /* Texto menu logo principal */ .header_v2 .sp-vermegamenu .cat-title { height: 50px; padding: 3px 20px; font-size: 0px; line-height: 44px; } /* Opciones menu principal */ @media (min-width: 1200px) #index .header_v2 .sp-vermegamenu .navbar-nav: active { top: 100%; z-index: 9; opacity: 1; /* visibility: visible; */ } /* Menu logo secundario */ .header_v2 div.spverticalmenu #sp-vermegamenu .navbar-nav > li > a { padding: 2.6px 20px; min-width: max-content; } /* Opciones menu secundario */ @media (min-width: 1200px) #index .header_v2 .sp-vermegamenu .navbar-nav { top: 100%; z-index: 9; opacity: 1; } /*Border naranjo border radius del boton a 10px*/ .header_v2 .sp-vermegamenu .cat-title { height: 50px; padding: 3px 20px; font-size: 0px; line-height: 44px; background: #fff; border: 1px solid #f58120; border-radius: 10px; } .sp-vermegamenu .cat-title .icon .line { display: block; width: 14px; height: 2px; margin: 0 0 2px; background: #f58120; } </style> <script type="text/javascript"> function segChilexpress(){ var nEnvio = document.getElementById("n-orden").value; var url="https://www.chilexpress.cl/Views/ChilexpressCL/Resultado-busqueda.aspx?DATA="+nEnvio; // Abrir nuevo tab var win = window.open(url, '_blank'); // Cambiar el foco al nuevo tab (punto opcional) win.focus(); } //mostrar-ocultar chilexpress menu $(document).ready(function(){ $("#mostrar").click(function(){ $('#chilexpress').show(2000); $('#chilexpress').show("slow"); }); $("#ocultar").click(function(){ $('#chilexpress').hide(3000); $('#chilexpress').hide("fast"); }); }); </script> </head> <body id="index" class="lang-es country-cl currency-clp layout-full-width page-index tax-display-enabled content-v1 layout-full keepMenuTop_off patternnone"> <main> <header id="header"> <div class="header-container header_v2"> <nav class="header-nav"> <div class="container"> <div class="row"> <div class="hidden-sm-down"> <div class="nav-left col-xs-12 col-md-6"> </div> <div class="nav-right col-xs-12 col-md-6"> <div class="conten-rs-empresa"><a class="btn btn-primary btn-empresa" href="https://www.instagram.com/shaara_buy/"> Empresa</a> <a class="btn btn-primary btn-empresa" href="https://shaarabuy.cl/contactenos">Contacto</a><a target="_blank" class="btn btn-primary btn-facebook" href="https://www.facebook.com/Shaara-Buy-104380464420136/?eid=ARDo6easlt7Atee6ylxBlbXZcuS74iKFYEZC2OeTjfVlY67n58XOxSlH5A3zV8PBwbhFxDqzzoWVjQzI"> <i class="fab fa-facebook"></i></a> <a target="_blank" class="btn btn-primary btn-instagram" href="https://www.instagram.com/shaara_buy/"> <i class="fab fa-instagram"></i></a></div><div id="_desktop_spuserinfo"> <div class="user-info"> <div class="welcome-text">Bienvenido!</div> <a class="login" href="https://shaarabuy.cl/mi-cuenta" title="Accede para comprar más rápido y revisa los detalles de tus compras anteriores " rel="nofollow" > <span>Inicia Sesión</span> </a> </div> </div> </div> </div> <div class="col-xs-12 hidden-md-up text-xs-center mobile"> <div id="menu-icon" class="pull-xs-left"> Menú principal <i class="material-icons"></i> </div> <div id="_mobile_headercallus" class="pull-xs-right"> </div> <div class="clearfix"></div> </div> <div id="mobile_top_menu_wrapper" class="col-xs-12 hidden-md-up" style="display:none;"> <div class="js-top-menu-bottom"> <div id="_mobile_spuserinfo"></div> <div id="_mobile_spcurrency"></div> <div id="_mobile_splanguage"></div> </div> <div class="clearfix"></div> </div> </div> </div> </nav> <div class="header-top"> <div class="container"> <div class="hidden-md-up header-top-mobile clearfix"> <div class="pull-xs-left" id="_mobile_logo"></div> <div class="pull-xs-right" id="_mobile_cart"></div> <div class="pull-xs-left mobile-search"> <span class="fa fa-search" id="btn_search"></span> <div class="search-content" id="_mobile_topsearch"></div> <script type="text/javascript"> $(document).ready(function(){ if ($('.spSearchPro').length > 0) { $('#btn_search').on('click', function(){ $(this).toggleClass('btnActive'); $('#_mobile_topsearch').toggleClass('active-search'); }); } else{ $('.mobile-search').addClass('hidden-xs-up'); } }); </script> </div> </div> <div class="row"> <div class="col-md-12 col-lg-3 hidden-sm-down" id="_desktop_logo"> <a href="https://shaarabuy.cl/"> <img class="logo img-responsive" src="/img/shaarabuy-logo-1584291057.jpg" alt="ShaaraBuy"> </a> </div> <div class="header-top-right hidden-sm-down col-md-12 col-lg-9"> <div class="row no-gutter-width"> <div id="_desktop_topsearch" class="col-sm-12 col-md-5 col-lg-5 col-xl-6"> <div class="spSearchPro "> <div id="sp_search_pro_2" class="spr-container spr-preload" data-id_lang = "1" data-module_link = "//shaarabuy.cl/busqueda" data-basedir = "/" data-id_spsearchpro = "2" data-title_module = "Sp Search Pro Layout 2" data-display_title_module = "0" data-moduleclass_sfx = "" data-active = "1" data-hook = "542" data-target = "self" data-display_box_select = "0" > <form class="sprsearch-form hidden-box" method="get" action="//shaarabuy.cl/busqueda"> <input type="hidden" name="controller" value="search"> <div class="content-search"> <input class="spr-query" type="text" name="s" value="" placeholder="¿Qué estás buscando?"/> <button value="Buscar" class="spr-search-button" type="submit" name="spr_submit_search"> <i class="fa fa-search"></i> </button> </div> </form> </div> </div> </div> <div id="_desktop_headercallus" class="header-callus hidden-sm-down col-sm-6 col-md-4 col-lg-4 col-xl-4"> <div class="sp_customhtml_3_1585365878586304043 spcustom_html"> <p><!--<a target="_blank" href="https://api.whatsapp.com/send?%20%20%20%20%20%20%20%20%20phone=56941699468&text=Hola,%20Tengo%20una%20consulta!" rel="noreferrer noopener"> <i class="fa fa-whatsapp iconos-header" style="font-size: x-large;"> </i> +569 41699468</a> --> <a href="https://shaarabuy.cl/mi-cuenta"><i class="fa fa-user iconos-header" style="font-size: x-large; margin-left: 3%;"></i> Inicia sesión/Regístrate </a> <a href="#" id="mostrar" style="margin-top: 3%; text-align: center;"> <i class="fas fa-shipping-fast" style="color: #f58120; font-size: x-large;"></i> </a></p> </div> <div id="chilexpress" class="container conten-seguimiento text-center ventana-chilexpress2"> <div><i class="fa fa-caret-up chilexpress-flecha" style="font-size: large;"></i> <img width="150px" src="https://imgbox.es/images/2020/02/21/chilexpress28d6ea8edacc9662.png" alt="chilexpress" title="chilexpress" border="0" /> <button id="ocultar" class="btn btn-primary btn-cerrar-chilexpress" style="color: #343a40; font-weight: bolder; border: 1px solid #343a4045; border-radius: 50px; padding: 11px; padding-bottom: 7px; padding-top: 7px;">X </button> <div class="input-group" style="background: #ffb900; text-align: center; border-radius: 50px;"><input style="background: #fff; border-radius: 50px; padding-left: 10px; width: 100%;" placeholder="N° de envío..." class="chexpress-input" type="text" id="n-orden" name="Número de envío" /> <button class="btn btn-primary" onclick="javascript:segChilexpress()" style="color: #343a40; font-weight: bolder; margin-right: 6%; margin-top: 4%; border-radius: 10px; background: #ffb900;"> Revisar</button></div> </div> </div> </div> <div id="desktop_cart" class="col-sm-6 col-md-3 col-lg-3 col-xl-2"> <div id="_desktop_cart" class="clearfix"> <div id="spblockcart" class="spblockcart cart-preview inactive" data-refresh-url="https://shaarabuy.cl/module/spblockcart/ajax"> <div class="header"> <i class="material-icons shopping-cart">shopping_cart</i> <span class="shopping-cart-title">Mi Bolsa</span> <span class="cart-products-total">$0</span> <span class="cart-products-count">0</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="header-menu"> <div class="container"> <div class="row"> <div class="col-xs-6 col-lg-3"> <div id="spverticalmenu_1" class="spverticalmenu "> <nav class="navbar-default navbar-vertical" role="navigation"> <div class="navbar-header"> <button type="button" id="show-vermegamenu" data-toggle="collapse" data-target=".sp-vermegamenu" class="navbar-toggle"> Categorías </button> </div> <div id="sp-vermegamenu" class="sp-vermegamenu clearfix"> <span id="remove-vermegamenu" class="fa fa-remove"></span> <h2 class="cat-title"> <span class="icon"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </span> Categorías </h2> <div class="sp-verticalmenu-container"> <ul class="nav navbar-nav menu sp_lesp level-1"><li class="item-1 vertical-cat" > <a href="https://shaarabuy.cl/18-productos-destacados" title="Productos Destacados"><i class="icon-v1"></i>Productos destacados</a></li> <li class="item-1 mega_type type1 group" > <a href="https://shaarabuy.cl/19-ofertas-de-la-semana" title="Ofertas de la semana"><i class="icon-v2"></i>Ofertas de la semana</a></li> <li class="item-1 mega_type type1 parent" > <a href="https://shaarabuy.cl/brands" title="Marcas"><i class="icon-v7"></i><span class="sp_megamenu_title">Marcas</span></a><span class="grower close"> </span></li> <li class="item-1 " > <a href="#" title="Acerca de ShaaraBuy"><i class="icon-v13"></i><span class="sp_megamenu_title">Acerca de ShaaraBuy</span></a></li> <li class="item-1 " > <a href="#" title="Contacto"><i class="icon-v5"></i><span class="sp_megamenu_title">Contacto</span></a></li> </ul> </div> </div> </nav> </div> <script type="text/javascript"> $(document).ready(function() { var $element = $("#spverticalmenu_1"); var limit = 9 ; if($( ".sp-vermegamenu .sp-verticalmenu-container >ul >li",$element).length > limit) $(".sp-vermegamenu .sp-verticalmenu-container >ul",$element).append('<div class="more-wrap"><i class="icon-plus-sign-alt"></i><span class="more-view">More Categories</span></div>'); $(".sp-vermegamenu .item-1",$element).each(function(i){ if(i> (limit -1)){ $(this).css('display', 'none'); } }); $(".sp-vermegamenu .more-wrap",$element).click(function(){ var this_more = $(this); if($(this).hasClass('open')){ $(".sp-vermegamenu .item-1",$element).each(function(i){ if(i>limit-1){ $(this).slideUp(200); } }); $(this).removeClass('open'); $(this_more).html('<span class="more-view">More Categories</span>'); }else{ $('.sp-vermegamenu .item-1',$element).each(function(i){ if(i>limit-1){ $(this).slideDown(200); } }); $(this).addClass('open'); $(this_more).html('<span class="more-view">Close Menu</span>'); } }); var wd_width = $(window).width(); if(wd_width > 767){ offtogglevermegamenu($element); renderWidthSubmenu($element); } $(window).resize(function() { var sp_width = $( window ).width(); if(sp_width > 767){ offtogglevermegamenu($element); renderWidthSubmenu($element); } }); $(".sp-vermegamenu li.parent .grower",$element).click(function(){ if($(this).hasClass('close')) $(this).addClass('open').removeClass('close'); else $(this).addClass('close').removeClass('open'); $('.dropdown-menu',$(this).parent()).first().toggle(300); }); $('#show-vermegamenu',$element).click(function() { if($('.sp-vermegamenu',$element).hasClass('sp-vermegamenu-active')) $('.sp-vermegamenu',$element).removeClass('sp-vermegamenu-active'); else $('.sp-vermegamenu',$element).addClass('sp-vermegamenu-active'); return false; }); $('#remove-vermegamenu',$element).click(function() { $('.sp-vermegamenu',$element).removeClass('sp-vermegamenu-active'); return false; }); }); </script> <script type="text/javascript"> function offtogglevermegamenu($element) { $('.sp-vermegamenu li.parent .dropdown-menu',$element).css('display',''); $('.sp-vermegamenu',$element).removeClass('sp-vermegamenu-active'); $(".sp-vermegamenu li.parent .grower",$element).removeClass('open').addClass('close'); } function renderWidthSubmenu($element) { $('.sp-vermegamenu li.parent',$element).each(function(){ value = $(this).data("subwidth"); if(value){ var container_width = $('.container',$element).width(); var vertical_width = $('.sp-vermegamenu',$element).width(); var full_width = container_width - vertical_width; var width_submenu = (full_width*value)/100; $('> .dropdown-menu',this).css('width',width_submenu+'px'); } }); } </script> </div> <div class="col-xs-6 col-lg-9"> <div class="spmegamenu"> <nav class="navbar"> <div class="navbar-button"> <button type="button" id="show-megamenu" data-toggle="collapse" data-target="#sp-megamenu" class="navbar-toggle"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="sp-megamenu" class="mega sp-megamenu clearfix"> <span id="remove-megamenu" class="fa fa-remove"></span> <span class="label-menu">Menu</span> <div class="sp-megamenu-container clearfix"> <div class="home"> <a href="https://shaarabuy.cl/">Inicio</a> </div> <ul class="nav navbar-nav menu sp_lesp level-1"><li class="item-1 " ><a href="https://shaarabuy.cl/10-smartwatch" title="Smartwatch">Smartwatch</a></li> <li class="item-1 " ><a href="https://shaarabuy.cl/11-cinturones-hombre" title="Cinturones hombre">Cinturones hombre</a></li> <li class="item-1 " ><a href="https://shaarabuy.cl/12-chalecos-mujer" title="Chalecos mujer">Chalecos mujer</a></li> <li class="item-1 parent" style="width:mega_type type_1"><a href="https://shaarabuy.cl/13-confites" title="Confites">Confites</a><div class="dropdown-menu" ><ul class="level-2"><li class="item-2 " ><a href="https://shaarabuy.cl/21-brazilian-coffee" title="Brazilian Coffee">Brazilian Coffee</a></li> <li class="item-2 " ><a href="https://shaarabuy.cl/22-flopi" title="Flopi">Flopi</a></li> <li class="item-2 " ><a href="https://shaarabuy.cl/23-dietorelle" title="Dietorelle">Dietorelle</a></li> </ul></div><span class="grower close"> </span></li> <li class="item-1 " ><a href="https://shaarabuy.cl/14-cascos-deporte" title="Cascos deporte">Cascos deporte</a></li> <li class="item-1 " ><a href="https://shaarabuy.cl/15-limpieza" title="Limpieza">Limpieza</a></li> <li class="item-1 " ><a href="https://shaarabuy.cl/16-cargadores" title="Cargadores">Cargadores</a></li> <li class="item-1 " ><a href="https://shaarabuy.cl/17-carcaza-celulares" title="Carcasas">Carcasas</a></li> </ul> </div> </div> </nav> </div> <script type="text/javascript"> $(document).ready(function() { $("#sp-megamenu li.parent .grower").click(function(){ if($(this).hasClass('close')) $(this).addClass('open').removeClass('close'); else $(this).addClass('close').removeClass('open'); $('.dropdown-menu',$(this).parent()).first().toggle(300); }); $("#sp-megamenu .home .grower").click(function(){ if($(this).hasClass('close')) $(this).addClass('open').removeClass('close'); else $(this).addClass('close').removeClass('open'); $('.dropdown-menu',$(this).parent()).first().toggle(300); }); var wd_width = $(window).width(); if(wd_width > 992) offtogglemegamenu(); $(window).resize(function() { var sp_width = $( window ).width(); if(sp_width > 992) offtogglemegamenu(); }); }); $('#show-megamenu').click(function() { if($('.sp-megamenu').hasClass('sp-megamenu-active')) $('.sp-megamenu').removeClass('sp-megamenu-active'); else $('.sp-megamenu').addClass('sp-megamenu-active'); return false; }); $('#remove-megamenu').click(function() { $('.sp-megamenu').removeClass('sp-megamenu-active'); return false; }); function offtogglemegamenu() { $('#sp-megamenu li.parent .dropdown-menu').css('display',''); $('#sp-megamenu').removeClass('sp-megamenu-active'); $("#sp-megamenu li.parent .grower").removeClass('open').addClass('close'); $('#sp-megamenu .home .dropdown-menu').css('display',''); $('#sp-megamenu').removeClass('sp-megamenu-active'); $("#sp-megamenu .home .grower").removeClass('open').addClass('close'); } </script> </div> </div> </div> </div> <div class="header-bottom"> <div class="block-slider"> <!-- Module SpHomeSlider --> <div id="sphomepage-slider2" class="sphomepage-slider "> <div class="sp-homeslider sphomeslider-inner-2"> <div class="item "> <a href="#" title="#"> <img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/f2ea5d269754ea6f08fd97631f61b2fa9654c217_BANNER-BIENVENIDOS.2.jpg" alt="#" /> </a> </div> <div class="item "> <a href="#" title="#"> <img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/dd235c184a6693c71f68e33cf864b86d6d08768c_BANNER-BRAZILIAN-COFFE.2.jpg" alt="#" /> </a> </div> <div class="item "> <a href="#" title="#"> <img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/6b98bd631ded41da9cba9df6ea36a3ad99162004_BANNER-CHALECOS-2 (3).jpg" alt="#" /> </a> </div> <div class="item "> <a href="#" title="#"> <img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/b4ca73d2095f7808f4d5ce528fe1ef3ebd743134_BANNER-FLOPI.2.jpg" alt="#" /> </a> </div> <div class="item "> <a href="#" title="#"> <img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/8a6223fcaf4a8e138ee723e14db3813f9c785987_BANNER-IWO (4).jpg" alt="#" /> </a> </div> </div> </div> <script type="text/javascript"> $(".sphomeslider-inner-2").owlCarousel({ animateOut: 'fadeOut', animateIn: 'fadeIn', autoplay: true, autoplayTimeout: 20000, autoplaySpeed: 2000, smartSpeed: 500, autoplayHoverPause: true, startPosition: 0, mouseDrag: true, touchDrag: true, pullDrag: true, dots: 1, autoWidth: false, dotClass: "owl-dot", dotsClass: "owl-dots", nav: true, loop: true, navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], navClass: ["owl-prev", "owl-next"], responsive:{ 0:{ items:1 // In this configuration 1 is enabled from 0px up to 479px screen size }, } }); </script> <!-- /Module SpHomeSlider --> </div> <div class="header-service"> <div class="container"> <div class="sp_customhtml_1_15853658781381877841 spcustom_html"> <div class="promotion clearfix"> <div class="item item1"> <div class="icon">Icon</div> <div class="text"> <h2>Crédito/Débito</h2> <p>Pago a través de WebPay</p> </div> </div> <div class="item item2"> <div class="icon">Icon</div> <div class="text"> <h2>Transferencia bancaria</h2> <p>Puedes transferirnos sin ningún problema</p> </div> </div> <div class="item item3"> <div class="icon">Icon</div> <div class="text"> <h2>Despacho a todo Chile</h2> <p>Despacho a través de Chilexpress</p> </div> </div> </div> </div> <div class="conten-categorias" style="margin-bottom: -145px;"> <div class="moduletable"> <h3 class="module-tilte" style="color: black; font-weight: inherit;">Nuestras categorías</h3> <div class="columna1"> <div class="cat1"> <div class="icono-cat"><a href="/11-cinturones-hombre" title="Accesorios"><img class="tamano-icon" src="/imagenes/categorias/cinturones2.png" alt="cinturon04aba455c50f5747.png" border="0" /></a></div> <div class="nombre">Cinturones hombre</div> </div> <div class="cat1"> <div class="icono-cat"><a href="/12-chalecos-mujer" title="Vestuario"><img class="tamano-icon" src="/imagenes/categorias/ropa-mujer2.png" alt="vestuario-mujer9eb533af71a530fc.png" border="0" /></a></div> <div class="nombre">Chalecos mujer</div> </div> </div> <div class="columna1"> <div class="cat1"> <div class="icono-cat"><a href="/13-confites" title="Confites"><img class="tamano-icon" src="/imagenes/categorias/dulces2.png" alt="dulce-2ee9622e66f3f3a5e.png" border="0" /></a></div> <div class="nombre">Confites</div> </div> <div class="cat1"> <div class="icono-cat"><a href="/10-smartwatch" title="Smartwatch"><img class="tamano-icon" src="/imagenes/categorias/smartwatch2.png" alt="reloj-2a8b5035c4972e29f.png" border="0" /></a></div> <div class="nombre">Smartwatch</div> </div> </div> <div class="columna1"> <div class="cat1"> <div class="icono-cat"><a href="/14-cascos-deporte" title="Deporte"><img class="tamano-icon" src="/imagenes/categorias/deporte2.png" alt="deporte-2e23b428c1b149b5b.png" border="0" /></a></div> <div class="nombre">Cascos deportivos</div> </div> <div class="cat1"> <div class="icono-cat"><a href="/15-limpieza" title="Limpieza Hogar"><img class="tamano-icon" src="/imagenes/categorias/limpieza2.png" alt="limpiezace526435fc87c990.png" border="0" /></a></div> <div class="nombre">Limpieza hogar</div> </div> </div> <div class="columna1"> <div class="cat1"> <div class="icono-cat"><a href="/16-cargadores" title="Cargadores"><img class="tamano-icon" src="/imagenes/categorias/cargadores2.png" alt="cargadoresa4aca238f959ed10.png" border="0" /></a></div> <div class="nombre">Cargadores</div> </div> <div class="cat1"> <div class="icono-cat"><a href="/17-carcaza-celulares" title="Protectores"><img class="tamano-icon" src="/imagenes/categorias/protectores2.png" alt="carcaza0b08110531a4f5ab.png" border="0" /></a></div> <div class="nombre">Carcasas</div> </div> </div> </div> </div> </div> </div> </div> </div> </header> <aside id="notifications"> <div class="container"> </div> </aside> <section id="wrapper"> <div class="container"> <nav data-depth="1" class="breadcrumb hidden-sm-down hidden-xs-up"> <ul itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://shaarabuy.cl/"> <span itemprop="name">Inicio</span> </a> <meta itemprop="position" content="1"> </li> </ul> </nav> <div class="row"> <div id="content-wrapper" class="col-xs-12"> <section id="main"> <section id="content" class="page-home content-v1"> <div class="banner1"> <div class="banner-img1"> </div> <div class="banner-img2"> </div> </div> <div class="banner2"> <div class="banner-img1"> </div> <div class="banner-img2"> </div> <div class="banner-img3"> </div> </div> <!-- SP Extra Slider --> <div class="moduletable "> <h3 class="module-tilte"> Productos Destacados </h3> <div id="sp_extra_slider_1_1585365878835821190" class="sp-extraslider buttom-type1 preset01-5 preset02-4 preset03-3 preset04-2 button-type1"> <div class="extraslider-inner product-listing" data-effect="none"> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="52" data-id-product-attribute="412" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/carcaza-celulares/52-carcasa-de-cuero-iphone-xxs-tarjetero.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/259-home_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/259-large_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg"> <img class="img_0" src="https://shaarabuy.cl/260-home_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/carcaza-celulares/52-carcasa-de-cuero-iphone-xxs-tarjetero.html">Carcasa de Cuero Iphone X/XS Tarjetero</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 52; const productReview = $('#product-list-reviews-52'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-52" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="8900" class="price">$8.900</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="52" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> <article class="product-miniature js-product-miniature" data-id-product="55" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/cargadores/55-cargador-inalambrico-rapido-automovil-touch.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/269-home_default/cargador-inalambrico-rapido-automovil-touch.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/269-large_default/cargador-inalambrico-rapido-automovil-touch.jpg"> <img class="img_0" src="https://shaarabuy.cl/270-home_default/cargador-inalambrico-rapido-automovil-touch.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/cargadores/55-cargador-inalambrico-rapido-automovil-touch.html">Cargador Inalámbrico Rápido Automóvil Touch</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 55; const productReview = $('#product-list-reviews-55'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-55" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="29990" class="price">$29.990</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="55" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> </div> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="71" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/cascos-deporte/71-casco-phmax-guantes-rojogris-bicicleta.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/309-home_default/casco-phmax-guantes-rojogris-bicicleta.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/309-large_default/casco-phmax-guantes-rojogris-bicicleta.jpg"> <img class="img_0" src="https://shaarabuy.cl/310-home_default/casco-phmax-guantes-rojogris-bicicleta.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/cascos-deporte/71-casco-phmax-guantes-rojogris-bicicleta.html">Casco PHMAX + Guantes Rojo/Gris Bicicleta</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 71; const productReview = $('#product-list-reviews-71'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-71" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="49990" class="price">$49.990</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="71" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> <article class="product-miniature js-product-miniature" data-id-product="34" data-id-product-attribute="180" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/cinturones-hombre/34-cinturon-brindisi-mascardi.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/545-home_default/cinturon-brindisi-mascardi.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/545-large_default/cinturon-brindisi-mascardi.jpg"> <img class="img_0" src="https://shaarabuy.cl/544-home_default/cinturon-brindisi-mascardi.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/cinturones-hombre/34-cinturon-brindisi-mascardi.html">Cinturón ECO Brindisi Mascardi</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 34; const productReview = $('#product-list-reviews-34'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-34" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="9990" class="price">$9.990</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="34" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> </div> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="59" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/brazilian-coffee/59-dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/275-home_default/dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/275-large_default/dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.jpg"> <img class="img_0" src="https://shaarabuy.cl/274-home_default/dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.jpg" alt="" /> </a> <div class="product-flags"> <span class="on-sale-label">¡En oferta!</span> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/brazilian-coffee/59-dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.html">Dulces Brazilian Coffee Box Display 18 Box 35gr...</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 59; const productReview = $('#product-list-reviews-59'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-59" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="12900" class="price">$12.900</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="59" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> <article class="product-miniature js-product-miniature" data-id-product="66" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/flopi/66-dulces-flopi-diet-surtido-display-con-18-latas.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/298-home_default/dulces-flopi-diet-surtido-display-con-18-latas.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/298-large_default/dulces-flopi-diet-surtido-display-con-18-latas.jpg"> <img class="img_0" src="https://shaarabuy.cl/299-home_default/dulces-flopi-diet-surtido-display-con-18-latas.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/flopi/66-dulces-flopi-diet-surtido-display-con-18-latas.html">Dulces Flopi Diet Surtido Display Con 18 latas</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 66; const productReview = $('#product-list-reviews-66'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-66" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="24900" class="price">$24.900</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="66" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> </div> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="76" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/limpieza/76-detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/329-home_default/detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/329-large_default/detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.jpg"> <img class="img_0" src="https://shaarabuy.cl/330-home_default/detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/limpieza/76-detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.html">Pack Dosificador + Splum 100ml Caja con 24uni.</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 76; const productReview = $('#product-list-reviews-76'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-76" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="39900" class="price">$39.900</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="76" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> <article class="product-miniature js-product-miniature" data-id-product="81" data-id-product-attribute="426" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/smartwatch/81-smartband-iwo-s3.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/362-home_default/smartband-iwo-s3.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/362-large_default/smartband-iwo-s3.jpg"> <img class="img_0" src="https://shaarabuy.cl/363-home_default/smartband-iwo-s3.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/smartwatch/81-smartband-iwo-s3.html">Smartband Android/iOS IWO S3</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 81; const productReview = $('#product-list-reviews-81'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-81" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="39900" class="price">$39.900</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="81" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> </div> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="79" data-id-product-attribute="420" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/smartwatch/79-smartwatch-iwo-11.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/350-home_default/smartwatch-iwo-11.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/350-large_default/smartwatch-iwo-11.jpg"> <img class="img_0" src="https://shaarabuy.cl/345-home_default/smartwatch-iwo-11.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/smartwatch/79-smartwatch-iwo-11.html">Smartwatch Android/iOS IWO 11</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 79; const productReview = $('#product-list-reviews-79'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-79" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="83300" class="price">$83.300</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="79" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> <article class="product-miniature js-product-miniature" data-id-product="78" data-id-product-attribute="418" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/smartwatch/78-smartwatch-iwo-8-lite.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/335-home_default/smartwatch-iwo-8-lite.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/335-large_default/smartwatch-iwo-8-lite.jpg"> <img class="img_0" src="https://shaarabuy.cl/341-home_default/smartwatch-iwo-8-lite.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/smartwatch/78-smartwatch-iwo-8-lite.html">Smartwatch IWO 8 Lite</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 78; const productReview = $('#product-list-reviews-78'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-78" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="34900" class="price">$34.900</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="78" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> </div> </div> </div> <script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function ($) { ;(function (element) { var $element = $(element), $extraslider = $(".extraslider-inner", $element), _delay = 500, _duration = 800, _effect = "none"; $extraslider.on("initialized.owl.carousel", function () { var $item_active = $(".owl-item.active", $element); if ($item_active.length > 1 && _effect != "none") { _getAnimate($item_active); } else { var $item = $(".owl-item", $element); $item.css({"opacity": 1, "filter": "alpha(opacity = 100)"}); } $(".owl-controls", $element).insertBefore($extraslider); $(".owl-dots", $element).insertAfter($(".owl-prev", $element)); }); $extraslider.owlCarousel({ margin: 20, slideBy: 1, autoplay: false, autoplay_hover_pause: true, autoplay_timeout: 1000, autoplaySpeed: 1000, smartSpeed: 1000, startPosition: 0, mouseDrag: true, touchDrag:true, pullDrag:true, autoWidth: false, responsive: { 0: {items:1}, 480: {items:2}, 768: {items:3}, 992: {items:4}, 1200: {items: 5} }, dotClass: "owl-dot", dotsClass: "owl-dots", dots: false, dotsSpeed:500, nav: true, loop: true, navSpeed: 500, navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], navClass: ["owl-prev", "owl-next"] }); $extraslider.on("translate.owl.carousel", function (e) { var $item_active = $(".owl-item.active", $element); _UngetAnimate($item_active); _getAnimate($item_active); }); $extraslider.on("translated.owl.carousel", function (e) { var $item_active = $(".owl-item.active", $element); var $item = $(".owl-item", $element); _UngetAnimate($item); if ($item_active.length > 1 && _effect != "none") { _getAnimate($item_active); } else { $item.css({"opacity": 1, "filter": "alpha(opacity = 100)"}); } }); function _getAnimate($el) { if (_effect == "none") return; //if ($.browser.msie && parseInt($.browser.version, 10) <= 9) return; $extraslider.removeClass("extra-animate"); $el.each(function (i) { var $_el = $(this); $(this).css({ "-webkit-animation": _effect + " " + _duration + "ms ease both", "-moz-animation": _effect + " " + _duration + "ms ease both", "-o-animation": _effect + " " + _duration + "ms ease both", "animation": _effect + " " + _duration + "ms ease both", "-webkit-animation-delay": +i * _delay + "ms", "-moz-animation-delay": +i * _delay + "ms", "-o-animation-delay": +i * _delay + "ms", "animation-delay": +i * _delay + "ms", "opacity": 1 }).animate({ opacity: 1 }); if (i == $el.size() - 1) { $extraslider.addClass("extra-animate"); } }); } function _UngetAnimate($el) { $el.each(function (i) { $(this).css({ "animation": "", "-webkit-animation": "", "-moz-animation": "", "-o-animation": "", "opacity": 0 }); }); } data = new Date(2013, 10, 26, 12, 00, 00); function CountDown(date, id) { dateNow = new Date(); amount = date.getTime() - dateNow.getTime(); if (amount < 0 && $("#" + id).length) { $("." + id).html("Now!"); } else { days = 0; hours = 0; mins = 0; secs = 0; out = ""; amount = Math.floor(amount / 1000); days = Math.floor(amount / 86400); amount = amount % 86400; hours = Math.floor(amount / 3600); amount = amount % 3600; mins = Math.floor(amount / 60); amount = amount % 60; secs = Math.floor(amount); if (days != 0) { out += "<div class='time-item time-day'>" + "<div class='num-time'>" + days + "</div>" + "<div class='name-time'>" + ((days == 1) ? "Día" : "Dias") + "</div>" + "</div> "; } if (hours != 0) { out += "<div class='time-item time-hour'>" + "<div class='num-time'>" + hours + "</div>" + "<div class='name-time'>" + ((hours == 1) ? "Hora" : "Horas") + "</div>" + "</div>"; } out += "<div class='time-item time-min'>" + "<div class='num-time'>" + mins + "</div>" + "<div class='name-time'>" + ((mins == 1) ? "Min" : "Mins") + "</div>" + "</div>"; out += "<div class='time-item time-sec'>" + "<div class='num-time'>" + secs + "</div>" + "<div class='name-time'>" + ((secs == 1) ? "Seg" : "Segs") + "</div>" + "</div>"; out = out.substr(0, out.length - 2); $("." + id).html(out); setTimeout(function () { CountDown(date, id); }, 1000); } } if (extradeal.length > 0) { for (var i = 0; i < extradeal.length; i++) { var arr = extradeal[i].split("|"); if (arr[1].length) { var data = new Date(arr[1]); CountDown(data, arr[0]); } } } })("#sp_extra_slider_1_1585365878835821190"); }); //]]> </script> </div> <div class="moduletable "> <h3 class="module-tilte"> Ofertas de la semana </h3> <div id="sp_extra_slider_15_15853658781292900696" class="sp-extraslider buttom-type1 preset01-5 preset02-4 preset03-3 preset04-2 button-type1"> <div class="extraslider-inner product-listing" data-effect="none"> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="52" data-id-product-attribute="412" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/carcaza-celulares/52-carcasa-de-cuero-iphone-xxs-tarjetero.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/259-home_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/259-large_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg"> <img class="img_0" src="https://shaarabuy.cl/260-home_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/carcaza-celulares/52-carcasa-de-cuero-iphone-xxs-tarjetero.html">Carcasa de Cuero Iphone X/XS Tarjetero</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 52; const productReview = $('#product-list-reviews-52'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-52" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="8900" class="price">$8.900</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="52" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> </div> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="54" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/cargadores/54-cargador-multi-funcion-3-en-1.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/263-home_default/cargador-multi-funcion-3-en-1.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/263-large_default/cargador-multi-funcion-3-en-1.jpg"> <img class="img_0" src="https://shaarabuy.cl/264-home_default/cargador-multi-funcion-3-en-1.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/cargadores/54-cargador-multi-funcion-3-en-1.html">Cargador Multi-función 3 en 1</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 54; const productReview = $('#product-list-reviews-54'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-54" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="19990" class="price">$19.990</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="54" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> </div> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="71" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/cascos-deporte/71-casco-phmax-guantes-rojogris-bicicleta.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/309-home_default/casco-phmax-guantes-rojogris-bicicleta.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/309-large_default/casco-phmax-guantes-rojogris-bicicleta.jpg"> <img class="img_0" src="https://shaarabuy.cl/310-home_default/casco-phmax-guantes-rojogris-bicicleta.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/cascos-deporte/71-casco-phmax-guantes-rojogris-bicicleta.html">Casco PHMAX + Guantes Rojo/Gris Bicicleta</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 71; const productReview = $('#product-list-reviews-71'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-71" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="49990" class="price">$49.990</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="71" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> </div> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="80" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product"> <div class="item-wrap style1"> <div class="product-container"> <div class="product-image"> <a href="https://shaarabuy.cl/smartwatch/80-smartwatch-iwo-13-lite-blanco.html" class="thumbnail product-thumbnail"> <img src = "https://shaarabuy.cl/354-home_default/smartwatch-iwo-13-lite-blanco.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/354-large_default/smartwatch-iwo-13-lite-blanco.jpg"> <img class="img_0" src="https://shaarabuy.cl/355-home_default/smartwatch-iwo-13-lite-blanco.jpg" alt="" /> </a> <div class="product-flags"> <span class="new-label">Nuevo</span> </div> <a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida"> <i class="material-icons search"></i> </a> </div> <div class="product-info"> <h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/smartwatch/80-smartwatch-iwo-13-lite-blanco.html">Smartwatch IWO 13 Lite Blanco</a></h5> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const $ = jQuery; const productId = 80; const productReview = $('#product-list-reviews-80'); const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade'; $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) { var jsonData = false; try { jsonData = JSON.parse(jsonResponse); } catch (e) { } if (jsonData) { if (jsonData.id_product && jsonData.comments_nb) { $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 }); $('.comments-nb', productReview).html('('+jsonData.comments_nb+')'); productReview.closest('.thumbnail-container').addClass('has-reviews'); productReview.css('visibility', 'visible'); } } }); }); </script> <div id="product-list-reviews-80" class="product-list-reviews"> <div class="grade-stars small-stars"></div> <div class="comments-nb"></div> </div> <div class="product-price-and-shipping" itemprop="offers" itemscope itemtype="https://schema.org/Offer" > <link itemprop="availability" href="https://schema.org/InStock"/> <meta itemprop="priceCurrency" content="CLP"> <span itemprop="price" content="39900" class="price">$39.900</span> </div> <div class="product-list-actions"> <a href="#" class="ajax-add-to-cart product-btn cart-button btn btn-primary" data-id-product="80" data-minimal-quantity="1" title = "Agregar a la Bolsa"> Agregar a la Bolsa </a> </div> </div> </div> </div> </article> </div> </div> </div> <script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function ($) { ;(function (element) { var $element = $(element), $extraslider = $(".extraslider-inner", $element), _delay = 500, _duration = 800, _effect = "none"; $extraslider.on("initialized.owl.carousel", function () { var $item_active = $(".owl-item.active", $element); if ($item_active.length > 1 && _effect != "none") { _getAnimate($item_active); } else { var $item = $(".owl-item", $element); $item.css({"opacity": 1, "filter": "alpha(opacity = 100)"}); } $(".owl-controls", $element).insertBefore($extraslider); $(".owl-dots", $element).insertAfter($(".owl-prev", $element)); }); $extraslider.owlCarousel({ margin: 20, slideBy: 1, autoplay: true, autoplay_hover_pause: true, autoplay_timeout: 1000, autoplaySpeed: 1000, smartSpeed: 1000, startPosition: 0, mouseDrag: true, touchDrag:true, pullDrag:true, autoWidth: false, responsive: { 0: {items:1}, 480: {items:2}, 768: {items:3}, 992: {items:4}, 1200: {items: 5} }, dotClass: "owl-dot", dotsClass: "owl-dots", dots: false, dotsSpeed:100, nav: true, loop: true, navSpeed: 100, navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], navClass: ["owl-prev", "owl-next"] }); $extraslider.on("translate.owl.carousel", function (e) { var $item_active = $(".owl-item.active", $element); _UngetAnimate($item_active); _getAnimate($item_active); }); $extraslider.on("translated.owl.carousel", function (e) { var $item_active = $(".owl-item.active", $element); var $item = $(".owl-item", $element); _UngetAnimate($item); if ($item_active.length > 1 && _effect != "none") { _getAnimate($item_active); } else { $item.css({"opacity": 1, "filter": "alpha(opacity = 100)"}); } }); function _getAnimate($el) { if (_effect == "none") return; //if ($.browser.msie && parseInt($.browser.version, 10) <= 9) return; $extraslider.removeClass("extra-animate"); $el.each(function (i) { var $_el = $(this); $(this).css({ "-webkit-animation": _effect + " " + _duration + "ms ease both", "-moz-animation": _effect + " " + _duration + "ms ease both", "-o-animation": _effect + " " + _duration + "ms ease both", "animation": _effect + " " + _duration + "ms ease both", "-webkit-animation-delay": +i * _delay + "ms", "-moz-animation-delay": +i * _delay + "ms", "-o-animation-delay": +i * _delay + "ms", "animation-delay": +i * _delay + "ms", "opacity": 1 }).animate({ opacity: 1 }); if (i == $el.size() - 1) { $extraslider.addClass("extra-animate"); } }); } function _UngetAnimate($el) { $el.each(function (i) { $(this).css({ "animation": "", "-webkit-animation": "", "-moz-animation": "", "-o-animation": "", "opacity": 0 }); }); } data = new Date(2013, 10, 26, 12, 00, 00); function CountDown(date, id) { dateNow = new Date(); amount = date.getTime() - dateNow.getTime(); if (amount < 0 && $("#" + id).length) { $("." + id).html("Now!"); } else { days = 0; hours = 0; mins = 0; secs = 0; out = ""; amount = Math.floor(amount / 1000); days = Math.floor(amount / 86400); amount = amount % 86400; hours = Math.floor(amount / 3600); amount = amount % 3600; mins = Math.floor(amount / 60); amount = amount % 60; secs = Math.floor(amount); if (days != 0) { out += "<div class='time-item time-day'>" + "<div class='num-time'>" + days + "</div>" + "<div class='name-time'>" + ((days == 1) ? "Día" : "Dias") + "</div>" + "</div> "; } if (hours != 0) { out += "<div class='time-item time-hour'>" + "<div class='num-time'>" + hours + "</div>" + "<div class='name-time'>" + ((hours == 1) ? "Hora" : "Horas") + "</div>" + "</div>"; } out += "<div class='time-item time-min'>" + "<div class='num-time'>" + mins + "</div>" + "<div class='name-time'>" + ((mins == 1) ? "Min" : "Mins") + "</div>" + "</div>"; out += "<div class='time-item time-sec'>" + "<div class='num-time'>" + secs + "</div>" + "<div class='name-time'>" + ((secs == 1) ? "Seg" : "Segs") + "</div>" + "</div>"; out = out.substr(0, out.length - 2); $("." + id).html(out); setTimeout(function () { CountDown(date, id); }, 1000); } } if (extradeal.length > 0) { for (var i = 0; i < extradeal.length; i++) { var arr = extradeal[i].split("|"); if (arr[1].length) { var data = new Date(arr[1]); CountDown(data, arr[0]); } } } })("#sp_extra_slider_15_15853658781292900696"); }); //]]> </script> </div> <!-- /SP Extra Slider --> <div class="row"> <div class="col-sm-6 col-lg-3"> </div> <div class="col-sm-6 col-lg-3"> </div> <div class="col-sm-6 col-lg-3"> </div> <div class="col-sm-6 col-lg-3"> </div> </div> <div class="row"> <div class="col-xs-12"> <!-- SP Manufacture Slider --> <div class="moduletable "> <h3 class="module-tilte"> Nuestras marcas </h3> <div id="sp_manu_slider_1_1585365879222578728" class="sp-manu-slider sp-preload"> <div class="sp-loading"></div> <div id="spmanufactureslider-1" class="spmanufactureslider"> <div class="item"> <div class="item-wrap"> <div class="item-img item-height"> <div class="item-img-info"> <a href="https://shaarabuy.cl/brand/6-brazilian-coffee" target="_blank" title="Brazilian Coffee"> <img src="/img/m/6-small_default.jpg" class="logo_manufacturer" title="Brazilian Coffee" alt="Brazilian Coffee"/> </a> </div> </div> </div> </div> <div class="item"> <div class="item-wrap"> <div class="item-img item-height"> <div class="item-img-info"> <a href="https://shaarabuy.cl/brand/7-dietorelle" target="_blank" title="Dietorelle"> <img src="/img/m/7-small_default.jpg" class="logo_manufacturer" title="Dietorelle" alt="Dietorelle"/> </a> </div> </div> </div> </div> <div class="item"> <div class="item-wrap"> <div class="item-img item-height"> <div class="item-img-info"> <a href="https://shaarabuy.cl/brand/5-flopi" target="_blank" title="Flopi"> <img src="/img/m/5-small_default.jpg" class="logo_manufacturer" title="Flopi" alt="Flopi"/> </a> </div> </div> </div> </div> <div class="item"> <div class="item-wrap"> <div class="item-img item-height"> <div class="item-img-info"> <a href="https://shaarabuy.cl/brand/3-iwo" target="_blank" title="IWO"> <img src="/img/m/3-small_default.jpg" class="logo_manufacturer" title="IWO" alt="IWO"/> </a> </div> </div> </div> </div> <div class="item"> <div class="item-wrap"> <div class="item-img item-height"> <div class="item-img-info"> <a href="https://shaarabuy.cl/brand/9-mascardi" target="_blank" title="Mascardi"> <img src="/img/m/9-small_default.jpg" class="logo_manufacturer" title="Mascardi" alt="Mascardi"/> </a> </div> </div> </div> </div> <div class="item"> <div class="item-wrap"> <div class="item-img item-height"> <div class="item-img-info"> <a href="https://shaarabuy.cl/brand/8-splum" target="_blank" title="Splum"> <img src="/img/m/8-small_default.jpg" class="logo_manufacturer" title="Splum" alt="Splum"/> </a> </div> </div> </div> </div> <div class="item"> <div class="item-wrap"> <div class="item-img item-height"> <div class="item-img-info"> <a href="https://shaarabuy.cl/brand/4-yordall" target="_blank" title="Yordall"> <img src="/img/m/4-small_default.jpg" class="logo_manufacturer" title="Yordall" alt="Yordall"/> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function ($) { ; (function (element) { var $element = $(element); var _timer = 0; $(window).load(function () { if (_timer) clearTimeout(_timer); _timer = setTimeout(function () { $element.removeClass("sp-preload"); $(".sp-loading", $element).remove(); }, 1000); }); $manufacturer = $("#spmanufactureslider-1", $element), _delay = '500', _duration = '1', _effect = 'none'; $manufacturer.on("initialized.owl.carousel", function () { var $item_active = $(".spmanufactureslider-item.active", $element); if ($item_active.length > 1 && _effect != "none") { _getAnimate($item_active); } else { var $item = $(".spmanufactureslider-item", $element); $item.css("opacity", "1"); $item.css("filter", "alpha(opacity = 100)"); } }); $manufacturer.owlCarousel({ autoplay: false, autoplayTimeout: 2000, autoplaySpeed: 2000, smartSpeed: 500, autoplayHoverPause: true, startPosition: 0, mouseDrag: true, touchDrag: true, pullDrag: true, dots: 0, autoWidth: false, //dotClass: "spmanufactureslider-dot", //dotsClass: "spmanufactureslider-dots", //themeClass: 'spmanufactureslider-theme', //baseClass: 'spmanufactureslider-carousel', //itemClass: 'spmanufactureslider-item', nav: true, loop: true, navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], navClass: ["owl-prev", "owl-next"], responsive:{ 0:{ items:2 // In this configuration 1 is enabled from 0px up to 479px screen size }, 480:{ items:3 // In this configuration 1 is enabled from 0px up to 767px screen size }, 768:{ items:4 // In this configuration 1 is enabled from 0px up to 1199px screen size }, 1200:{ items:6 // In this configuration 1 is enabled from 0px up to 1200px screen size }, } }); $manufacturer.on("translate.owl.carousel", function (e) { var $item_active = $(".spmanufactureslider-item.active", $element); _UngetAnimate($item_active); _getAnimate($item_active); }); $manufacturer.on("translated.owl.carousel", function (e) { var $item_active = $(".spmanufactureslider-item.active", $element); var $item = $(".spmanufactureslider-item", $element); _UngetAnimate($item); if ($item_active.length > 1 && _effect != "none") { _getAnimate($item_active); } else { $item.css("opacity", "1"); $item.css("filter", "alpha(opacity = 100)"); } }); function _getAnimate($el) { if (_effect == "none") return; //if ($.browser.msie && parseInt($.browser.version, 10) <= 9) return; $manufacturer.removeClass("extra-animate"); $el.each(function (i) { var $_el = $(this); $(this).css({ "-webkit-animation": _effect + " " + _duration + "ms ease both", "-moz-animation": _effect + " " + _duration + "ms ease both", "-o-animation": _effect + " " + _duration + "ms ease both", "animation": _effect + " " + _duration + "ms ease both", "-webkit-animation-delay": +i * _delay + "ms", "-moz-animation-delay": +i * _delay + "ms", "-o-animation-delay": +i * _delay + "ms", "animation-delay": +i * _delay + "ms", "opacity": 1 }).animate({ opacity: 1 }); if (i == $el.size() - 1) { $manufacturer.addClass("extra-animate"); } }); } function _UngetAnimate($el) { $el.each(function (i) { $(this).css({ "animation": "", "-webkit-animation": "", "-moz-animation": "", "-o-animation": "", "opacity": 0 }); }); } })("#sp_manu_slider_1_1585365879222578728") }); //]]> </script> </div> <!-- /SP Slider --><div class="conten-categorias"> <div class="moduletable"> <h3 class="module-tilte" style="color: black; font-weight: inherit;">Acerca de ShaaraBuy</h3> <div class="columna1"> <div class="cat1"> <div class="icono-cat"><a href="https://shaarabuy.bsalemarket.com/collection/cinturones" title="Accesorios"><img class="tamano-icon" src="https://shaarabuy.cl/imagenes/términos-y-condiciones-2.png" alt="cinturon04aba455c50f5747.png" border="0" /></a></div> <div class="nombre">Términos y condiciones</div> </div> </div> <div class="columna1"> <div class="cat1"> <div class="icono-cat"><a href="https://shaarabuy.bsalemarket.com/collection/dulces" title="Confites"><img class="tamano-icon" src="https://shaarabuy.cl/imagenes/garantía-2.png" alt="dulce-2ee9622e66f3f3a5e.png" border="0" /></a></div> <div class="nombre">Garantía</div> </div> </div> <div class="columna1"> <div class="cat1"> <div class="icono-cat"><a href="https://shaarabuy.bsalemarket.com/collection/cascos" title="Deporte"><img class="tamano-icon" src="https://shaarabuy.cl/imagenes/cómo-comprar-3.png" alt="deporte-2e23b428c1b149b5b.png" border="0" /></a></div> <div class="nombre">¿Cómo comprar?</div> </div> </div> <div class="columna1"> <div class="cat1"> <div class="icono-cat"><a href="https://shaarabuy.bsalemarket.com/collection/cargadores" title="Cargadores"><img class="tamano-icon" src="https://shaarabuy.cl/imagenes/quiénes-somos-2.png" alt="cargadoresa4aca238f959ed10.png" border="0" /></a></div> <div class="nombre">¿Quiénes somos?</div> </div> </div> </div> </div><div class="conten-categorias" style="margin-bottom: 4%;"> <div class="moduletable"> <h3 class="module-tilte" style="color: black; font-weight: inherit;">Síguenos</h3> <a target="_blank" href="https://www.facebook.com/Shaara-Buy-104380464420136" class="btn-facebook"><i class="fab fa-facebook" style="font-size: xx-large; margin-bottom: 4%;"></i></a> <a target="_blank" href="https://www.instagram.com/shaara_buy/" class="btn-instagram"><i class="fab fa-instagram" style="font-size: xx-large; margin-bottom: 4%;"></i></a></div> </div><div class="container col-12 conten-seguimiento2 text-left"> <div class="chexpress-form"><img style="position: relative; margin: auto; display: block;" width="150px" src="https://imgbox.es/images/2020/02/21/chilexpress28d6ea8edacc9662.png" alt="chilexpress" title="chilexpress" border="0" /> <input style="background: #fff; border-radius: 50px; padding-left: 10px; height: 20px; width: 100%; margin: auto;" placeholder="N° de envío..." class="chexpress-input" type="text" id="n-orden" name="Número de envío" /> <button class="btn btn-primary" onclick="javascript:segChilexpress()" style="color: #343a40; font-weight: bolder; margin-top: 0%; border-radius: 10px; background: #ffb900; box-shadow: none;"> Revisar</button></div> </div> </div> </div> </section> <div class="clearfix"></div> <footer class="page-footer"> <!-- Footer content --> </footer> </section> </div> </div> </div> </section> <footer id="footer"> <div class="footer-container footer-v1"> <div class="footer-top"> <div class="container"></div> </div> <div class="footer-content"> <div class="container"> <div class="row footerRow"> <div class="col-sm-12 col-lg-5"> <div class="contactinfo"> <h4 class="title-footer">Contáctanos</h4> <div class="content-footer"> <div class="address"> <label><i class="fa fa-home"></i> Dirección:</label> <span>Av. Alcalde Eduardo Castillo Velasco 3101 - Ñuñoa</span> </div> <div class="email"> <label><i class="fa fa-paper-plane"></i> Escríbenos:</label> <a href="#">[email protected]</a> </div> <div class="phone"> <label><i class="fa fa-phone"></i> Celular:</label> <span>+569 4169 9468</span> </div> </div> </div> <div class="spfooterlinks"> <p><iframe width="80%" height="200px" style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3328.620778326116!2d-70.60108778441281!3d-33.459185180771385!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9662cfeab314910d%3A0x5de0a064f3821e18!2sEduardo%20Castillo%20Velasco%203101%2C%20%C3%91u%C3%B1oa%2C%20Regi%C3%B3n%20Metropolitana!5e0!3m2!1ses!2scl!4v1584678055905!5m2!1ses!2scl" frameborder="0" allowfullscreen="allowfullscreen" aria-hidden="false" tabindex="0"></iframe></p> </div> </div> <div class="col-sm-4 col-lg-2"> <div class="spfooterlinks"> <h4 class="title-footer">ACERCA DE SHAARABUY</h4> <p style="position: relative; width: 350px; color: #cccccc;">Shaarabuy es una tienda online que tiene como fin entregar una mejor oferta y calidad en el mercado, ofreciendo productos de calidad al mejor precio y así también como poder brindar la mejor atención a nuestros clientes.</p> </div> <div class="spfooterlinks"> <h4 class="title-footer" style="margin-top: 21%;">MEDIOS DE PAGO</h4> <div class="conten-mediopago" style="margin-bottom: 2%;"><img class="medio-pago" src="/imagenes/medios de pago/mercadopago.png" /> <img class="medio-pago" src="/imagenes/medios de pago/webpay.png" /></div> <div class="conten-mediopago" style="margin-bottom: 2%;"><br /><img style="height: 100%; margin-top: 5%;" class="medio-pago" src="/imagenes/medios de pago/onepay.png" /> <img style="height: 100%; margin-top: 5%;" class="medio-pago" src="/imagenes/medios de pago/trans-bancaria-2.png" /></div> </div> </div> <div class="col-sm-4 col-lg-2"> </div> <div class="col-sm-4 col-lg-2"> <div class="sp_customhtml_2_15853658791881415580 spfooterlinks"> <h4 class="title-footer"> INFO ADICIONAL </h4> <ul class="links"> <li> <a href="/content/4-sobre-shaarabuy">¿Quiénes somos?</a> </li> <li> <a href="/content/6-como-comprar">¿Cómo comprar?</a> </li> <li> <a href="/content/7-garantia">Garantía</a> </li> <li> <a href="/content/3-terminos-y-condiciones-de-uso">Términos y condiciones</a> </li> <li> <a href="/contactenos">Contacto</a> </li> <li> <a href="#">Encarga un producto</a> </li> <li> <a href="#">Vende con nosotros</a> </li> </ul> </div> </div> </div> </div> <div class="backtop"> <a id="sp-totop" class="backtotop" href="#" title="Volver arriba"> <i class="fa fa-arrow-up"></i> </a> </div> </div> <div class="footer-middle"> <div class="container"> <!-- Block Newsletter module --> <div id="newsletter_block_home"> <div class="row no-gutter-width"> <div class="col-md-7"> <div class="title-block"> <h3>SUSCRÍBETE A SHAARABUY</h3> <p>DESCUENTOS, OFERTAS, NOTICIAS Y MÁS</p> </div> </div> <div class="col-md-5"> <div class="block_content clearfix"> <form action="https://shaarabuy.cl/" method="post"> <div class="form-group" > <div class="input"> <input class="inputNew grey newsletter-input" size="80" id="newsletter-input" type="text" name="email" placeholder="Ingresa tu e-mail" /> </div> <button type="submit" name="submitNewsletter" class="btn btn-default button button-small"> Suscribir </button> <input type="hidden" name="action" value="0" /> </div> </form> </div> </div> </div> </div> <!-- /Block Newsletter module--> <hr style="color: #fff;" /> <div class="footer-container" style="text-align: center;"> <div class="footer-middle" style="border-top: 1px solid #fff;"> <div class="container col-md-12"> <div class="col-md-6"> <div class="title-block"> <h3 style="color: #f58120;"><a title="Llamar!" style="color: #f58120;" href="tel:+56941699468"><i class="fas fa-phone"></i> FONO AYUDA +56941699468 <i class="fas fa-arrow-right"></i></a></h3> <p style="font-weight: bold;">Cualquier duda o consulta, llámanos de 9:00 a 18:00 hrs o contáctanos por el chat ShaaraBuy</p> </div> </div> <div class="col-md-6"> <div class="title-block"> <h3 style="color: #f58120;"><a title="Enviar mensaje!" style="color: #f58120;" href="https://api.whatsapp.com/send?phone=56941699468&text=Hola!,%20¿En%20qué%20te%20puedo%20ayudar?"><i class="fab fa-whatsapp"></i> WHATSAPP <i class="fas fa-arrow-right"></i></a></h3> <p style="font-weight: bold;">Escríbenos a través de WhatsApp Business, te responderemos a la brevedad</p> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-md-7 block-left"> </div> <div class="col-md-5 block-right"> <div class="payment"> <div class="conten-footer"> <p style="text-align: center; color: #fff; font-weight: bold;"><img src="/imagenes/FAVICON-DEFINITIVO.png" width="20px" title="ShaaraBuy" /> ©ShaaraBuy Todos los derechos reservados.</p> <p style="text-align: center; color: #fff;">Princital SpA RUT: 77.096.918-2</p> <p style="text-align: center; color: #fff;">Dirección: Av. Alcalde Eduardo Castillo Velasco 3101 - Ñuñoa</p> <p style="text-align: center; color: #fff;">Santiago de Chile</p> </div> </div> </div> </div> </div> </div> </div> </footer> </main> <script type="text/javascript" src="https://shaarabuy.cl/themes/core.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/themes/sp_destino/assets/sp-js/splib.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/themes/sp_destino/assets/js/theme.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/modules/spblockcart/spblockcart.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/modules/spblocknewsletter/jquery.cookie.min.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/modules/sphomeslider/js/owl.carousel.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/modules/productcomments/views/js/jquery.rating.plugin.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/js/jquery/ui/jquery-ui.min.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/modules/ps_imageslider/js/responsiveslides.min.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/modules/ps_imageslider/js/homeslider.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/modules/ps_searchbar/ps_searchbar.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/modules/ps_shoppingcart/ps_shoppingcart.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/modules/spsearchpro/views/js/spsearchpro.js" ></script> <script type="text/javascript" src="https://shaarabuy.cl/themes/sp_destino/assets/js/custom.js" ></script> <!-- Load Facebook SDK for JavaScript --> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v6.0' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/es_ES/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- Your customer chat code --> <div class="fb-customerchat" attribution=setup_tool page_id="104380464420136" theme_color="#0084ff" logged_in_greeting="Hola, ¿en qué te puedo ayudar? :)" logged_out_greeting="Hola, ¿en qué te puedo ayudar? :)"> </div> </body> </html>
CODE CSS:
/* Menu logo principal */ div.spverticalmenu { width: 20%; left: 8%; background: #fff; margin: -85px; position: relative; } /* Texto menu logo principal */ .header_v2 .sp-vermegamenu .cat-title { height: 50px; padding: 3px 20px; font-size: 0px; line-height: 44px; } /* Opciones menu principal */ @media (min-width: 1200px) #index .header_v2 .sp-vermegamenu .navbar-nav: active { top: 100%; z-index: 9; opacity: 1; /* visibility: visible; */ } /* Menu logo secundario */ .header_v2 div.spverticalmenu #sp-vermegamenu .navbar-nav > li > a { padding: 2.6px 20px; min-width: max-content; } /* Opciones menu secundario */ .header_v2 .sp-vermegamenu .navbar-nav { box-shadow: none; width: max-content; }
Prestashop v1.7.6.4
PD: Si quieren una vista mucho más realista del site, pueden pasarme su Ip por privado, para anexarlos al grupo de "los privilegiados". Aquellos que pueden ver el site, aún cuando está en Modo Mantenimiento.
NO SE REVELARÁ NI COMERCIALIZARÁ NINGÚN DATO CON DICHAS IP's A MENOS QUE EL USUARIO DE DICHA IP ASÍ LO DESEE.