Skip to content

Instantly share code, notes, and snippets.

@weslleyanjos

weslleyanjos/V2-TOUCH-footer.html

Last active August 19, 2016 20:35
Show Gist options
  • Save weslleyanjos/afb2f12999c447cfffe0cfd36556b4b0 to your computer and use it in GitHub Desktop.
Save weslleyanjos/afb2f12999c447cfffe0cfd36556b4b0 to your computer and use it in GitHub Desktop.
Download ZIP
Loja Touch Watches - Grupo Technos
Raw
V2-TOUCH-includes-header.html
<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 -->
Raw
V2-TOUCH-prateleira-padrao.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>
Raw
V2-TOUCH-product.html
<!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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment