blyzer/dtf-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: give each Site product and the cart its own page
All checks were successful
Build and deploy / Validate source (push) Successful in 5s
Details
Build and deploy / Integration suite on a real stack (push) Successful in 2m28s
Details
Build and deploy / Secret scan and release gate (push) Successful in 8s
Details
Build and deploy / Publish images (push) Successful in 1m52s
Details

Browse Source 
The home, each product's Montagem and the cart now have their own
addresses (/artes-avulsas, /arquivo-por-metro, /uv-artes-avulsas,
/uv-arquivo-por-metro, /carrinho) and show only their own content, with
Back, Forward, reload and direct links working as in any store. They stay
one document so uploaded artworks survive moving between pages; nginx
serves index.html for these addresses.

"Adicionar ao carrinho" puts the item in the cart and opens it, and an
empty cart says so. Portal quote links open in the cart. Also fixes the
"57 cm" line break on the ready-sheet option, returns "Novo pedido" to
the home, and says PDF depends on the product.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Cauê Faleiros
2026-09-24 16:56:58 -03:00
parent 177882e77b
commit b81ff8d03d
12 changed files with 212 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
web/index.html
View File

@@ -748,7 +748,8 @@ footer a:hover{color:var(--laranja2)}
justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#5A6570}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
</style>
<link rel="stylesheet" href="/site-v2.css?v=3">
<link rel="stylesheet" href="/site-v2.css?v=4">
<script src="/site-pages.js"></script>
</head>
<body>
@@ -764,7 +765,7 @@ footer a:hover{color:var(--laranja2)}
</div>
<div class="acts">
<a href="/portal.html">Minha conta</a>
<a href="#carr" id="cartLink">Carrinho (0)</a>
<a href="/carrinho" id="cartLink">Carrinho (0)</a>
</div>
</div></header>
@@ -785,10 +786,10 @@ footer a:hover{color:var(--laranja2)}
</div>
</div>
<div class="mi on">
<a href="#envio">Impressão DTF</a>
<a href="/#envio">Impressão DTF</a>
<div class="sub">
<a href="#envio">DTF Têxtil · 57 cm</a>
<a href="#envio">DTF UV · 28,5 cm</a>
<a href="/#envio">DTF Têxtil · 57 cm</a>
<a href="/#envio">DTF UV · 28,5 cm</a>
</div>
</div>
<div class="mi">
@@ -831,7 +832,7 @@ footer a:hover{color:var(--laranja2)}
<h1>A gente encaixa sua folha e você paga <em>menos metro</em></h1>
<p>Mande a arte, veja a nota e a folha montada antes de pagar. Revisão de 5 pontos e reencaixe por nossa conta.</p>
<div class="hero2-cta">
<a href="#envio" class="btn-laranja">Enviar minha arte <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
<a href="/#envio" class="btn-laranja">Enviar minha arte <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
<span>Sem cadastro · preço em segundos</span>
</div>
</div>
@@ -856,7 +857,7 @@ footer a:hover{color:var(--laranja2)}
</header>
<section class="etapas2"><div class="w">
<div><span>1</span><div><b>Envie a arte</b><p>PNG, JPG ou PDF. Sem cadastro.</p></div></div>
<div><span>1</span><div><b>Envie a arte</b><p>PNG, JPG ou PDF, conforme o produto. Sem cadastro.</p></div></div>
<div><span>2</span><div><b>Veja nota e montagem</b><p>A folha e o preço aparecem na hora.</p></div></div>
<div><span>3</span><div><b>Confira e pague</b><p>Conferimos a metragem e liberamos o pagamento.</p></div></div>
<div><span>4</span><div><b>Acompanhe</b><p>Aviso no WhatsApp a cada etapa.</p></div></div>
@@ -865,11 +866,11 @@ footer a:hover{color:var(--laranja2)}
<!-- ENVIO -->
<section id="envio">
<nav class="passos" id="passos" aria-label="Etapas do pedido" hidden>
<a href="#foco" data-passo="1"><span>1</span>Montagem</a>
<a href="/#envio" data-passo="1"><span>1</span>Montagem</a>
<i aria-hidden="true"></i>
<a href="#carr" data-passo="2"><span>2</span>Dados e entrega</a>
<a href="/carrinho" data-passo="2"><span>2</span>Dados e entrega</a>
<i aria-hidden="true"></i>
<a href="#checkoutStatus" data-passo="3"><span>3</span>Pagamento</a>
<a href="/carrinho#checkoutStatus" data-passo="3"><span>3</span>Pagamento</a>
</nav>
<div class="w">
@@ -1097,7 +1098,7 @@ footer a:hover{color:var(--laranja2)}
<div class="pinfo" id="pInfo"></div>
</div>
<div class="pcta">
<button class="pb p" id="pOk">Está certo, fechar o pedido</button>
<button class="pb p" id="pOk">Adicionar ao carrinho</button>
<button class="pb" id="pMais">Adicionar mais artes</button>
<button class="pb" id="pVolta">Trocar o arquivo</button>
</div>
@@ -1191,7 +1192,7 @@ footer a:hover{color:var(--laranja2)}
<div class="tot"><span>Total</span><b id="carrTot">R$ 0,00</b></div>
<div class="cbts">
<button id="bPagar">Ir para o pagamento</button>
<button id="bMais" class="sec">Adicionar outro produto</button>
<button id="bMais" class="sec">Continuar comprando</button>
</div>
<p class="obs">A nota fiscal sai no CNPJ informado. O arquivo fica guardado por 30 dias;
depois disso, um novo pedido precisa do arquivo de novo. O histórico do pedido
@@ -1205,6 +1206,11 @@ footer a:hover{color:var(--laranja2)}
<p id="checkoutStatus" class="avisoE" role="status" aria-live="polite"></p>
<div id="checkoutActions"></div>
</div>
<div class="carrVazio" id="carrVazio" hidden>
<h2>Seu carrinho está vazio</h2>
<p>Escolha um produto, envie a arte e veja o preço na hora.</p>
<a href="/#envio" class="btn-laranja">Escolher produto</a>
</div>
</div></section>
<!-- PREÇO E VANTAGENS -->
@@ -1235,7 +1241,7 @@ footer a:hover{color:var(--laranja2)}
<div class="barraM" id="barraM" hidden>
<div><span id="barraMSub">Seu pedido</span><b id="barraMTot">R$ 0,00</b></div>
<a href="#carr" id="barraMBtn">Continuar</a>
<a href="/carrinho" id="barraMBtn">Continuar</a>
</div>
<footer><div class="w">
@@ -1276,8 +1282,8 @@ footer a:hover{color:var(--laranja2)}
<script src="/privacy.js"></script>
<script src="/upload.js"></script>
<script src="/checkout.js"></script>
<script src="/cart.js?v=2"></script>
<script src="/site-steps.js?v=1"></script>
<script src="/cart.js"></script>
<script src="/site-steps.js"></script>
</body>
</html>