luizfelipe9627/vtex-cms-template-atualizado
1
0
Fork 0
forked from M3-Academy/vtex-cms-template-atualizado
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Luiz Felipe Silva 2022-12-06 21:39:09 -03:00
parent ea476c4a96
commit 9a3bb2c4b4
24 changed files with 1218 additions and 18300 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
meta/loja.js
View File

@ -7,7 +7,7 @@ const menuElements = require("./pages/elementos-menu");
module.exports = { module.exports = {
accountName: "agenciamagma", accountName: "agenciamagma",
pages: [ pages: [
{ data: home, template: "template-home.html" }, { data: home, template: "luizfelipe-home.html" },
{ data: category, template: "template-categoria.html" }, { data: category, template: "template-categoria.html" },
{ data: product, template: "template-produto.html" }, { data: product, template: "template-produto.html" },
{ data: institucional, template: "template-institucional.html" }, { data: institucional, template: "template-institucional.html" },

19058
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

5
package.json
View File

@ -1,7 +1,7 @@
{ {
"author": "Agência M3", "author": "Agência M3",
"name": "tema-template", "name": "tema-template",
"shopName": "template", "shopName": "luizfelipe",
"description": "Tema Vtex para loja Vtex", "description": "Tema Vtex para loja Vtex",
"version": "1.0.0", "version": "1.0.0",
"main": "index.js", "main": "index.js",
@ -12,8 +12,7 @@
"dev": "cross-env NODE_ENV=development gulp watch", "dev": "cross-env NODE_ENV=development gulp watch",
"dev:fast": "cross-env NODE_ENV=devfast gulp watch", "dev:fast": "cross-env NODE_ENV=devfast gulp watch",
"prod": "cross-env NODE_ENV=production gulp build", "prod": "cross-env NODE_ENV=production gulp build",
"format": "prettier --write \"src/arquivos/**/*.{js,jsx,scss}\"", "format": "prettier --write \"src/arquivos/**/*.{js,jsx,scss}\""
"preinstall": "npx npm-force-resolutions"
}, },
"license": "ISC", "license": "ISC",
"devDependencies": { "devDependencies": {

15
src/template-pagina/template-home.html → src/template-pagina/luizfelipe-home.html
View File

@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<head> <head>
<meta name="page" content="home" page-id="homepage" /> <meta name="page" content="home" page-id="homepage" />
@ -11,13 +10,13 @@
<vtex:contentPlaceHolder id="htmlSeo" /> <vtex:contentPlaceHolder id="htmlSeo" />
<title>Template</title> <title>Template</title>
<vtex:template id="template-loads-header" /> <vtex:template id="luizfelipe-loads-header" />
</head> </head>
<body> <body>
<vtex:template id="template-header" /> <vtex:template id="luizfelipe-header" />
<main class="home"> <main class="home">
@ -117,11 +116,11 @@
</main> </main>
<footer> <footer>
<vtex:template id="template-footer-newsletter" /> <vtex:template id="luizfelipe-footer-newsletter" />
<vtex:template id="template-footer-links" /> <vtex:template id="luizfelipe-footer-links" />
<vtex:template id="template-footer" /> <vtex:template id="luizfelipe-footer" />
</footer> </footer>
<vtex:template id="template-loads-footer" /> <vtex:template id="luizfelipe-loads-footer" />
</body> </body>
</html> </html>

0
src/template-pagina/sub-templates/template-footer-links.html → src/template-pagina/sub-templates/luizfelipe-footer-links.html
View File

0
src/template-pagina/sub-templates/template-footer-newsletter.html → src/template-pagina/sub-templates/luizfelipe-footer-newsletter.html
View File

0
src/template-pagina/sub-templates/template-footer.html → src/template-pagina/sub-templates/luizfelipe-footer.html
View File

6
src/template-pagina/sub-templates/template-header.html → src/template-pagina/sub-templates/luizfelipe-header.html
View File

@ -42,11 +42,9 @@
</div> </div>
</div> </div>
<nav role="navigation"> <nav role="navigation">
<ul class="itens nav navbar-nav" itemscope="itemscope" <ul class="itens nav navbar-nav" itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement">
itemtype="http://www.schema.org/SiteNavigationElement">
<li class="novidades" itemprop="name"> <li class="novidades" itemprop="name">
<a itemprop="url" class="titulo-departamento highlight" <a itemprop="url" class="titulo-departamento highlight" href="/busca/?fq=H:143&#38;O=OrderByReleaseDateDESC" title="novidades">
href="/busca/?fq=H:143&#38;O=OrderByReleaseDateDESC" title="novidades">
novidades novidades
</a> </a>
</li> </li>

4
src/template-pagina/sub-templates/luizfelipe-loads-footer.html Normal file
View File

@ -0,0 +1,4 @@
<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.1/proxy.min.js" integrity="sha256-aRX3NIXjCxT51wF6s9KHLiFrf5E0n1YzvDLAMzeAVzA=" crossorigin="anonymous"></script>
<script src="/arquivos/luizfelipe--main-bundle.js" async="async"></script>

2
src/template-pagina/sub-templates/template-loads-header.html → src/template-pagina/sub-templates/luizfelipe-loads-header.html
View File

@ -3,4 +3,4 @@
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
<link rel="stylesheet" href="/arquivos/template--main.css" /> <link rel="stylesheet" href="/arquivos/luizfelipe--main.css" />

47
src/template-pagina/sub-templates/template-footer-simples.html
View File

@ -1,47 +0,0 @@
<section class=" footer">
<div class="selos">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<ul class="pagamento">
<li><i class="sprite sprite-master"></i></li>
<li><i class="sprite sprite-visa"></i></li>
<li><i class="sprite sprite-diners"></i></li>
<li><i class="sprite sprite-elo"></i></li>
<li><i class="sprite sprite-hiper"></i></li>
<li><i class="sprite sprite-pagseguro"></i></li>
<li><i class="sprite sprite-boleto"></i></li>
</ul>
<ul class="certificados">
<li><i class="sprite sprite-vtex-pci"></i></li>
<li><i class="sprite sprite-google-safe-browser"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid razao">
<div class="row">
<div class="col-12 col-md-6 cnpj">
<p>
Copyright &#9400; 2019 - Loja Sweeter Comércio Eletrônico | <span>CNPJ: 000.000.000/0001-00</span>
</p>
<p>
Rua 7 de Setembro, 3795 Centro - São Paulo/SP
</p>
</div>
<div class="col-12 col-md-6 desenvolvimento">
<a href="#" target="_blank">
<i class="sprite sprite-varejo-tech"></i>
</a>
<a href="#" target="_blank">
<i class="sprite sprite-vtex"></i>
</a>
<a href="https://digitalm3.com.br/" target="_blank">
<span>Developed by </span>
<i class="sprite sprite-m3"></i>
</a>
</div>
</div>
</div>
</section>

16
src/template-pagina/sub-templates/template-header-simples.html
View File

@ -1,16 +0,0 @@
<header class="header-simples">
<div class="container-fluid">
<div class="row justify-content-between" >
<div class="col-12 col-sm-6">
<a href="/" class="logo">
<img src="/arquivos/template-logo.png" alt="VTEX"/>
</a>
</div>
<div class="col ">
<div class="compra-segura">
<span><i class="sprite sprite-cadeado"></i>Compra 100% segura</span>
</div>
</div>
</div>
</div>
</header>

5
src/template-pagina/sub-templates/template-loads-footer.html
View File

@ -1,5 +0,0 @@
<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.1/proxy.min.js"
integrity="sha256-aRX3NIXjCxT51wF6s9KHLiFrf5E0n1YzvDLAMzeAVzA=" crossorigin="anonymous"></script>
<script src="/arquivos/template--main-bundle.js" async="async"></script>

9
src/template-pagina/template-404.html
View File

@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<head> <head>
<meta name="page" content="erro" page-id="404" /> <meta name="page" content="erro" page-id="404" />
@ -8,10 +7,10 @@
<meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<vtex:template id="template-loads-header" /> <vtex:template id="template-loads-header" />
</head> </head>
<body > <body>
<vtex:template id="template-header" /> <vtex:template id="template-header" />
@ -26,7 +25,7 @@
<footer > <footer>
<vtex:template id="template-footer-newsletter" /> <vtex:template id="template-footer-newsletter" />
<vtex:template id="template-footer-links" /> <vtex:template id="template-footer-links" />
<vtex:template id="template-footer" /> <vtex:template id="template-footer" />

11
src/template-pagina/template-500.html
View File

@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<head> <head>
<meta name="page" content="erro" page-id="500" /> <meta name="page" content="erro" page-id="500" />
@ -8,23 +7,23 @@
<meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<vtex:template id="template-loads-header" /> <vtex:template id="template-loads-header" />
</head> </head>
<body > <body>
<vtex:template id="template-header" /> <vtex:template id="template-header" />
<main class="pagina-erro erro-500"> <main class="pagina-erro erro-500">
<h1>Algo deu errado.</h1> <h1>Algo deu errado.</h1>
<p>Sua solicitação não pode ser atendida devido a um erro inesperado.<br/> Tente novamente.</p> <p>Sua solicitação não pode ser atendida devido a um erro inesperado.<br /> Tente novamente.</p>
<a href="/" class="voltar-para-home">voltar</a> <a href="/" class="voltar-para-home">voltar</a>
</main> </main>
<footer > <footer>
<vtex:template id="template-footer-newsletter" /> <vtex:template id="template-footer-newsletter" />
<vtex:template id="template-footer-links" /> <vtex:template id="template-footer-links" />
<vtex:template id="template-footer" /> <vtex:template id="template-footer" />

9
src/template-pagina/template-buscavazia.html
View File

@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<head> <head>
<meta name="page" content="erro" page-id="busca-vazia" /> <meta name="page" content="erro" page-id="busca-vazia" />
@ -8,10 +7,10 @@
<meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<vtex:metaTags /> <vtex:metaTags />
<vtex:template id="template-loads-header" /> <vtex:template id="template-loads-header" />
</head> </head>
<body > <body>
<vtex:template id="template-header" /> <vtex:template id="template-header" />
@ -21,7 +20,7 @@
<a href="/" class="voltar-para-home">voltar</a> <a href="/" class="voltar-para-home">voltar</a>
</main> </main>
<footer > <footer>
<vtex:template id="template-footer-newsletter" /> <vtex:template id="template-footer-newsletter" />
<vtex:template id="template-footer-links" /> <vtex:template id="template-footer-links" />
<vtex:template id="template-footer" /> <vtex:template id="template-footer" />

6
src/template-pagina/template-categoria.html
View File

@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<head> <head>
<meta name="page" content="categoria" page-id="categoria" /> <meta name="page" content="categoria" page-id="categoria" />
@ -58,8 +57,7 @@
</button> </button>
</div> </div>
<div class="produtos-da-categoria"> <div class="produtos-da-categoria">
<vtex.cmc:searchResult layout="46b0e7f2-15ee-4789-a75e-280e389d2b8f" itemCount="12" <vtex.cmc:searchResult layout="46b0e7f2-15ee-4789-a75e-280e389d2b8f" itemCount="12" columnCount="12" />
columnCount="12" />
</div> </div>
</div> </div>
</div> </div>

31
src/template-pagina/template-elementos-menu.html
View File

@ -1,19 +1,22 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<head>
<meta name="page" content="home" page-id="homepage" /> <head>
<meta charset="utf-8" /> <meta name="page" content="home" page-id="homepage" />
<meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="x-ua-compatible" content="ie=edge" />
</head> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<body> </head>
<section>
<!-- <div class="produtos-menu"> <body>
<section>
<!-- <div class="produtos-menu">
<vtex:contentPlaceHolder id="produtos-menu" /> <vtex:contentPlaceHolder id="produtos-menu" />
</div> --> </div> -->
<div class="banners-menu"> <div class="banners-menu">
<vtex:contentPlaceHolder id="banners-menu" /> <vtex:contentPlaceHolder id="banners-menu" />
</div> </div>
</section> </section>
</body> </body>
</html> </html>

93
src/template-pagina/template-institucional.html
View File

@ -1,55 +1,52 @@
<!DOCTYPE html> <!DOCTYPE html>
<html <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
xmlns="http://www.w3.org/1999/xhtml"
xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce"
lang="pt-br"
>
<head>
<meta name="page" content="institucional" page-id="institucional" />
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<vtex:metaTags />
<vtex:contentPlaceHolder id="htmlSeo" />
<title>Template</title>
<vtex:template id="template-loads-header" /> <head>
</head> <meta name="page" content="institucional" page-id="institucional" />
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<vtex:metaTags />
<vtex:contentPlaceHolder id="htmlSeo" />
<title>Template</title>
<body> <vtex:template id="template-loads-header" />
<vtex:template id="template-header" /> </head>
<main class="institucional container"> <body>
<div class="row"> <vtex:template id="template-header" />
<div class="col-12 breadcrumb">
<ul> <main class="institucional container">
<li> <div class="row">
<a href="/"> <div class="col-12 breadcrumb">
Home <ul>
</a> <li>
</li> <a href="/">
<li> Home
<span> </a>
Institucional </li>
</span> <li>
</li> <span>
</ul> Institucional
</div> </span>
<div class="col-12 navegacao"> </li>
<vtex.cmc:navegacaoInstitucional /> </ul>
</div>
<div class="col-12 conteudo">
<vtex:contentPlaceHolder id="texto-institucional" />
</div>
</div> </div>
</main> <div class="col-12 navegacao">
<vtex.cmc:navegacaoInstitucional />
</div>
<div class="col-12 conteudo">
<vtex:contentPlaceHolder id="texto-institucional" />
</div>
</div>
</main>
<footer>
<vtex:template id="template-footer-newsletter" />
<vtex:template id="template-footer-links" />
<vtex:template id="template-footer" />
</footer>
<vtex:template id="template-loads-footer" />
</body>
<footer>
<vtex:template id="template-footer-newsletter" />
<vtex:template id="template-footer-links" />
<vtex:template id="template-footer" />
</footer>
<vtex:template id="template-loads-footer" />
</body>
</html> </html>

12
src/template-pagina/template-login.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<head> <head>
<meta name="page" content="login" page-id="login" /> <meta name="page" content="login" page-id="login" />
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -12,7 +12,8 @@ xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<vtex:template id="template-loads-header" /> <vtex:template id="template-loads-header" />
</head> </head>
<body >
<body>
<vtex:template id="template-header" /> <vtex:template id="template-header" />
@ -20,16 +21,17 @@ xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<main class="login"> <main class="login">
<section id="login-content" class="container"> <section id="login-content" class="container">
<vtex.cmc:userLogin/> <vtex.cmc:userLogin />
</section> </section>
</main> </main>
<footer > <footer>
<vtex:template id="template-footer-newsletter" /> <vtex:template id="template-footer-newsletter" />
<vtex:template id="template-footer-links" /> <vtex:template id="template-footer-links" />
<vtex:template id="template-footer" /> <vtex:template id="template-footer" />
</footer> </footer>
<vtex:template id="template-loads-footer" /> <vtex:template id="template-loads-footer" />
</body> </body>
</html> </html>

6
src/template-pagina/template-minha-conta.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<head> <head>
<meta name="page" content="minhaConta" page-id="minha-conta" /> <meta name="page" content="minhaConta" page-id="minha-conta" />
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -13,6 +13,7 @@ xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<link rel="stylesheet" href="/arquivos/template--user-pages.css" type="text/css" /> <link rel="stylesheet" href="/arquivos/template--user-pages.css" type="text/css" />
</head> </head>
<body class="minha-conta"> <body class="minha-conta">
<vtex:template id="template-header" /> <vtex:template id="template-header" />
@ -36,4 +37,5 @@ xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
<script src="/arquivos/bootstrap.min.js"></script> <script src="/arquivos/bootstrap.min.js"></script>
<vtex:template id="template-loads-footer" /> <vtex:template id="template-loads-footer" />
</body> </body>
</html> </html>

163
src/template-pagina/template-produto.html
View File

@ -1,103 +1,96 @@
<!DOCTYPE html> <!DOCTYPE html>
<html <html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
xmlns="http://www.w3.org/1999/xhtml"
xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce"
lang="pt-br"
>
<head>
<meta name="page" content="produto" page-id="produto-padrao" />
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<vtex:metaTags />
<vtex:contentPlaceHolder id="htmlSeo" />
<title>Template</title>
<vtex:template id="template-loads-header" /> <head>
</head> <meta name="page" content="produto" page-id="produto-padrao" />
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<vtex:metaTags />
<vtex:contentPlaceHolder id="htmlSeo" />
<title>Template</title>
<body class="produto"> <vtex:template id="template-loads-header" />
<vtex:template id="template-header" /> </head>
<main class="produto"> <body class="produto">
<section class="container"> <vtex:template id="template-header" />
<div class="row">
<div class="col-12 breadcrumb"> <main class="produto">
<vtex.cmc:breadCrumb /> <section class="container">
<div class="row">
<div class="col-12 breadcrumb">
<vtex.cmc:breadCrumb />
</div>
</div>
<div class="row">
<div class="col-12 col-lg-7">
<div class="product-image">
<vtex.cmc:ProductImage />
</div> </div>
</div> </div>
<div class="row"> <div class="col-12 col-lg-5">
<div class="col-12 col-lg-7"> <div class="product-info">
<div class="product-image"> <h1 class="nome-produto" itemprop="name">
<vtex.cmc:ProductImage /> <vtex.cmc:productName />
</h1>
<div class="product-reference">
<span>REF.: </span>
<vtex.cmc:productReference />
</div> </div>
</div> <div class="moduloPreco"></div>
<div class="col-12 col-lg-5"> <div class="moduloAviseMe"></div>
<div class="product-info"> <div class="moduloSkus"></div>
<h1 class="nome-produto" itemprop="name"> <div class="similares"></div>
<vtex.cmc:productName /> <div class="moduloQuantidade"></div>
</h1> <div class="moduloBotaoDeCompra"></div>
<div class="product-reference">
<span>REF.: </span>
<vtex.cmc:productReference />
</div>
<div class="moduloPreco"></div>
<div class="moduloAviseMe"></div>
<div class="moduloSkus"></div>
<div class="similares"></div>
<div class="moduloQuantidade"></div>
<div class="moduloBotaoDeCompra"></div>
<div class="compra-segura"> <div class="compra-segura">
<p> <p>
<span>compra segura</span <span>compra segura</span><i class="sprite sprite-cadeado"></i>
><i class="sprite sprite-cadeado"></i> </p>
</p> </div>
</div>
<div class="descricao-produto"> <div class="descricao-produto">
<a <a href="#descricao-completa" title="Descrição do Produto">
href="#descricao-completa" <i class="sprite sprite-arrow-down-pink"></i>
title="Descrição do Produto" Descrição do produto
> </a>
<i class="sprite sprite-arrow-down-pink"></i>
Descrição do produto
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
</section>
<section class="container"> <section class="container">
<div class="row prateleira-de-produtos"> <div class="row prateleira-de-produtos">
<div class="col-12"> <div class="col-12">
<vtex:contentPlaceHolder id="prateleira-padrao" /> <vtex:contentPlaceHolder id="prateleira-padrao" />
</div>
</div>
</section>
<section class="container">
<div id="descricao-completa" class="row">
<div class="col-12">
<h2>Descrição</h2>
<div class="descricao" itemprop="description">
<vtex.cmc:ProductDescription />
</div> </div>
</div> </div>
</section> </div>
</section>
</main>
<vtex.cmc:dataLayerProduto />
<vtex.cmc:skuJson />
<section class="container"> <footer>
<div id="descricao-completa" class="row"> <vtex:template id="template-footer-newsletter" />
<div class="col-12"> <vtex:template id="template-footer-links" />
<h2>Descrição</h2> <vtex:template id="template-footer" />
</footer>
<vtex:template id="template-loads-footer" />
</body>
<div class="descricao" itemprop="description">
<vtex.cmc:ProductDescription />
</div>
</div>
</div>
</section>
</main>
<vtex.cmc:dataLayerProduto />
<vtex.cmc:skuJson />
<footer>
<vtex:template id="template-footer-newsletter" />
<vtex:template id="template-footer-links" />
<vtex:template id="template-footer" />
</footer>
<vtex:template id="template-loads-footer" />
</body>
</html> </html>

14
src/template-prateleira/prateleira-padrao.vtex.html
View File

@ -10,13 +10,13 @@
$product.HightLight $product.HightLight
</span> </span>
<span class="DiscountHightLight"> <span class="DiscountHightLight">
$product.DiscountHightLight $product.DiscountHightLight
</span> </span>
</div> </div>
<div class="product-image "> <div class="product-image ">
<a href="$uri" title=$escapedName> <a href="$uri" title=$escapedName>
<div class="foto-principal" > <div class="foto-principal">
<div class="lazyload__sibling"></div> <div class="lazyload__sibling"></div>
<div class="lazyload" data-noscript=""> <div class="lazyload" data-noscript="">
<noscript> <noscript>
@ -24,7 +24,7 @@
</noscript> </noscript>
</div> </div>
</div> </div>
<div class="foto-secundaria" > <div class="foto-secundaria">
<div class="lazyload__sibling"></div> <div class="lazyload__sibling"></div>
<div class="lazyload" data-noscript=""> <div class="lazyload" data-noscript="">
<noscript> <noscript>
@ -40,19 +40,19 @@
$escapedName $escapedName
</div> </div>
</div> </div>
#if ($product.IsInStock) #if ($product.IsInStock)
<div class="disponivel"> <div class="disponivel">
<div class="price"> <div class="price">
<div class="antigo"> <div class="antigo">
#if ($product.HasBestPrice) #if ($product.HasBestPrice)
<span class="value"> <span class="value">
$product.ListPrice $product.ListPrice
</span> </span>
#end #end
</div> </div>
<div class="principal"> <div class="principal">
<span class="value"> <span class="value">
$product.BestPrice $product.BestPrice
</span> </span>
</div> </div>
#if($product.NumbersOfInstallment > 1) #if($product.NumbersOfInstallment > 1)

2
src/templates-checkout/checkout-header.html
View File

@ -1,6 +1,6 @@
<header class="header"> <header class="header">
<div class="container-fluid"> <div class="container-fluid">
<div class="row justify-content-between" > <div class="row justify-content-between">
<div class="col-12 col-sm-6"> <div class="col-12 col-sm-6">
<a href="/" class="logo"> <a href="/" class="logo">
<img src="/arquivos/logo.png" alt="Vest Rio"> <img src="/arquivos/logo.png" alt="Vest Rio">