html Loja Touch手表 - Grupo Technos
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html Loja Touch手表 - Grupo Technos相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html class="no-js" lang="pt-br" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">
<head>
<vtex:template id="V2-TOUCH-includes-header" />
<style type="text/css">
.trustvox-widget-rating,
.trustvox-widget-rating .ts-shelf-container,
.trustvox-widget-rating .trustvox-shelf-container {display: inline-block;}
.trustvox-widget-rating span.rating-click-here {
top: -3px;
display: inline-block;
position: relative;
color: #DAA81D;
font-size:12px;
}
.trustvox-widget-rating:hover span.rating-click-here {text-decoration: underline;}
</style>
</head>
<body id="produto">
<vtex:template id="V2-TOUCH-MenuMobile" />
<div class="page-wrapper">
<div class="page-content">
<!-- subtemplate header -->
<vtex:template id="V2-TOUCH-header" />
<!-- subtemplate header -->
<main role="main">
<div class="page-main main" itemscope="" itemtype="http://schema.org/Product">
<div class="bread-crumb-wrapper">
<div class="page-center">
<vtex.cmc:breadCrumb />
</div>
</div>
<div class="product-main-wrapper">
<div class="page-center">
<div class="product-name-wrapper">
<div class="name" itemprop="name">
<vtex.cmc:productName/>
</div>
<div class="discount-wrapper">
<span class="val-off">
<span class="val">0</span>%
</span>
<span class="txt-off">Off</span>
</div>
<div class="footer-name">
<div class="reference">
<span class="ref">Código: </span>
<vtex.cmc:productReference/>
</div>
<!--<div class="rate">-->
<!-- <vtex.cmc:evaluationRate/>-->
<!--</div>-->
<div class="trustvox-rate">
<a class="trustvox-fluid-jump trustvox-widget-rating" href="#reviews" title="Pergunte e veja opiniões de quem já comprou">
<div class="trustvox-widget-rating" data-trustvox-product-code-js="dataLayer[0].productId" data-trustvox-display-rate-schema="true"></div>
<span class="rating-click-here">Clique e veja!</span>
</a>
</div>
</div>
</div>
<div class="product-image-wrapper">
<vtex.cmc:ProductImage zoom="on" />
</div>
<div class="product-data">
<div class="product-hight-light">
<vtex.cmc:HightLight/>
<vtex.cmc:discountHightLight/>
</div>
<div class="product-price">
<vtex.cmc:skuPrice/>
</div>
<div class="product-buy-button">
<!-- <vtex.cmc:BuyButton/> -->
<vtex.cmc:skuRichSelection changeImage="1" />
</div>
<div class="frete-wrapper">
<vtex.cmc:shippingValue/>
<a class="botao-frete">CALCULAR FRETE</a>
</div>
<div class="sku-wrapper">
<vtex:contentPlaceHolder id="Cores Similares" />
</div>
<div class="social-medias">
<vtex.cmc:facebookLike />
<div class="g-plusone" data-size="medium"></div>
<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="white"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_white_20.png" /></a>
</div>
</div>
</div>
</div>
<div class="product-section-wrapper">
<div class="page-center">
<div class="info-wrapper">
<div class="descricao tab">
<h3 class="tab-title title-1">DESCRIÇÃO</h3>
<div class="tab-conteudo conteudo-1">
<vtex.cmc:ProductDescription/>
</div>
</div>
<div class="caracteristicas tab">
<h3 class="tab-title title-1">CARACTERÍSTICAS</h3>
<div class="tab-conteudo conteudo-2">
</div>
</div>
<div class="especificacoes tab">
<h3 class="tab-title">ESPECIFICAÇÕES</h3>
<div class="tab-conteudo conteudo-3">
<vtex.cmc:productSpecification/>
</div>
</div>
</div>
<div class="trustvox_container">
<span id="reviews"></span>
<div class="tpl-title-section clearfix">
<h3 class="section-title orange">Opinião dos Consumidores</h3>
</div>
<div class="trustvox_margin">
<div id="_trustvox_widget"></div>
</div>
</div>
<div class="prateleiras-wrapper prateleira-similares">
<div class="section-title red">
<h3>PRODUTOS SIMILARES</h3>
</div>
<vtex:contentPlaceHolder id="Similares" />
</div>
<!-- Compre Junto
<div class="prateleiras-wrapper compre-junto">
<div class="section-title red">
<h3>COMPRE JUNTO</h3>
</div>
<vtex.cmc:BuyTogether/>
</div>
-->
<div class="prateleiras-wrapper prateleira-qvct">
<div class="section-title orange">
<h3>QUEM VIU, COMPROU TAMBÉM</h3>
</div>
<vtex:contentPlaceHolder id="Quem Viu Comprou Tambem" />
<vtex.cmc:navigationHistory/>
</div>
<div class="prateleiras-wrapper prateleira-qvvt">
<div class="section-title orange">
<h3>QUEM VIU, VIU TAMBÉM</h3>
</div>
<vtex:contentPlaceHolder id="Quem Viu Viu Tambem" />
</div>
<div class="prateleiras-wrapper prateleira-relacionados">
<div class="section-title red">
<h3>PRODUTOS RELACIONADOS</h3>
</div>
<vtex:contentPlaceHolder id="Relacionados" />
</div>
</div>
</div>
</div>
</main>
<!-- page-main -->
<div class="c-both"></div>
</div>
<!-- page-content -->
<!-- subtemplate footer -->
<vtex:template id="V2-TOUCH-footer" />
<!-- subtemplate footer -->
</div>
<!-- LightBox Frete -->
<div class="bg-lb-frete"></div>
<div class="lb-frete">
<div class="btn-close">
<a class="lnk-fechar">X</a>
</div>
<div class="box-lb-content">
<h5 class="lb-title">INSIRA O CEP PARA CALCULAR O PRAZO DE ENTREGA</h5>
</div>
</div>
<!-- page-wrapper -->
<!-- scripts -->
<vtex:template id="V2-TOUCH-includes-scripts" />
<!-- scripts -->
<!-- Pinterest button 'pinit.js' -->
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
</body>
</html><!--
Id do Template de Prateleira: 28cbdfa3-bc21-4325-b148-787c2403c37b
Nome: V2-TOUCH-prateleira-padrao
Classe CSS: prateleira prateleira-padrao
-->
#set($id = $product.Id)
#set($uri = $product.Uri)
#set($escapedName = $product.HtmlEscapedName)
<div class="collection-link" title="$escapedName">
<a class="price-off collection-off" href="$uri" style="display: none;">
<span class="val-off">
<span class="val">0</span>%
</span>
<span class="txt-off">Off</span>
</a>
<div class="collection-quick-view desktop-only">
$product.QuickView
</div>
<a class="collection-image-link" href="$uri">
<div class="collection-image">
$product.GetImageTag(240,240)
</div>
<!-- collection-image -->
</a>
<!-- /imagem da prateleira -->
<div class="collection-content">
<a class="flags" href="$uri">
<div class="flag-discount flag-highlight">$product.DiscountHightLight</div>
<div class="flag-highlight">$product.HightLight</div>
</a>
<a class="trustvox-widget-rating-link" href="$uri">
<div class="trustvox-widget-rating" data-trustvox-product-code="$product.Id"></div>
</a>
<!-- /flag de promocao e destaque -->
<a class="collection-name" href="$uri">
<div>$product.Name</div>
</a>
<a class="trustvox-product" href="$uri">
<div data-trustvox-product-code="$product.Id" style="display:none;"></div>
</a>
<div class="collection-main">
#if ($product.IsInStock)
<a class="price" href="$uri">
#if ($product.HasBestPrice)
<span class="preco-de">
<span class="txt-de">de </span><span class="val-de">$product.ListPrice</span>
</span>
<span class="preco-por">
<span class="txt-por">por: </span><span class="val-por">$product.BestPrice</span>
</span>
#else
<span class="preco-de"></span>
<span class="preco-por">
<span class="txt-por"></span><span class="val-por">$product.BestPrice</span>
</span>
#end
<span class="preco-dividido">
#if ($product.NumbersOfInstallment > 1)
ou <span class="txt-dividido">${product.NumbersOfInstallment}x</span> de <span class="val-dividido">$product.InstallmentValue</span>
#end
</span>
</a>
<div class="collection-buybutton">
$product.BottomBuy
</div>
#else
<a class="out-of-stock" href="$uri">
Produto esgotado
</a>
#end
</div>
</div>
<!-- /collection-content -->
</div><vtex:metaTags/>
<!-- Favicon -->
<link href="/arquivos/favicon-red-touch-watches-new.ico" rel="shortcut icon" />
<link href="/arquivos/favicon-red-touch-watches-new.ico" rel="apple-touch-icon" />
<!-- Favicon -->
<meta name="google-site-verification" content="wAwetlQvx19HkXnaQQqiQEO4Qagc8P-lWX86BWoiiu4" />
<!-- viewport -->
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />
<!-- viewport -->
<!-- css geral -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="/arquivos/red-touch-watches.css" />
<!-- css geral -->
<!-- plugin modernizr -->
<script src="/arquivos/modernizr.min.js"></script>
<!-- plugin modernizr -->
<!-- Trustvox -->
<script type="text/javascript">
var _trustvox_shelf_rate = _trustvox_shelf_rate || [];
_trustvox_shelf_rate.push(['_storeId', '280']);
_trustvox_shelf_rate.push(['_productContainer', '.prateleira']);
</script>
<script type="text/javascript" async="true" src="//s3-sa-east-1.amazonaws.com/trustvox-rate-widget-js/widget.js"></script>
<style type="text/css">
a.trustvox-widget-rating-link { text-align: center; }
.ts-shelf-container { display: inline-block; }
</style>
<!-- Trustvox --><footer class="page-footer" role="contentinfo">
<div class="footer-top">
<div class="page-center compressed">
<div class="footer-col footer-departamentos desktop-only">
<h3 class="footer-title small light purple">Departamentos</h3>
<ul class="footer-list">
<li class="footer-item">
<a href="/relogio/Classic?map=c,spec_fct_6" class="footer-link">Clássico</a>
</li>
<li class="footer-item">
<a href="/relogio/Sports?map=c,spec_fct_6" class="footer-link">Sport</a>
</li>
<li class="footer-item">
<a href="/relogio/Casual?map=c,spec_fct_6" class="footer-link">Casual</a>
</li>
<li class="footer-item">
<a href="/relogio/Style?map=c,spec_fct_6" class="footer-link">Style</a>
</li>
<li class="footer-item">
<a href="/relogio/Special%20Series?map=c,spec_fct_6" class="footer-link">Special Series</a>
</li>
<li class="footer-item">
<a href="/oculos?O=OrderByReleaseDateDESC" class="footer-link">Óculos</a>
</li>
<li class="footer-item">
<a href="" class="footer-link">Off</a>
</li>
</ul>
</div>
<div class="footer-col footer-institucional desktop-only">
<h3 class="footer-title small light yellow">Institucional</h3>
<ul class="footer-list">
<li class="footer-item">
<a href="/institucional/be-in-touch" class="footer-link">Sobre a Touch</a>
</li>
<li class="footer-item">
<a href="/institucional/touch-na-midia" class="footer-link">Clipping</a>
</li>
<li class="footer-item">
<a href="/institucional/seja-um-franqueado" class="footer-link">Franquias</a>
</li>
<li class="footer-item">
<a href="/institucional/nossas-lojas" class="footer-link">Nossas Lojas</a>
</li>
<li class="footer-item">
<a href="/institucional/clube-in-touch" class="footer-link">Clube in Touch</a>
</li>
<li class="footer-item">
<a href="http://dumont.empresarial.ws/wp-content/CATALOGO_TOUCH_FINAL.pdf" target="_blank" class="footer-link">Catálogo</a>
</li>
</ul>
</div>
<div class="footer-col footer-fale-conosco desktop-only">
<h3 class="footer-title small light pink">Fale conosco</h3>
<ul class="footer-list">
<li class="footer-item">
<a href="/institucional/fale-conosco" class="footer-link">Contato</a>
</li>
<li class="footer-item">
<a href="/institucional/central-de-atendimento" class="footer-link">Perguntas Frequentes</a>
</li>
<li class="footer-item">
<a href="/institucional/central-de-atendimento#politica-privacidade" class="footer-link">Política de Privacidade</a>
</li>
<li class="footer-item">
<a href="/account/orders" class="footer-link">Meus pedidos</a>
</li>
<li class="footer-item">
<a href="/institucional/central-de-atendimento#politica-de-troca" class="footer-link">Troca e Devolução</a>
</li>
<li class="footer-item">
<a href="/institucional/assistencia-tecnica" class="footer-link">Assistência Técnica</a>
</li>
</ul>
</div>
<div class="footer-col icons-col footer-redes-sac ">
<h3 class="footer-title small light red">Siga nossas redes</h3>
<ul class="footer-list icon-list">
<li class="icon-item">
<a href="https://www.facebook.com/UsoTouch" class="icon-link facebook">Facebook</a>
</li>
<li class="icon-item">
<a href="https://instagram.com/usotouch/" class="icon-link instagran">instagran</a>
</li>
<li class="icon-item">
<a href="http://www.youtube.com/user/touchwatches2011/videos" class="icon-link youtube">youtube</a>
</li>
</ul>
<h3 class="footer-title small light pink mobile-only">Fale conosco</h3>
<vtex.cmc:infoSac />
</div>
<div class="footer-col icons-col footer-pagamentos">
<h3 class="footer-title small light acqua">formas de pagamento</h3>
<ul class="footer-list icon-list">
<li class="icon-item">
<a href="" class="icon-link visa">visa</a>
</li>
<li class="icon-item">
<a href="" class="icon-link mastercard">mastercard</a>
</li>
<li class="icon-item">
<a href="" class="icon-link dinners">dinners</a>
</li>
<!--
<li class="icon-item">
<a href="" class="icon-link boleto">boleto</a>
</li> -->
<li class="icon-item">
<a href="" class="icon-link aura">aura</a>
</li>
<li class="icon-item">
<a href="" class="icon-link discover">discover</a>
</li>
<li class="icon-item">
<a href="" class="icon-link hipercard">hipercard</a>
</li>
</ul>
</div>
<div class="footer-col icons-col footer-selos desktop-only">
<h3 class="footer-title small light acqua">Compra segura</h3>
<ul class="footer-list icon-list">
<li class="icon-item clearsale">
</li>
<li class="icon-item digicert">
<!-- Begin DigiCert site seal HTML and JavaScript -->
<div id="DigiCertClickID_U4thEniE" data-language="en_US">
<a href="https://www.digicert.com/unified-communications-ssl-tls.htm">UCC Certificates</a>
</div>
<script type="text/javascript">
var __dcid = __dcid || [];__dcid.push(["DigiCertClickID_U4thEniE", "7", "s", "black", "U4thEniE"]);(function(){var cid=document.createElement("script");cid.async=true;cid.src="//seal.digicert.com/seals/cascade/seal.min.js";var s = document.getElementsByTagName("script");var ls = s[(s.length - 1)];ls.parentNode.insertBefore(cid, ls.nextSibling);}());
</script>
<!-- End DigiCert site seal HTML and JavaScript -->
</li>
<li style="display: none;"><img src="/arquivos/selo-seguranca-garantida.png" alt="selo seguranca garantida" width="112px" height="45px"/></li>
<li style="display: none;">
<div id="armored_website">
<param id="aw_preload" value="true" />
<param id="aw_use_cdn" value="true" />
</div>
<script type="text/javascript" src="//cdn.siteblindado.com/aw.js"></script>
</li>
<li style="float: right;margin-top: 11px;">
<div id="trustvox-selo-site-sincero" class="ts-modal-trigger" style="cursor:pointer;">
<img src="/arquivos/selo-site-sincero-nano.png" />
</div>
<script type="text/javascript">
var _trustvox_certificate = _trustvox_certificate || [];
_trustvox_certificate.push(['_certificateId', 'touch-watches']);
(function() {
var tv = document.createElement('script'); tv.type = 'text/javascript'; tv.async = true;
tv.src = '//s3-sa-east-1.amazonaws.com/trustvox-certificate-modal-js/widget.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(tv, s);
})();
</script>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-botton">
<div class="page-center compressed">
<div class="copyright desktop-only">
A Touch foi criada na Europa em 1994 com expansão no Brasil em 2009. Em 2012, passou a integrar o seleto grupo da Endeavor por seu modelo de negócios, quando também começou a fazer parte do Grupo Technos, líder no mercado de relógios. Hoje, a Touch se consolida como a maior franqueadora de relógios do Brasil, comercializando também sua linha própria de óculos. CNPJ: <vtex.cmc:TouchCNPJ />
</div>
<div class="copyright mobile-only">
Touch © copyright 2015 | CNPJ: <vtex.cmc:TouchCNPJ />
</div>
<div class="credits desktop-only">
<div class="credt-item">
<a href="http://www.vtex.com.br" target="_blank" class="credt-link vtex">Powered by Vtex</a>
</div>
<div class="credt-item">
<a href="http://www.profite.com.br" target="_blank" class="credt-link profite">Criado por Profite</a>
</div>
</div>
</div>
</div>
</footer><!-- page-footer -->
<div class="autocomplete-pftx">
<div class="autocomplete-resultado"></div>
</div>
<div class="pftx-overlay"></div>
<!-- pftx-overlay -->
<div class="power-cadastro-bg" style="display: none"></div>
<div class="power-cadastro" style="display: none">
<div class="pwc-close">x</div>
<div class="campos-pwc">
<vtex.cmc:newsletterOptIn/>
</div>
</div>以上是关于html Loja Touch手表 - Grupo Technos的主要内容，如果未能解决你的问题，请参考以下文章
sql Reprocessar loja - Remarcação
sql excluir toda estrutura alerta de uma loja
sql Alterar loja de alerta configurado #tags：saas，alertas