✅#0624-000249: Novo Layout Checkout - Finalizado 12.08.2024

Novo Layout Checkout

* Abertura do Chamado: 24/06/2024

* Finalizado:

* Aprovado 6 horas - Debitou Junho/2024

* Device:

• App

• Mobile

• Desktop

1.0 Descrição:,

Boa tarde, tudo bem? Desenvolvemos um novo layout para o nosso checkout. Atualmente temos: /checkout (VTEX) /_checkout Que já estamos testando no teste A/B E queremos agora fazer um novo: /_checkoutb seguindo o padrão abaixo: Checkout Lojas Torra Desktop https://www.figma.com/proto/UADbzoYKXlPKSJdiW0mPXz/Checkout-Lojas-Torra?page-id=0:1&node-id=9-988&viewport=-8463,-584,1&t=Fgwxx0HSdLwXbE0A-1&scaling=min-zoom&content-scaling=fixed Checkout Lojas Torra Mobile https://www.figma.com/proto/UADbzoYKXlPKSJdiW0mPXz/Checkout-Lojas-Torra?page-id=45:8&node-id=45-2004&viewport=-2943,12,0.4&t=hDz3gZSnXaeyxuLC-1&scaling=scale-down&content-scaling=fixed O único ponto é em relação ao Desconto Extra que está sendo discutido com o Gabriel a possibilidade desse modelo. Lembrando que iremos realizar o teste A/B nesse /_checkoutb como nos outros checkouts

2.0 Interações:

• Retorno agência 24/06/2024 16:19:07 via Desk Manager

  Olá, Ana. Boa tarde! Como vai?! Obrigado por entrar em contato conosco e espero que esteja tudo bem! Estaremos analisando este caso direitinho e lhe retornando com uma cotação de horas assertiva até 27/06 ao final do dia, combinado?! Enquanto isso, caso tenha qualquer dúvida, sinta-se à vontade para nos comunicar, fechado?! Até breve! Com atenção, Arthur Lopes Torres

• Retorno agência 25/06/2024 11:32:31 via Desk Manager

  Olá, Ana. Bom dia!! Tudo bem?! Espero que esteja tudo certo! Para que nosso time de desenvolvimentos possa analisar o figma em questão e realizar uma cotação de horas, poderia, por gentileza, compartilhar conosco um link público de visualização do projeto ou conceder-nos acesso nos emails abaixo? [e-mail] [e-mail] Muito obrigado, desde já! Caso tenha qualquer dúvida, por gentileza, conte conosco! Com atenção, Arthur Lopes Torres

• 25/06/2024 11:55:18 via Portal

  Bom dia, tudo bem? Podem tentar novamente, só precisam aceitar para conseguir visualizar.

• Retorno agência 25/06/2024 12:05:25 via Desk Manager

  Olá, Ana. Boa tarde! Como vai?! Obrigado por entrar em contato conosco e espero que esteja tudo bem! Estaremos analisando este caso direitinho e lhe retornando com uma cotação de horas assertiva até 27/06 ao final do dia, combinado?! Enquanto isso, caso tenha qualquer dúvida, sinta-se à vontade para nos comunicar, fechado?! Até breve! Com atenção, Arthur Lopes Torres

• 25/06/2024 14:31:57 via Desk Manager

  Olá, Ana. Boa tarde! Como vai?! Espero que esteja tudo bem e obrigado por aguardar nosso retorno! Nossa equipe de desenvolvimento analisou o caso e precisaremos de 10 horas para implementar as alterações necessárias. Nossa equipe de desenvolvimentos ficou com uma dúvida a respeito do tema: 1- percebemos que um "timer" foi adicionado ao layout. Gostaríamos de compreender o fluxo de funcionamento dele, para entendermos se não haveria impacto na cotação de horas inicial acima. Poderia, por gentileza, nos auxiliar na compreensão de como gostariam de utilizar o timer? Se possível, poderiam, por gentileza, acrescentar acesso ao figma para nosso email abaixo? [e-mail] Muito obrigado, desde já!! Qualquer dúvida, por gentileza, conte conosco! Atenciosamente, Arthur Lopes Torres

