JezK
Edit File: product.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Información de Producto :: Supermercado González</title> <link rel="stylesheet" href="stylesheet/stylesheet.css" type="text/css" media="screen" /> <link rel="stylesheet" href="stylesheet/cloud-zoom.css" type="text/css" media="screen" /> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/> <link rel="stylesheet" href="stylesheet/carousel.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="stylesheet/jquery-ui-1.8.9.custom.css" /> <!-- jQuery and Custom scripts --> <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> <script src="js/jquery.cycle.lite.1.0.min.js" type="text/javascript"></script> <script src="js/custom_scripts.js" type="text/javascript"></script> <script src="js/cloud-zoom.1.0.2.min.js" type="text/javascript"></script> <script src="js/jquery.jcarousel.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script> <script type="text/javascript" src="js/tabs.js"></script> <!-- Tipsy --> <script src="js/tipsy/jquery.tipsy.js" type="text/javascript"></script> <link href="js/tipsy/css.tipsy.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.tweet.js" type="text/javascript"></script> <link href="js/jquery.tweet.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- MAIN WRAPPER --> <div id="container"> <!-- SIDEFEATURES --> <div id="sidefeatures"> <ul> <li class="side_cart"><span class="icon">Carrito de mandado</span> <div id="cart"> <div class="heading"> <h4>Carrito de mandado</h4> <span id="cart_total">3 Producto(s) - $1099.99</span> </div> <div class="content"> <table class="cart"> <tbody> <tr> <td class="image"><a href="#"><img alt="Spicylicious" src="image/cart_pic1.jpg"/></a></td> <td class="name"><a href="#">Nombre Producto 1</a> <div> </div></td> <td class="quantity">x 1</td> <td class="total">$117.50</td> <td class="remove"><img title="Remove" alt="Remove" src="image/close.png"/></td> </tr> <tr> <td class="image"><a href="#"><img title="Palm Treo Pro" alt="Palm Treo Pro" src="image/cart_pic2.jpg"/></a></td> <td class="name"><a href="#">Nombre Producto 2</a> <div> </div></td> <td class="quantity">x 1</td> <td class="total">$328.99</td> <td class="remove"><img title="Remove" alt="Remove" src="image/close.png"/></td> </tr> <tr> <td class="image"><a href="#"><img title="Canon EOS 5D" alt="Canon EOS 5D" src="image/cart_pic3.jpg"/></a></td> <td class="name"><a href="#">Nombre Producto 3</a> <div> - <small>Extra Cheese</small><br/> </div></td> <td class="quantity">x 1</td> <td class="total">$94.00</td> <td class="remove"><img title="Remove" alt="Remove" src="image/close.png"/></td> </tr> </tbody> </table> <table class="total"> <tbody> <tr> <td align="right"><b>Sub-Total</b></td> <td align="right">$459.99</td> </tr> <tr> <td align="right"><b>IVA 16%</b></td> <td align="right">$80.50</td> </tr> <tr> <td align="right"><b>Total</b></td> <td align="right">$540.49</td> </tr> </tbody> </table> <div class="checkout"><a class="button" href="checkout.html"><span>Pagar</span></a></div> </div> </div> </li> <li class="side_currency"><span class="icon">Moneda</span> <div id="currency"> Moneda <a href="#" title="Puntos">#</a> <a href="#" title="Pesos">$</a> <a title="US Dollar">$$</a> </div> </li> <li class="side_lang"><span class="icon">Idioma</span> <div id="language"> Idioma <a href="#" title="English"><img src="imagenes/en.png" alt="Supermercado González"/></a> <a href="#" title="Español"><img src="imagenes/mx.png" alt="Supermercado González"/></a></div> </li> <li class="side_search"><span class="icon">Search</span> <div id="search"> <input type="text" onkeydown="this.style.color = '#000000';" onclick="this.value = '';" value="Buscar" name="filter_name"/> <a href="#" class="button-search"></a> </div> </li> </ul> </div> <!-- END OF SIDEFEATURES --> <!-- HEADER --> <div id="header"> <div class="inner"> <ul class="main_menu menu_left"> <li><a href="account.html">Mi Cuenta</a></li> <li><a href="wish.html">Lista de Deseos <b>(3)</b></a></li> <li><a href="about.html">Conocenos</a></li> <li class="warning"><a href="index.php">Home</a> <ul class="secondary"> <li><a href="#">Test</a></li> <li><a href="#">ABC</a></li> <li><a href="#">DEF</a></li> <li><a href="#">GHI</a></li> </ul> </li> </ul> <div id="logo"><a href="index.php"><img src="imagenes/loogo.png" width="217" height="141" alt="Supermercado González" /></a></div> <ul class="main_menu menu_right"> <li><a href="compare.html">Compare</a></li> <li><a href="cart.html">Carrito de Mandado</a></li> <li><a href="checkout.html">Pagar</a></li> <li><a href="contacto.html">Contacto</a></li> </ul> <div id="welcome"> Bienvenido al portal de Supermercado González. Puedes <a href="#">Ingresar</a> o <a href="#">crear tu cuenta nueva</a>. </div> <div class="menu"> <ul id="topnav"> <li><a href="category.html">Mis Facturas</a> <ul class="children"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a> <ul class="children2"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a></li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Carnes</a> <ul class="children"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a> <ul class="children2"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a></li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Frutas</a></li> <li><a href="category.html">Verduras</a> <ul class="children"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a> <ul class="children2"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a></li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Panadería</a></li> <li><a href="category.html">Domésticos</a></li> <li><a href="category.html">Farmacia</a></li> <li><a href="category.html">Abarrotes</a></li> <li><a href="category.html">Repostería</a></li> <li><a href="ofertas/index.php">Ver Ofertas</a></li> </ul> </div> </div> </div> <!-- END OF HEADER --> <!-- CONTENT --> <div id="content_holder" class="fixed"> <div class="inner"> <div class="breadcrumb"> <a href="index.php">Home</a> » <a href="category.html">Producto</a> » Producto </div> <h2 class="heading-title"><span>Tomate Saladet</span></h2> <!-- PRODUCT INFO --> <div class="product-info fixed"> <div class="left"> <div class="image"> <a href="image/bigimage00.jpg" class="cloud-zoom" id="zoom1" rel="adjustX: 5, adjustY:0, zoomWidth:550, zoomHeight:400, showTitle: false"> <img src="image/smallimage.jpg" alt='' title="Pizza Delicioso" /></a> <span class="pricetag">$ 14.99</span> </div> <div class="image-additional"> <div class="image_car_holder"> <ul class="jcarousel-skin-opencart"> <li><a href='image/bigimage00.jpg' class='cloud-zoom-gallery' title='Thumbnail 1' rel="useZoom: 'zoom1', smallImage: 'image/smallimage.jpg' "> <img src="image/tiny1.jpg" alt = "Thumbnail 1"/> </a></li> <li><a href='image/bigimage01.jpg' class='cloud-zoom-gallery' title='Thumbnail 2' rel="useZoom: 'zoom1', smallImage: 'image/smallimage1.jpg'"> <img src="image/tiny2.jpg" alt = "Thumbnail 2"/> </a></li> <li><a href='image/bigimage02.jpg' class='cloud-zoom-gallery' title='Thumbnail 3' rel="useZoom: 'zoom1', smallImage: 'image/smallimage2.jpg' "> <img src="image/tiny3.jpg" alt = "Thumbnail 3"/> </a></li> <li><a href='image/bigimage00.jpg' class='cloud-zoom-gallery' title='Thumbnail 1' rel="useZoom: 'zoom1', smallImage: 'image/smallimage.jpg' "> <img src="image/tiny1.jpg" alt = "Thumbnail 1"/> </a></li> <li><a href='image/bigimage01.jpg' class='cloud-zoom-gallery' title='Thumbnail 2' rel="useZoom: 'zoom1', smallImage: 'image/smallimage1.jpg'"> <img src="image/tiny2.jpg" alt = "Thumbnail 2"/> </a></li> <li><a href='image/bigimage02.jpg' class='cloud-zoom-gallery' title='Thumbnail 3' rel="useZoom: 'zoom1', smallImage: 'image/smallimage2.jpg' "> <img src="image/tiny3.jpg" alt = "Thumbnail 3"/> </a></li> <li><a href='image/bigimage01.jpg' class='cloud-zoom-gallery' title='Thumbnail 2' rel="useZoom: 'zoom1', smallImage: 'image/smallimage1.jpg'"> <img src="image/tiny2.jpg" alt = "Thumbnail 2"/> </a></li> <li><a href='image/bigimage02.jpg' class='cloud-zoom-gallery' title='Thumbnail 3' rel="useZoom: 'zoom1', smallImage: 'image/smallimage2.jpg' "> <img src="image/tiny3.jpg" alt = "Thumbnail 3"/> </a></li> </ul> </div> <script type="text/javascript"><!-- $('.image-additional ul').jcarousel({ vertical: false, visible: 4, scroll: 1 }); //--></script> </div> </div> <div class="right"> <div class="description"> <span>Marca:</span> <a href="#">Apple</a><br/> <span>Modelo:</span> Product 15<br/> <span>Puntoss:</span> 100<br/> <span>Disponibilidad:</span> Disponible <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "><script type="text/javascript"> //<![CDATA[ document.write('<a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>'); //]]> </script> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e7280075406aa87"></script> <!-- AddThis Button END --> <div class="reviews"> <img alt="3 reviews" src="image/stars-5.png"/> <p>Based on <a href="#" title="Read reviews">3 reviews</a></p> </div> </div> <div class="options"> <div class="option" id="option-217"><b><span class="required">*</span> Cantidad:</b> <select name="option[217]"> <option value="">--- Seleccione --- </option> <option value="4">1/4 Kilo</option> <option value="3">1/2 Kilo</option> <option value="1">1 Kilo</option> </select> </div> <div class="option" id="option-223"><b>Extras:</b> <input type="checkbox" id="option-value-9" value="9" name="option[223][]"/> <label for="option-value-9"> Checkbox 2 (+$23.50) </label> <br/> <input type="checkbox" id="option-value-10" value="10" name="option[223][]"/> <label for="option-value-10"> Checkbox 3 (+$35.25) </label> <br/> <input type="checkbox" id="option-value-11" value="11" name="option[223][]"/> <label for="option-value-11"> Checkbox 4 (+$47.00) </label> <br/> </div> </div> <div class="cart"> <span class="label">Cant:</span> <input type="text" value="1" size="2" name="quantity" id="qty"/> <a class="button" id="button-cart" title="+ Carrito"><span>+ Carrito</span></a> <a href="#" class="wish_button" title="Add to Wish List">+Lista deseos</a> <a href="#" class="compare_button" title="Add to Compare">+ A Compare</a> </div> <div class="tags"> <span class="label">Tags:</span><a href="#">Verduras</a> <a href="#">Comida</a> <a href="#">Envio</a> <a href="#">Vegetariono</a> <a href="#">Ej tag</a> </div> </div> <div class="clear"></div> </div> <!-- END OF PRODUCT INFO --> <div id="content"> <div class="box"> <h2 class="heading-title"><span>Descripción</span></h2> <div class="box-content"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> <div class="box"> <h2 class="heading-title"><span>Votos (3)</span></h2> <div class="box-content box-rating"> <a class="comment_switch" href="#"> <span class="button_comments">Ver Comentarios</span> <span class="button_review">Votar</span> </a> <div class="box-comments"> <div class="content"> <span>Dimitar Koev | 05/09/2011</span> <img src="image/stars-5.png" alt="3 reviews"/> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> <div class="content"> <span>Dimitar Koev | 05/09/2011</span> <img src="image/stars-1.png" alt="3 reviews"/> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> <div class="content"> <span>Dimitar Koev | 05/09/2011</span> <img src="image/stars-4.png" alt="3 reviews"/> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> <div class="box-write"> <h3 id="review-title">Write a review</h3> <span class="label">Your Name:</span> <input type="text" value="" name="name"/> <br/> <br/> <span class="label">Your Review:</span> <textarea style="width: 98%;" rows="10" cols="40" name="text"></textarea> <span style="font-size: 11px;"><span style="color: #FF0000;">Note:</span> HTML is not translated!</span><br/> <br/> <span class="label">Rating:</span> <span>Bad</span> <input type="radio" value="1" name="rating"/> <input type="radio" value="2" name="rating"/> <input type="radio" value="3" name="rating"/> <input type="radio" value="4" name="rating"/> <input type="radio" value="5" name="rating"/> <span>Good</span><br/> <br/> <span class="label">Enter the code in the box below:</span> <input type="text" value="" name="captcha"/> <br/> <img id="captcha" alt="" src="image/captcha.jpg"/><br/> <br/> <div class="buttons"> <div class="left"><a class="button" id="button-review"><span>Submit Review</span></a></div> </div> </div> </div> </div> <div class="cat_list"> <h2 class="heading-title"><span>Productos relacionados</span></h2> <div class="prod_hold"> <a class="wrap_link" href="product.html"> <span class="image"><img src="image/prod_pic1.jpg" alt="Supermercado González" /></span> </a> <div class="pricetag_small"> <span class="old_price">$ 19 999,99</span> <span class="new_price">$ 14 999,99</span> </div> <div class="info"> <h3>Nombre de producto, puede ser largo</h3> <p>Suspendisse eget nunc lorem. Sed convallis mattis est, quis dignissim magna varius et.</p> <a class="add_to_cart_small" href="#">+ Carrito</a> <a class="wishlist_small" href="#">Wishlist</a> <a class="compare_small" href="#">Compare</a> </div> </div> <div class="prod_hold"> <a class="wrap_link" href="product.html"> <span class="image"><img src="image/prod_pic2.jpg" alt="Supermercado González" /></span> </a> <div class="pricetag_small"> <span class="price">$ 147,99</span> </div> <div class="info"> <h3>Nombre de producto, puede ser largo</h3> <p>Suspendisse eget nunc lorem. Sed convallis mattis est, quis dignissim magna varius et.</p> <a class="add_to_cart_small" href="#">+ Carrito</a> <a class="wishlist_small" href="#">Wishlist</a> <a class="compare_small" href="#">Compare</a> </div> </div> <div class="prod_hold"> <a class="wrap_link" href="product.html"> <span class="image"><img src="image/prod_pic3.jpg" alt="Supermercado González" /></span> </a> <div class="pricetag_small"> <span class="price">$ 472,99</span> </div> <div class="info"> <h3>Nombre de producto, puede ser largo</h3> <p>Suspendisse eget nunc lorem. Sed convallis mattis est, quis dignissim magna varius et.</p> <a class="add_to_cart_small" href="#">+ Carrito</a> <a class="wishlist_small" href="#">Wishlist</a> <a class="compare_small" href="#">Compare</a> </div> </div> <div class="prod_hold"> <a class="wrap_link" href="product.html"> <span class="image"><img src="image/prod_pic4.jpg" alt="Supermercado González" /></span> </a> <div class="pricetag_small"> <span class="price">$ 219,99</span> </div> <div class="info"> <h3>Nombre de producto, puede ser largo</h3> <p>Suspendisse eget nunc lorem. Sed convallis mattis est, quis dignissim magna varius et.</p> <a class="add_to_cart_small" href="#">+ Carrito</a> <a class="wishlist_small" href="#">Wishlist</a> <a class="compare_small" href="#">Compare</a> </div> </div> <div class="clear"></div> </div> </div> </div> </div> <!-- END OF CONTENT --> <!-- PRE-FOOTER --> <div id="pre_footer"> <div class="inner"> </div> </div> <!-- END OF PRE-FOOTER --> <!-- FOOTER --> <div id="footer"> <div class="inner"> <div class="column_big"> <!-- FOOTER MODULES AREA --> <div class="footer_modules"> <h3>Acerca de nosotros</h3> <p><img src="imagenes/logo-Original.png" width="300" height="129" alt="Logo Supermercado González" /></p> <p>En Supermercado González somos una familia dedicada al servicio de su familia, que lleva más de 20 años ofreciendo Productos de la mejor calidad, a los mejores precios.</p> </div> <!-- END OF FOOTER MODULES AREA --> <div class="footer_social"> <h3>Pasa la voz</h3> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "><script type="text/javascript"> //<![CDATA[ document.write('<a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>'); //]]> </script> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e7280075406aa87"></script> <!-- AddThis Button END --> </div> </div> <div class="column_small"> <h3>Servicio al cliente</h3> <ul> <li><a href="#">Home</a></li> <li><a href="#">Mi cuenta</a></li> <li><a href="#">Historial de compras</a></li> <li><a href="#">Lista de deseos</a></li> <li><a href="COMENTARIOS.html">SUGERENCIAS O COMENTARIOS</a></li> <li><a href="#">Devoluciones</a></li> </ul> </div> <div class="column_small"> <h3>Información</h3> <ul> <li><a href="about.html">Conocenos</a></li> <li><a href="#">Información de envios</a></li> <li><a href="#">Aviso de privacidad</a></li> <li><a href="#">Terminos y condiciones</a></li> <li><a href="contacto.html">Contacto</a></li> <li><a href="sitemap.html">Mapa de sitio</a></li> </ul> </div> <div class="column_small"> <h3>Extras</h3> <ul> <li><a href="#">Marcas</a></li> <li><a href="#">Tarjetas de regalo</a></li> <li><a href="#">Asociados</a></li> <li><a href="ofertas/index.php">Especiales</a></li> <li><a href="ofertas/Administrador/index.php">Administrador de Ofertas</a></li> </ul> </div> <div class="clear"></div> </div> </div> <!-- END OF FOOTER --> </div> <!-- END OF MAIN WRAPPER --> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/d_koev.json?callback=twitterCallback2&count=3"></script> <script type="text/javascript"><!-- $(document).ready(function() { $('#twitter_update_list').cycle({ fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc... next: '#tweet_next', prev: '#tweet_prev' }); }); //--></script> <script type="text/javascript"><!-- $(document).ready(function(){ $("a.comment_switch").toggle(function(){ $(this).addClass("swap"); $(".box-rating").fadeOut("fast", function() { $(this).fadeIn("fast").addClass("box-review"); }); }, function () { $(this).removeClass("swap"); $(".box-rating").fadeOut("fast", function() { $(this).fadeIn("fast").removeClass("box-review"); }); }); }); //--></script> </body> </html>