{% extends 'base/base.html.twig' %}{% block stylesheets %}{% endblock %}{% block body %}{% include 'base/header.html.twig' %} <div class="banner-wrapper has_background"> <img src="{{ asset('images/banner/FOTO3.jpg') }}" class="img-responsive attachment-1920x447 size-1920x447" style="width:1920px !important; height:600px !important; object-position: top;" alt="img"> </div> <div class="main-container shop-page no-sidebar"> <div class="container" id="producto"> <div class="row"> <div class="main-content col-md-12"> <div class="shop-control shop-before-control"> <div class="grid-view-mode"> <form> <a href="shop.html" data-toggle="tooltip" data-placement="top" class="modes-mode mode-grid display-mode active" value="grid"> <span class="button-inner"> Shop Grid <span></span> <span></span> <span></span> </span> </a> <a href="shop-list.html" data-toggle="tooltip" data-placement="top" class="modes-mode mode-list display-mode " value="list"> <span class="button-inner"> Shop List <span></span> <span></span> <span></span> </span> </a> </form> </div> <h1 class="MejMedium" style="text-align: center; color: #AA6D3A;font-size: 13px;">TIENDA EXCLUSIVA PARA CHILE<h1> <h1 class="MejMedium" style="text-align: center; color: black;font-size: 10px;">DESPACHO SIN COSTO EN LA REGIÓN METROPOLITANA POR COMPRAS SOBRE $50.000<h1> {#<h4 style="text-align: center; color: #AA6D3A; font-size: 16px;">( En el espíritu de Los Vascos, Cultivando Independencia )<h4>#} {#<form class="kreen-ordering" method="get"> <select title="product_cat" name="orderby" class="orderby"> <option value="menu_order" selected="selected">Default </option> <option value="popularity">Mas Popular</option> <option value="rating">Ordenar por rating</option> <option value="date">Ordenar por el Ultimo</option> <option value="price">de menor a mayor</option> <option value="price-desc">de mayor a menor</option> </select> </form> <form class="per-page-form"> <label> <select class="option-perpage"> <option value="12" selected=""> Ver 12 </option> <option value="5"> Ver 05 </option> <option value="10"> Ver 10 </option> <option value="12"> Ver 12 </option> <option value="15"> Ver 15 </option> <option value="20"> Ver todo </option> </select> </label> </form>#} </div> <div class=" auto-clear kreen-products"> <ul class="row col-12 products columns-3" id="colum1"> </ul> <ul class="row col-12 products columns-3" id="colum2"> </ul> <ul class="row col-12 products columns-3" id="colum3"> </ul> <ul class="row col-12 products columns-3" id="colum4"> </ul> </div> {#<div class="shop-control shop-after-control"> <nav class="kreen-pagination"> <span class="page-numbers current">1</span> <a class="page-numbers" href="#">2</a> <a class="next page-numbers" href="#">Next</a> </nav> <p class="kreen-result-count">Showing 1–12 of 20 results</p> </div>#} {% if tag is defined %} {% if tag == "Cromas" or tag == "LeDix" or tag == "LosVascos" %} <div class="row" style="text-align: center;"> <div class="col-12"><br><br> <a href="{{path('vinos')}}" class="btn btn-primary" style="background-color:#AA6D3A; border-color:#AA6D3A;">Todos los Vinos</a> </div> </div> {% endif %} {% endif %} </div> </div> </div> <!-- Modal --> <div id="mayorEdad" style="background: #D0C2AF;"> <section class="sobre-losVascos"> <div> <h5 class="MejMedium" style="color: white; font-size:30px;" >¿ERES MAYOR DE EDAD PARA CONSUMIR ALCOHOL?</h5> <button type="button" class="btn btn-primary" style="height: 85px; width:85px;background-color: #CABBA3 !important; border-color: #CABBA3 !important" id="Msi">Si</button> <button type="button" class="btn btn-danger" style="height: 85px; width:85px; background-color: #B56150 !important; border-color: #B56150 !important" id="Mno">No</button> </div> </section> </div> </div>{% include 'base/footer.html.twig' %}{% endblock %}{% block javascripts %}<script> $(document).ready(function(){ $('#producto').hide(); if($('#producto').hide()){ $('#mayorEdad').show(); }else{ $('#mayorEdad').hide(); } document.getElementById('Mno').onclick = function(){ alert('No cumple con el minimo de edad.'); } document.getElementById('Msi').onclick = function(){ localStorage.setItem("validEdad", 1); $('#producto').show(); $('#mayorEdad').hide(); } var validEdad = localStorage.getItem("validEdad"); if(validEdad == 1){ $('#producto').show(); $('#mayorEdad').hide(); } var productos = []; productos = {{products | json_encode | raw }}; var url = ""; productos.forEach(element => { var formatter = new Intl.NumberFormat('es-CL', { style: 'currency', currency: 'CLP', // These options are needed to round to whole numbers if that's what you want. minimumFractionDigits: 0, maximumFractionDigits: 0, }); if(element.linea == 1){ $("#colum1").append(` <li class="MejMedium product-item wow fadeInUp product-item rows-space-30 col-bg-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-ts-6 style-01 post-24 product type-product status-publish has-post-thumbnail product_cat-chair product_cat-table product_cat-new-arrivals product_tag-light product_tag-hat product_tag-sock first instock featured shipping-taxable purchasable product-type-variable has-default-attributes" data-wow-duration="1s" data-wow-delay="0ms" data-wow="fadeInUp"> <div class="product-inner tooltip-left"> <div class="product-thumb"> <a class="thumb-link" href="/producto/`+element.slug+`"> <img class="img-responsive" src="`+element.img+`" alt="Cherry tomato" style="height: 200px; width: 250px; object-fit: cover;" > </a> </div> <div class="product-info equal-elem"> <h3 class="product-name product_title" style="font-size: 14px !important;text-align: center; white-space: normal !important;"> <a href="/producto/`+element.slug+`">`+element.name+`</a> </h3> <span class="price"> <span class="kreen-Price-amount amount" style="font-size: 14px;"> <span class="kreen-Price-currencySymbol">CLP $</span>`+formatter.format(element.price).replace(/^(\D+)/, '')+`</span> </span> {% if product.short_description is defined %} <div class="kreen-product-details__short-description"> <p>`+element.short_description+`</p> </div> {% endif %} </div> <div class="group-button"> <div class="group-button-inner"> <div class="add-to-cart"> <a href="/producto/`+element.slug+`" class="button product_type_variable add_to_cart_button"> Comprar </a> </div> </div> </div> </div> </li> `); } if(element.linea == 2){ $("#colum2").append(` <li class="MejMedium product-item wow fadeInUp product-item rows-space-30 col-bg-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-ts-6 style-01 post-24 product type-product status-publish has-post-thumbnail product_cat-chair product_cat-table product_cat-new-arrivals product_tag-light product_tag-hat product_tag-sock first instock featured shipping-taxable purchasable product-type-variable has-default-attributes" data-wow-duration="1s" data-wow-delay="0ms" data-wow="fadeInUp"> <div class="product-inner tooltip-left"> <div class="product-thumb"> <a class="thumb-link" href="/producto/`+element.slug+`"> <img class="img-responsive" src="`+element.img+`" alt="Cherry tomato" style="height: 200px; width: 250px; object-fit: cover;" > </a> </div> <div class="product-info equal-elem"> <h3 class="product-name product_title" style="font-size: 14px !important;text-align: center; white-space: normal !important"> <a href="/producto/`+element.slug+`">`+element.name+`</a> </h3> <span class="price"> <span class="kreen-Price-amount amount" style="font-size: 14px;"> <span class="kreen-Price-currencySymbol">CLP $</span>`+formatter.format(element.price).replace(/^(\D+)/, '')+`</span> </span> {% if product.short_description is defined %} <div class="kreen-product-details__short-description"> <p>`+element.short_description+`</p> </div> {% endif %} </div> <div class="group-button"> <div class="group-button-inner"> <div class="add-to-cart"> <a href="/producto/`+element.slug+`" class="button product_type_variable add_to_cart_button"> Comprar </a> </div> </div> </div> </div> </li> `); } if(element.linea == 3){ $("#colum3").append(` <li class="MejMedium product-item wow fadeInUp product-item rows-space-30 col-bg-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-ts-6 style-01 post-24 product type-product status-publish has-post-thumbnail product_cat-chair product_cat-table product_cat-new-arrivals product_tag-light product_tag-hat product_tag-sock first instock featured shipping-taxable purchasable product-type-variable has-default-attributes" data-wow-duration="1s" data-wow-delay="0ms" data-wow="fadeInUp"> <div class="product-inner tooltip-left"> <div class="product-thumb"> <a class="thumb-link" href="/producto/`+element.slug+`"> <img class="img-responsive" src="`+element.img+`" alt="Cherry tomato" style="height: 200px; width: 250px; object-fit: cover;" > </a> </div> <div class="product-info equal-elem"> <h3 class="product-name product_title" style="font-size: 14px !important;text-align: center; white-space: normal !important"> <a href="/producto/`+element.slug+`">`+element.name+`</a> </h3> <span class="price"> <span class="kreen-Price-amount amount" style="font-size: 14px;"> <span class="kreen-Price-currencySymbol">CLP $</span>`+formatter.format(element.price).replace(/^(\D+)/, '')+`</span> </span> {% if product.short_description is defined %} <div class="kreen-product-details__short-description"> <p>`+element.short_description+`</p> </div> {% endif %} </div> <div class="group-button"> <div class="group-button-inner"> <div class="add-to-cart"> <a href="/producto/`+element.slug+`" class="button product_type_variable add_to_cart_button"> Comprar </a> </div> </div> </div> </div> </li> `); } if(element.linea == 4){ $("#colum4").append(` <li class="MejMedium product-item wow fadeInUp product-item rows-space-30 col-bg-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-ts-6 style-01 post-24 product type-product status-publish has-post-thumbnail product_cat-chair product_cat-table product_cat-new-arrivals product_tag-light product_tag-hat product_tag-sock first instock featured shipping-taxable purchasable product-type-variable has-default-attributes" data-wow-duration="1s" data-wow-delay="0ms" data-wow="fadeInUp"> <div class="product-inner tooltip-left"> <div class="product-thumb"> <a class="thumb-link" href="/producto/`+element.slug+`"> <img class="img-responsive" src="`+element.img+`" alt="Cherry tomato" style="height: 200px; width: 250px; object-fit: cover;" > </a> </div> <div class="product-info equal-elem"> <h3 class="product-name product_title" style="font-size: 14px !important;text-align: center; white-space: normal !important"> <a href="/producto/`+element.slug+`">`+element.name+`</a> </h3> <span class="price"> <span class="kreen-Price-amount amount" style="font-size: 14px;"> <span class="kreen-Price-currencySymbol">CLP $</span>`+formatter.format(element.price).replace(/^(\D+)/, '')+`</span> </span> {% if product.short_description is defined %} <div class="kreen-product-details__short-description"> <p>`+element.short_description+`</p> </div> {% endif %} </div> <div class="group-button"> <div class="group-button-inner"> <div class="add-to-cart" > <a href="/producto/`+element.slug+`" class="button product_type_variable add_to_cart_button"> Comprar </a> </div> </div> </div> </div> </li> `); } }); })</script>{% endblock %}