• 26/06/2024 14:49:15 via Portal

  Boa tarde, Vou passar para aprovação as hrs e retorno. Obrigada

• 26/06/2024 14:52:21 via Portal

  Boa tarde, 2 pontos: 1- Se não colocarmos o timer ficam as 10hrs para o projeto? 2- conseguiremos realizar o teste A/B nesse nosso checkout? Obrigada

• Retorno agência 26/06/2024 15:12:06 via Desk Manager

  Olá, Ana. Boa tarde!! Tudo bem? Obrigado pelo retorno. 1- Se não colocarmos o timer ficam as 10hrs para o projeto? Resposta: A cotação de 10 horas prevista anteriormente trata a respeito do conjunto de toda a página (incluindo o timer). Sem o timer, é provável que a gente conseguisse concluir em cerca de 8 horas, mas isso não significa que a implementação do timer, posteriormente, devesse levar apenas 2 horas. (Já que estaríamos cotando a implementação dele numa página já finalizada e que precisaria ser adaptada para comportá-lo). 2- conseguiremos realizar o teste A/B nesse nosso checkout? Resposta: Sim, o teste A/B funcionaria corretamente no checkout.

• 26/06/2024 15:37:19 via Portal

  Boa tarde, Arthur Vamos fazer sem o timer por enquanto. Obrigada

• Retorno agência 26/06/2024 16:23:45 via Desk Manager

  Olá, Ana. Boa tarde! Como vai?! Muito obrigado pelo retorno!! Estou enviando este caso ao time de desenvolvimento, para que possamos concluir esta implementação em nossa sprint entre os dias 22/07 e 26/07, combinado? Enquanto isso, caso tenha qualquer dúvida, não deixe de nos comunicar! Sigo sempre à disposição! Atenciosamente, Arthur Lopes Torres

• Retorno agência 22/07/2024 13:50:43 via Desk Manager

  Olá, Bom dia! Como vai? Espero que esta mensagem te encontre bem :) Este chamado está em ambiente de teste, poderia, por gentileza, valida-lo? Segue o link do ambiente: https://deco-sites-lojastorra-2--c0624000249.deno.dev/_checkout?layout=b

  Caso o carrinho esteja vazio vá para a loja nesse mesmo link e adicione produto no carrinho e depois volte para o link enviado. Fico no aguardo de seu retorno! Atenciosamente, Rafael Cassiano.

• 22/07/2024 16:42:54 Via Portal do Solicitante

  Boa tarde, Seguem ajustes: 1- Espaçamento do Frete 3- cor do background do box é branco #ffffff e não tem arredondamento nas bordas em todos campos da entrega (loja/casa) 4- Trazer em um linha (local da retirada e prazo), como no modelo da direita , alterar as letras Maiúsculas (TORRA EXPRESS, CORREIOS) ![Print](https://dqnkcwgy21udk.cloudfront.net/cliente/eplus/sistema/chat/535038093627056062964371859591699232999.png" title="Print" loading="lazy" style="max-width:-webkit-fill-available;max-width:-moz-available;" > 5- Deixar o Box do resumo do pedido do lado direito fixo, como no modelo abaixo: https://www.figma.com/proto/UADbzoYKXlPKSJdiW0mPXz/Checkout-Lojas-Torra?page-id=0%3A1&node-id=50-2740&viewport=-10211%2C-14%2C1&t=Bl3HJ8YFhhkApDqL-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=9%3A988 6- Ao aplicar um cupom de desconto, e voltar para uma página e avançar novamente para o carrinho o cupom continua aplicado mas não exibe para o cliente. Segue vídeo https://www.awesomescreenshot.com/video/29784797?key=364ad574a61b73c825b33ff2cb841b09

• 22/07/2024 16:48:10 Via Portal do Solicitante

  No Mobile precisa rever pois tem muitos ajustes. Botão comprar fixo... Logo... Botão de adicionar... Segue layout https://www.figma.com/proto/UADbzoYKXlPKSJdiW0mPXz/Checkout-Lojas-Torra?page-id=45%3A8&node-id=45-2004&viewport=-2943%2C12%2C0.4&t=hDz3gZSnXaeyxuLC-1&scaling=scale-down&content-scaling=fixed

• Retorno agência 24/07/2024 09:35:39 via Desk Manager

  Olá, bom dia! Tudo bem? Gostaria de informar que concluí os pontos mencionados e também fiz outros ajustes que identifiquei no mobile. Segue o link do ambiente: https://deco-sites-lojastorra-2--c0624000249.deno.dev/_checkout?layout=b Atenciosamente, Rafael Cassiano

• 24/07/2024 11:51:28 Via Portal do Solicitante

  Bom dia, Segue abaixo correções: 1- Espaçamento do Frete 2- Trocar a cor da barra - Retirar em Loja / Receber em Casa e Alterar as letras Maiúsculas (TORRA EXPRESS, CORREIOS) Ajustar no Mobile também 3 - Ajustar o Não sei meu cep, está saindo do carrinho, o ideal é abrir um blank 4- Botão de adicionar produtos no mobile, tem uma cor... 5 - Ajustar o Não sei meu CEP no Mobile (trazer o blank como no Desktop), quando o cliente ganha o frete grátis diminuir o texto para a1 linha, e o tamanho da barra do "caminhão", para o modelo abaixo: Segue figma: https://www.figma.com/proto/UADbzoYKXlPKSJdiW0mPXz/Checkout-Lojas-Torra?page-id=45%3A8&node-id=221-588&viewport=-2881%2C4%2C0.4&t=JqLsbk7FWpmTauNH-1&scaling=scale-down&content-scaling=fixed 6 - Ordenação dos cartões: seguir a seguinte ordem: Cartão Torra, PIX, Master, Visa, Elo, Hyper, Amex, Ame, Boleto 7 - Não consegui validar a questão do cupom "fechar" ao sair e voltar do carrinho, pq ele me leva pro checkout atual, quando tiver em produção se tivermos problema daí precisa ajustar ok

• Retorno agência 24/07/2024 14:59:54 via Desk Manager

  Olá, Realizei mais alguns ajuste poderia verificar ? Atenciosamente, Rafael Cassiano

• 24/07/2024 15:18:24 Via Portal do Solicitante

  Seguem correções: 1- Espaçamento do Frete: colocar essa classe: .pb-10 { padding-bottom: 2.5rem; } usar a class pb-10 2- Faltou a cor #e3e3e3 no grifado em vermelho DESKTOP e MOBILE 3- Botão de adicionar produtos no Desktop também tem cor 4- O alinhamento dos produtos estão estranhos... E o alinhamento do Bloco do Parabéns também estão estranhos - acho que precisa centralizar 5- Ajustar o Não sei meu cep MOBILE, está saindo do carrinho, o ideal é abrir um blank.

• Retorno agência 29/07/2024 10:18:35 via Desk Manager

  Olá bom dia tudo bem ? Gostaria de informar que realizei os ajuste solicitados. Poderia verificar no link abaixo ? Sobre o ponto 4 acredito que seja os alinhamentos da imagens que não estão padronizada pois não alterei essa parte e continua a mesma do checkout atual. Link: https://deco-sites-lojastorra-2--c0624000249.deno.dev/_checkout?layout=b Atenciosamente, Rafael Cassiano

• 29/07/2024 11:27:35 Via Portal do Solicitante

  Bom dia, Rafa Último ajuste... add esse css no SVG background: #fff; padding-left: 5px; } Como está: Ajustar para ficar assim:

