Release Notes Versao 2.2

Click here to load reader

  • date post

    28-Jan-2018
  • Category

    Technology

  • view

    239
  • download

    0

Embed Size (px)

Transcript of Release Notes Versao 2.2

  1. 1. Verso 2.2
  2. 2. Veja algumas melhorias e novidades da verso 2.2: Interface eficiente para gerir produtos sem estoque Limpeza do cache da loja pelo Admin Poltica de compra com fonte de dados por canal Nova Modal (Reference Store) Performance Agendamento na gerao de feeds de produtos Performance - Adiantar o envio do HTML na renderizao das pginas Performance - Melhoria no relatrio de pedidos NOVO NOVO NOVO NOVO MELHORIA MELHORIA NOVO
  3. 3. INTERFACE EFICIENTE PARA GERIR PRODUTOS SEM ESTOQUE Documentao Funcional NOVO
  4. 4. Apresentao Em um processo B2B, o pedido pode iniciar em um dia e acabar em outro. Dessa forma, muitos produtos j adicionados no carrinho podem esgotar nesse meio tempo. Atualmente o sistema apenas barra o fechamento do pedido, mas no fornece uma UI capaz de gerir (remover, trocar por um similar, etc). Verso 2.2 Interface eficiente para gerir produtos sem estoque
  5. 5. Utilizao 1. Configurao Admin Verso 2.2 Interface eficiente para gerir produtos sem estoque No menu Configs -> Configuraes Gerais, selecione Configuraes por grupo nas opes ao lado. Ento selecione Compras. Selecione a opo desejada no campo Habilitar interface para gerir produtos sem estoque.
  6. 6. Utilizao 2. Loja Caso ocorra, o cliente que utiliza o template padro da basket ir ver algumas cores diferentes no carrinho. Os produtos com aviso apareceram em cima na seguinte ordem: 1 - Sem estoque 2 - Estoque parcial 3 - Estoque disponvel Neste caso, os produtos so ordenados por ordem da data de adicionamento, sempre o mais recente fica mais embaixo. Verso 2.2 Interface eficiente para gerir produtos sem estoque
  7. 7. Utilizao 2. Loja 1. Parmetros do widget. a) Por padro, o widget mostra as mensagens e os botes de remover. Para configurar isso voc pode passar como parmetro os seguintes valores: 2. No template checkout.basket.template que fica na raiz do tema existe o widget checkout_basket, mais ou menos assim: a) {% checkout_basket(jshandler="basket", jsoptions:jsonoptions,IsOneClickBuyButtonAButton=true) with context Upsell:Model.Upsells %} 3. Com a adio dos parmetros, ele fica assim: a) {% checkout_basket(jshandler="basket", jsoptions:jsonoptions,IsOneClickBuyButtonAButton=true,ShowButtons:true,WidgetVariableToShowMessages:true,pre fixYouChoose="Voc solicitou",sufixYouChoose=", mas s temos") with context Upsell:Model.Upsells %} Verso 2.2 Interface eficiente para gerir produtos sem estoque Parmetro Descrio Valor padro ShowButtons Exibir botes de remover caso exista produtos sem estoque. true WidgetVariableToShowMessages Mostrar mensagem caso haja produtos sem estoque. true prefixYouChoose Prefixo padro: 'Voc solicitou' Voc solicitou sufixYouChoose Sufixo padro: ', mas s temos' , mas s temos
  8. 8. Verso 2.2 Interface eficiente para gerir produtos sem estoque Layout do site Remove o item. Remove o item e manda para a categoria do produto Remove todos os produtos sem estoque
  9. 9. Verso 2.2 Interface eficiente para gerir produtos sem estoque Layout do site 2. Loja 1. Checkout 1. Quando o cliente continua a compra, no checkout apresentada a seguinte modal com um aviso: 2. Este aviso se encontra na pasta raiz do seu tema: 1. sualoja/Errors/OutOfStock/OO-001.template 2. completamente customizvel Volta para o carrinho
  10. 10. LIMPEZA DO CACHE DA LOJA PELO ADMIN Documentao Funcional NOVO
  11. 11. Apresentao A partir do sistema administrativo, agora ser possvel do prprio cliente realizar a limpeza dos dados da loja que esto cacheados. Com essa medida, no ser mais necessrio do cliente abrir chamados para o Core solicitando o procedimento, uma vez que ele mesmo ter essa capacidade de execuo. Limpeza do cache da loja pelo AdminVerso 2.2
  12. 12. 1. Sistema Administrativo Acessando o menu Configs > Invalidao de Cache, o usurio administrador da plataforma ter acesso tela para a limpeza de cache da aplicao. Utilizao Limpeza do cache da loja pelo AdminVerso 2.2
  13. 13. As seguintes opes esto disponveis na tela: Grupo de canal: indica para qual grupo de canais ser aplicada a limpeza de cache. um campo obrigatrio. Invalidao de Cache (informaes cacheadas nos proxies reversos de entrega da loja): Limpar tudo: sero removidas todas as informaes que esto no cache da loja. Clicando nessa opo ser exibida uma mensagem de confirmao da operao. Limpar home: sero removidas todas as informaes da Home que esto no cache da loja. Limpar categorias: sero removidas todas as informaes de categorias que esto no cache da loja. Limpar produtos: sero removidas todas as informaes de produtos que esto no cache da loja. Utilizao Limpeza do cache da loja pelo AdminVerso 2.2
  14. 14. Limpar output: sero removidas todos os recursos estticos da loja, como scripts e estilos. Limpeza avanada Limpar cache web servers: sero removidas todas as informaes de widgets, templates e componentes cacheados nos servidores de entrega da loja. Clicando nessa opo ser exibida uma mensagem de confirmao da operao. Limpar cache distribudo: sero removidas todas as informaes de widgets, templates e componentes cacheados nas aplicaes. Basicamente o mesmo procedimento anterior, mas em um nvel centralizado e compartilhado entre todos servidores de entrega da loja. Clicando nessa opo ser exibida uma mensagem de confirmao da operao. OBS: para habilitar qualquer uma dessas limpezas avanadas deve-se selecionar a opo Desejo realizar uma limpeza de cache da aplicao. Utilizao Limpeza do cache da loja pelo AdminVerso 2.2
  15. 15. Assim que a operao de limpeza esteja finalizada, ser exibida uma mensagem de sucesso para informar ao usurio que o procedimento de limpeza foi encerrado sem erros. Ateno: A invalidao de cache avanada poder deixar o site muito lento ou at fora por alguns instantes, dever ser utilizada em extrema necessidade. Utilizao Limpeza do cache da loja pelo AdminVerso 2.2
  16. 16. POLTICA DE COMPRA COM FONTE DE DADOS POR CANAL Documentao Funcional NOVO
  17. 17. Apresentao Estendemos o conceito de poltica de compra, separando entre polticas dinmicas e estticas. As polticas de compra cadastradas anteriormente sero automaticamente migradas para o tipo esttico. Ao cadastrar uma poltica dinmica, teremos a possiblidade de escolher determinada lista de produtos, definir canais para a mesma e determinar uma prioridade. Ainda ser possvel escolher, dentro de cada produto, polticas estticas que sempre prevalecero sobre polticas dinmicas. Foi tambm adicionada a possibilidade de personalizao das mensagens retornadas pela poltica de compra. A alterao ocorrer via modificao de template, conforme ser mostrado na seo Utilizao. Verso 2.2 Poltica de compra com fonte de dados por canal
  18. 18. Utilizao 1. Admin Verso 2.2 Poltica de compra com fonte de dados por canal
  19. 19. Utilizao Verso 2.2 Poltica de compra com fonte de dados por canal
  20. 20. Utilizao Verso 2.2 Poltica de compra com fonte de dados por canal
  21. 21. Utilizao Verso 2.2 Poltica de compra com fonte de dados por canal Ao selecionarmos, dentro da poltica de compra, o tipo dinmica, sero mostradas trs novas opes. Prioridade: Prioridade entre as polticas dinmicas. Lembrando que as polticas estticas tero prioridade sobre as dinmicas, caso um produto se encaixe nas duas. Seleo dinmica de produtos: Determina que a poltica vale para todos os produtos ou apenas para a lista de produtos informada. Canal: Determina que a poltica vale para todos os canais ou apenas para a lista de canais informada.
  22. 22. Verso 2.2 Poltica de compra com fonte de dados por canal Utilizao 1. Personalizao de mensagens Realizamos uma alterao para que seja possvel a personalizao das mensagens retornadas pela poltica de compra. O template padro encontra-se dentro da estrutura Default/Errors/PurchasingPolicy/OO-001.template. Caso seja necessrio a personalizao voc deve criar um arquivo no caminho temadasualoja/Errors/PurchasingPolicy/OO-001.template. Contextos: Error.Context.HasMaxValue: Determina que o produto possui valor mximo de compra. Error.Context.MaxValue: Valor mximo de compra. Error.Context.HasMinValue : Determina que o produto possui valor mnimo de compra. Error.Context.MaxValue: Valor mnimo de compra. Error.Context.HasMaxPerCustomer: Determina que o produto possui valor mximo de compra por cliente. Error.Context.MaxPerCustomer: Valor mximo de compra por cliente. Error.Context.MaxPerCustomerDurationInDays: Durao em dias do valor mximo de compra por cliente. Error.Context.CatalogItemName: Descrio do item que foi reprovado em uma poltica de compra.
  23. 23. NOVA MODAL (REFERENCE STORE) Documentao Funcional NOVO
  24. 24. Apresentao Novo widget de modal, com controle total pelo css, tamanho, posio e animao. Com esse widget o lojista no precisar adicionar scripts de terceiros para poder utilizar uma modal. Verso 2.2 Nova Modal (Reference Store)
  25. 25. Utilizao 2. Loja O Widget da nova modal deve ser chamado no template master da loja. Exemplo: Arquivo: seutemaTemplatesmastersincludesPageFooter.template Contedo do arquivo: {% browsing_modal %} {% basket_sendemail %} {% page_snippets 'footer' %} {% page_assets 'StaticJavaScript' %} {% page_assets 'PageJavaScript' %} {% page_assets 'PageStyleSheet' with only:Widget %} {% page_speed %} Chamada do Widget Verso 2.2 Nova Modal (Reference Store)
  26. 26. Utilizao 3. Script Para utilizar a modal, voc pode usar os seguintes meios: Para garantir a retrocompatibilidade entre modal nova e antiga: app.modal(options); Para usar apenas a nova modal $.publish(browsingModal/openMain/', options); Verso 2.2 Nova Modal (Reference Store)
  27. 27. Utilizao 4. Atributo options Verso 2.2 Nova Modal (Reference Store) Atributo Tipo Descrio onComplete funo Funo que roda aps completar o preenchimento da modal. className String Classe para a modal onCloseFunction funo Funo que roda aps fechar a modal. width String/Int Para definir o width da modal height String/int Para definir o height da modal Preenchimento da modal href string URL para abrir dentro da modal hrefAjax boolean true:Abre por ajax, false:Abre por iframe html string String contendo html. element object objeto html
  28. 28. Utilizao 5. Exemplos $.publish(browsingModal/openMain/', { onComplete:function(){ /*Cdigo aqui*/ }, className:"meu-aviso", onCloseFunction:function(){ /*Cdigo aqui*/ }, href:"http://www.seusite.com.br/sua-url", hrefAjax:true }); $.publish(browsingModal/openMain/', { onComplete:function(){ /*Cdigo aqui*/ }, className:"meu-aviso", onCloseFunction:function(){ /*Cdigo aqui*/ }, href:"http://www.seusite.com.br/sua-url", hrefAjax:true }); $.publish(browsingModal/openMain/', { onComplete:function(){ /*Cdigo aqui*/ }, className:"meu-aviso", onCloseFunction:function(){ /*Cdigo aqui*/ }, href:"http://www.seusite.com.br/sua-url", hrefAjax:true }); Verso 2.2 Nova Modal (Reference Store)
  29. 29. PERFORMANCE AGENDAMENTO NA GERAO DE FEEDS DE PRODUTOS Documentao Funcional NOVO
  30. 30. Apresentao Para prevenir que a gerao de feeds impacte negativamente a performance da loja, foi desenvolvida a funcionalidade que permite o agendamento. possvel realizar agendamentos dirios definido o horrio de preferncia, ou de hora em hora definido a quantidade de horas do intervalo. Feeds existentes j foram pr-agendados para uma gerao diria em um horrio de menor acesso ao site. Alm disso, foi desenvolvida uma nova tag liquid para realizao do loop nos produtos do feed. Performance Agendamento na gerao de feeds de produtosVerso 2.2
  31. 31. 1. Sistema Administrativo Pela administrao da plataforma, possvel realizar alteraes na forma como o agendamento deve ocorrer. Instalao / Ativao No painel do sistema administrativo: Marketing -> Feeds de produtos Performance Agendamento na gerao de feeds de produtosVerso 2.2 Prxima data de gerao do feed. ltima data de gerao do feed. Link pblico do feed: esse o link que deve ser informado para os buscadores e comparadores de preo
  32. 32. 1. Sistema Administrativo Pela administrao da plataforma, alterar a tag for pela tag foreach. Isto permite que a gerao de feed consuma menos recursos e seja entregue ao cliente mais rapidamente Instalao / Ativao No painel do sistema administrativo: Marketing -> Formatos de feed Performance Agendamento na gerao de feeds de produtosVerso 2.2
  33. 33. Utilizao 1. Loja Ao acessar o feed pela loja, o feed ser redirecionado para a verso exportada automaticamente. Feeds exportados so enviados para o CDN Performance Agendamento na gerao de feeds de produtosVerso 2.2
  34. 34. Utilizao 1. Liquid Tag foreach Performance Agendamento na gerao de feeds de produtosVerso 2.2
  35. 35. PERFORMANCE - ADIANTAR O ENVIO DO HTML NA RENDERIZAO DAS PGINAS Documentao Funcional MELHORIA
  36. 36. Apresentao Esta funcionalidade inicia o envio do html para o browser do cliente assim que as primeiras informaes j estiverem disponveis, mas principalmente, enviando o cabealho do documento html ( ... ) permitindo que o browser j identifique alguns recursos de JS e CSS que a pagina vai utilizar. Verso 2.2 Performance - Adiantar o envio do HTML na renderizao das pginas
  37. 37. Funcionamento 1. Loja Ao acessar uma pagina, o contedo HTML pode ter seu envio iniciado previamente. Caso o contedo j esteja em cache no nosso servidor, o contedo j pode ser imediatamente entregue, sem necessidade de envio parcial. O transfer-encoding identifica o envio em partes do contedo O contente-length identifica o envio completo do contedo Verso 2.2 Performance - Adiantar o envio do HTML na renderizao das pginas
  38. 38. PERFORMANCE - MELHORIA NO RELATRIO DE PEDIDOS Documentao Funcional MELHORIA
  39. 39. Utilizao 1. Admin Realizamos a refatorao do relatrio de pedidos, visando a melhoria de performance do mesmo. O relatrio pode ser acessado dentro do menu Relatrios -> Gerais, selecionando o primeiro relatrio da lista. Ao clicar em exportar, essa tarefa ser agendada, e pode ser acessada posteriormente pela tela de tarefas agendadas. Verso 2.2 Performance - Melhoria no relatrio de pedidos
  40. 40. Utilizao Ao acessar a tela de tarefas agendadas, podemos acompanhar o progresso da exportao e ento realizar o download do arquivo gerado. Verso 2.2 Performance - Melhoria no relatrio de pedidos