• Retrono agência 29/07/2024 14:39:15 via Desk Manager

  Olá Boa tarde, Realizei o ajuste solicitado. Atenciosmente, Rafael Cassiano

• 29/07/2024 15:26:12 Via Portal do Solicitante

  Validado =D Pode subir para produção por favor

• Retorno agência 31/07/2024 09:24:19 via Desk Manager

  Olá, Bom dia, Tudo bem ? Promovemos este chamado em produção, e em poucos minutos, será possível perceber na loja! Poderia, por gentileza, validar se está tudo conforme a expectativas? Fico no aguardo de seu retorno!

• 31/07/2024 11:15:12 Via Portal do Solicitante

  Bom dia, tudo bem? Vamos validar e retorno, obrigada

• 31/07/2024 15:20:44 Via Portal do Solicitante

  Boa tarde, tudo bem? Precisamos de um ajuste que passou despercebido... A caixa de frete grátis só deve aparece depois de inserir o cep, e o cep corresponder ao cep do Sul e Sudeste.... Pois não são todas as regiões que possui frete grátis...

• Retorno agência 01/08/2024 09:54:09 via Desk Manager

  Olá bom dia tudo bem ? Realizei o ajuste solicitado poderia verificar ? Atenciosamente, Rafael Cassiano

• 02/08/2024 08:24:50 Via Portal do Solicitante

  Bom dia, Vou validar e retorno

• Retorno agência... 05/08/2024 10:39:40 via Desk Manager

  Olá bom dia tudo bem ? Ok estou no aguardo. Atenciosamente, Rafael Cassiano

• 05/08/2024 11:16:15 Via Portal do Solicitante

  Bom dia, tudo bem? Aqui pra nós continua aparecendo a mensagem de frete grátis para Cep que não é Sul e Sudeste.

• 05/08/2024 11:28:47 Via Portal do Solicitante

  Na verdade esse comportamento tb está acontecendo no /_checkout

• 05/08/2024 15:22:52 via Desk Manager

  Olá Boa Tarde tudo bem ? Então na vdd essa validação nunca ocorreu teríamos que tratar essa alteração em outro chamado. Atenciosamente, Rafael Cassiano

• 05/08/2024 17:09:48 via Portal

  Vou abrir outro chamado referente ao /_checkout. Mas nesse do novo layout precisamos desse ajuste pfv...

• Retorno da agência 06/08/2024 10:07:46 via Desk Manager

  Olá, bom dia. Tudo bem? Gostaria de esclarecer que essa solicitação não é um ajuste, pois essa funcionalidade nunca existiu e não foi mencionada anteriormente neste chamado. Para desenvolvê-la, será necessário abrir um novo chamado para que possamos alocar as horas corretas para o desenvolvimento. Atenciosamente, Rafael Cassiano

• 06/08/2024 11:31:13 Via Portal do Solicitante

  Rafa entendido Mas isso precisamos corrigir essa parte, tiramos o frete e aparece o zero...e na Deco não permite não ter um valor

• Retorno da agência 06/08/2024 13:27:49 via Desk Manager

  Ola, Poderia testar novamente não conseguir replicar esse erro. Atenciosamente, Rafael Cassiano

• 06/08/2024 13:36:08 Via Portal do Solicitante

  Você precisa tirar o valor de frete da DECO - mas isso reflete na hora kkk, nós removemos e voltamos e aí ficou com aquele zero abaixo da imagem

• Retorno agência 06/08/2024 15:22:54 via Desk Manager

  Ola, Realizei um ajuste para consertar isso porem se o frete for zero a barrinha de frete não ira aparecer seria isso mesmo ? Atenciosamente, Rafael Cassiano

• 06/08/2024 15:24:23 Via Portal do Solicitante

  Sim, se não tivermos mais frete grátis daí não exibe mais a barrinha

• 06/08/2024 16:25:07 Via Portal do Solicitante

  Rafa testei novamente e ainda aparece o 0

• Retorno agência 07/08/2024 10:26:08 via Desk Manager

  Olá bom dia tudo bem ? Poderia testar novamente. Pois testei e o 0 não aparece.

  
• 07/08/2024 13:49:30 via Portal

  Boa tarde, Validado, muito obrigada =D

• 07/08/2024 13:56:17 via Portal

  Opsss.... Pegamos um bug =/ Tá rolando um Scroll, ele deveria se manter fixo como anteriormente. Tá acontecendo no Desktop e no Mobile em Iphone https://www.awesomescreenshot.com/video/30291149?key=3929657f37dd75aab4f8972b21b9539e https://share.icloud.com/photos/0d1f7344Swgno7U4pI5K65V1Q

• Retorno agência 08/08/2024 11:22:27 via Desk Manager

  Olá, bom dia! Tudo bem? No desktop, o comportamento está correto: o elemento à direita finaliza junto com o tamanho do elemento à esquerda ao final do scroll. Isso é esperado, se não o elemento passaria e ficaria em cima do rodapé. No mobile, fiz um ajuste que deve resolver o problema. Atenciosamente, Rafael Cassiano

• 08/08/2024 15:12:28 Via Portal do Solicitante

  Oi Rafa, agora que eu vi que no vídeo não mostrou, é a barra de Scroll... Gravamos outro vídeo no Desktop... https://www.awesomescreenshot.com/video/30333411?key=1541ec1c9353ed6f34c905bce12b29df, No mobile está ok =D

• Retorno agência 09/08/2024 09:39:28 via Desk Manager

  Olá bom dia tudo bem ? Poderia me mandar o video novamente não estou conseguindo acessar. Atenciosamente, Rafael Cassiano

• 09/08/2024 10:02:53 via Portal

  Bom dia Segue https://www.awesomescreenshot.com/video/30333411?key=1541ec1c9353ed6f34c905bce12b29df

• Retorno agência 09/08/2024 12:31:44 via Desk Manager

  Olá bom dia tudo bem ? Não conseguir replicar o erro porem fiz um ajuste no codigo para tentar resolver poderia verificar se funcionou ? Atenciosamente, Rafael Cassiano

• 12/08/2024 09:06:10 via Portal

  Bom dia, Rafa, tudo bem? Corrigido a questão do duplo Srcoll, mas por aconteceu alguma coisa que não está mais exibindo a caixinha de frete grátis (/_checkout?layout=b) E Na Deco está cadastrado normalmente. |Tínhamos ajustado na questão de quando estiver zerado, mas quando tiver um valor deveria exibir normalmente =D

• Retorno agência 12/08/2024 09:19:08 via Desk Manager

  Olá bom dia tudo bem ? Acontece que eu tinha colocado valor de zero no admin do checkout b para fazer um teste. Ja voltei para o normal. Atenciosamente, Rafael Cassiano

• 12/08/2024 09:32:35 via Portal

  Ah blzzz....show Rafa Validado, vamos virar para esse checkout =D. Obrigada

• Retorno agência 12/08/2024 14:58:18 via Desk Manager

  Ola Boa tarde tudo bem ? Vcs irão fazer a mudança ou quer que a gente faça ? Atenciosamente, Rafael Cassiano

• 12/08/2024 15:10:10 Via Portal do Solicitante

  Rafa você pode por gentileza colocar esse layout B como o nosso checkout atual no /_checkout. E o que está atualmente como /_checkout pode mudar a url para /_checkout-b esse fluxo: o que é /_checkout fica como /_checkout-b e o que é/_checkout?layout=b fica como /_checkout

• Retorno agência 13/08/2024 12:28:03 via Desk Manager

  Olá bom dia tudo bem ? Realizei as alterações solicitadas poderia verificar ? Atenciosamente, Rafael Cassiano

• 14/08/2024 09:23:28 via Portal

  Bom dia Rafa, Validado =D PS. Pegamos um "bug" mas abri um chamado separada para esse "problema" #0824-000143 Obrigada