Esta versão apresenta melhorias na interface para gerir produtos sem estoque, permite que administradores limpem o cache da loja, introduz políticas de compra dinâmicas com fontes de dados por canal e uma nova modal com controle total por CSS. Outras melhorias incluem performance no agendamento de feeds de produtos e relatórios de pedidos.

1. Versão 2.2

2. Veja algumas melhorias e novidades da versão 2.2:
Interface eficiente para gerir produtos sem estoque
Limpeza do cache da loja pelo Admin
Política de compra com fonte de dados por canal
Nova Modal (Reference Store)
Performance – Agendamento na geração de feeds de produtos
Performance - Adiantar o envio do HTML na renderização das páginas
Performance - Melhoria no relatório de pedidos
NOVO
NOVO
NOVO
NOVO
MELHORIA
MELHORIA
NOVO

3. INTERFACE EFICIENTE PARA GERIR
PRODUTOS SEM ESTOQUE
Documentação Funcional NOVO

4. Apresentação
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 não fornece uma UI
capaz de gerir (remover, trocar por um similar, etc).
Versão 2.2 Interface eficiente para gerir produtos sem estoque

5. Utilização
1. Configuração Admin
Versão 2.2 Interface eficiente para gerir produtos sem estoque
No menu Configs -> Configurações Gerais, selecione “Configurações por grupo” nas
opções ao lado. Então selecione “Compras”.
Selecione a opção desejada no campo “Habilitar interface para gerir produtos sem
estoque”.

6. Utilização
2. Loja
Caso ocorra, o cliente que utiliza o template padrão 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 disponível
Neste caso, os produtos são ordenados por ordem da data de
adicionamento, sempre o mais recente fica mais embaixo.
Versão 2.2 Interface eficiente para gerir produtos sem estoque

7. Utilização
2. Loja
1. Parâmetros do widget.
a) Por padrão, o widget mostra as mensagens e os botões de remover. Para configurar isso você pode passar como
parâmetro 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 adição dos parâmetros, 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 %}
Versão 2.2 Interface eficiente para gerir produtos sem estoque
Parâmetro Descrição Valor padrão
ShowButtons Exibir botões de remover caso exista produtos sem estoque. true
WidgetVariableToShowMessages Mostrar mensagem caso haja produtos sem estoque. true
prefixYouChoose Prefixo padrão: 'Você solicitou' Você solicitou
sufixYouChoose Sufixo padrão: ', mas só temos' , mas só temos

8. Versão 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. Versão 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 customizável
Volta para o carrinho

10. LIMPEZA DO CACHE DA LOJA PELO
ADMIN
Documentação Funcional NOVO

11. Apresentação
A partir do sistema administrativo, agora será possível do próprio cliente realizar a
limpeza dos dados da loja que estão cacheados. Com essa medida, não será mais
necessário do cliente abrir chamados para o Core solicitando o procedimento, uma
vez que ele mesmo terá essa capacidade de execução.
Limpeza do cache da loja pelo AdminVersão 2.2

12. 1. Sistema Administrativo
Acessando o menu Configs > Invalidação de Cache, o usuário administrador da
plataforma terá acesso à tela para a limpeza de cache da aplicação.
Utilização
Limpeza do cache da loja pelo AdminVersão 2.2

13. As seguintes opções estão disponíveis na tela:
• Grupo de canal: indica para qual grupo de canais será aplicada a limpeza de cache. É
um campo obrigatório.
• Invalidação de Cache (informações cacheadas nos proxies reversos de entrega da
loja):
– Limpar tudo: serão removidas todas as informações que estão no cache da loja.
Clicando nessa opção será exibida uma mensagem de confirmação da operação.
– Limpar home: serão removidas todas as informações da Home que estão no
cache da loja.
– Limpar categorias: serão removidas todas as informações de categorias que
estão no cache da loja.
– Limpar produtos: serão removidas todas as informações de produtos que estão
no cache da loja.
Utilização
Limpeza do cache da loja pelo AdminVersão 2.2

14. – Limpar output: serão removidas todos os recursos estáticos da loja, como scripts
e estilos.
• Limpeza avançada
– Limpar cache web servers: serão removidas todas as informações de widgets,
templates e componentes cacheados nos servidores de entrega da loja. Clicando
nessa opção será exibida uma mensagem de confirmação da operação.
– Limpar cache distribuído: serão removidas todas as informações de widgets,
templates e componentes cacheados nas aplicações. Basicamente o mesmo
procedimento anterior, mas em um nível centralizado e compartilhado entre
todos servidores de entrega da loja. Clicando nessa opção será exibida uma
mensagem de confirmação da operação.
OBS: para habilitar qualquer uma dessas limpezas avançadas deve-se selecionar a
opção “Desejo realizar uma limpeza de cache da aplicação”.
Utilização
Limpeza do cache da loja pelo AdminVersão 2.2

15. Assim que a operação de limpeza esteja finalizada, será exibida uma mensagem de
sucesso para informar ao usuário que o procedimento de limpeza foi encerrado sem
erros.
• Atenção: A invalidação de cache avançada poderá deixar o site muito lento ou até
fora por alguns instantes, deverá ser utilizada em extrema necessidade.
Utilização
Limpeza do cache da loja pelo AdminVersão 2.2

16. POLÍTICA DE COMPRA COM FONTE
DE DADOS POR CANAL
Documentação Funcional NOVO

17. Apresentação
Estendemos o conceito de política de compra, separando entre políticas dinâmicas e
estáticas. As políticas de compra cadastradas anteriormente serão automaticamente
migradas para o tipo estático. Ao cadastrar uma política dinâmica, teremos a
possiblidade de escolher determinada lista de produtos, definir canais para a mesma e
determinar uma prioridade.
Ainda será possível escolher, dentro de cada produto, políticas estáticas que sempre
prevalecerão sobre políticas dinâmicas.
Foi também adicionada a possibilidade de personalização das mensagens retornadas
pela política de compra. A alteração ocorrerá via modificação de template, conforme
será mostrado na seção “Utilização”.
Versão 2.2 Política de compra com fonte de dados por canal

18. Utilização
1. Admin
Versão 2.2 Política de compra com fonte de dados por canal

19. Utilização
Versão 2.2 Política de compra com fonte de dados por canal

20. Utilização
Versão 2.2 Política de compra com fonte de dados por canal

21. Utilização
Versão 2.2 Política de compra com fonte de dados por canal
Ao selecionarmos, dentro da política de compra, o tipo dinâmica, serão mostradas três
novas opções.
Prioridade: Prioridade entre as políticas dinâmicas. Lembrando que as políticas
estáticas terão prioridade sobre as dinâmicas, caso um produto se encaixe nas duas.
Seleção dinâmica de produtos: Determina que a política vale para todos os produtos
ou apenas para a lista de produtos informada.
Canal: Determina que a política vale para todos os canais ou apenas para a lista de
canais informada.

22. Versão 2.2 Política de compra com fonte de dados por canal
Utilização
1. Personalização de mensagens
Realizamos uma alteração para que seja possível a personalização das mensagens
retornadas pela política de compra. O template padrão encontra-se dentro da
estrutura “Default/Errors/PurchasingPolicy/OO-001.template”.
Caso seja necessário a personalização você deve criar um arquivo no caminho
“temadasualoja/Errors/PurchasingPolicy/OO-001.template”.
Contextos:
Error.Context.HasMaxValue: Determina que o produto possui valor máximo de compra.
Error.Context.MaxValue: Valor máximo de compra.
Error.Context.HasMinValue : Determina que o produto possui valor mínimo de compra.
Error.Context.MaxValue: Valor mínimo de compra.
Error.Context.HasMaxPerCustomer: Determina que o produto possui valor máximo de compra por cliente.
Error.Context.MaxPerCustomer: Valor máximo de compra por cliente.
Error.Context.MaxPerCustomerDurationInDays: Duração em dias do valor máximo de compra por cliente.
Error.Context.CatalogItemName: Descrição do item que foi reprovado em uma política de compra.

23. NOVA MODAL (REFERENCE STORE)
Documentação Funcional NOVO

24. Apresentação
Novo widget de modal, com controle total pelo css, tamanho, posição e animação.
Com esse widget o lojista não precisará adicionar scripts de terceiros para poder
utilizar uma modal.
Versão 2.2 Nova Modal (Reference Store)

25. Utilização
2. Loja
O Widget da nova modal deve ser chamado no template master da loja.
Exemplo:
Arquivo: seutemaTemplatesmastersincludesPageFooter.template
Conteúdo 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
Versão 2.2 Nova Modal (Reference Store)

26. Utilização
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);
Versão 2.2 Nova Modal (Reference Store)

27. Utilização
4. Atributo options
Versão 2.2 Nova Modal (Reference Store)
Atributo Tipo Descrição
onComplete função Função que roda após completar o preenchimento da modal.
className String Classe para a modal
onCloseFunction função Função que roda após 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. Utilização
5. Exemplos
$.publish(‘browsingModal/openMain/', {
onComplete:function(){ /*Código aqui*/ },
className:"meu-aviso",
onCloseFunction:function(){ /*Código aqui*/ },
href:"http://www.seusite.com.br/sua-url",
hrefAjax:true
});
$.publish(‘browsingModal/openMain/', {
onComplete:function(){ /*Código aqui*/ },
className:"meu-aviso",
onCloseFunction:function(){ /*Código aqui*/ },
href:"http://www.seusite.com.br/sua-url",
hrefAjax:true
});
$.publish(‘browsingModal/openMain/', {
onComplete:function(){ /*Código aqui*/ },
className:"meu-aviso",
onCloseFunction:function(){ /*Código aqui*/ },
href:"http://www.seusite.com.br/sua-url",
hrefAjax:true
});
Versão 2.2 Nova Modal (Reference Store)

29. PERFORMANCE – AGENDAMENTO NA
GERAÇÃO DE FEEDS DE PRODUTOS
Documentação Funcional NOVO

30. Apresentação
Para prevenir que a geração de feeds impacte negativamente a performance da loja,
foi desenvolvida a funcionalidade que permite o agendamento.
É possível realizar agendamentos diários definido o horário de preferência, ou de hora
em hora definido a quantidade de horas do intervalo.
Feeds existentes já foram pré-agendados para uma geração diária em um horário de
menor acesso ao site.
Além disso, foi desenvolvida uma nova tag liquid para realização do loop nos produtos
do feed.
Performance – Agendamento na geração de feeds de produtosVersão 2.2

31. 1. Sistema Administrativo
Pela administração da plataforma, é possível realizar alterações na forma como o
agendamento deve ocorrer.
Instalação / Ativação
No painel do sistema administrativo:
Marketing -> Feeds de produtos
Performance – Agendamento na geração de feeds de produtosVersão 2.2
Próxima data de geração
do feed.
Última data de geração
do feed.
Link público do feed: esse é o link que
deve ser informado para os buscadores
e comparadores de preço

32. 1. Sistema Administrativo
Pela administração da plataforma, alterar a tag “for” pela tag “foreach”. Isto permite
que a geração de feed consuma menos recursos e seja entregue ao cliente mais
rapidamente
Instalação / Ativação
No painel do sistema administrativo:
Marketing -> Formatos de feed
Performance – Agendamento na geração de feeds de produtosVersão 2.2

33. Utilização
1. Loja
Ao acessar o feed pela loja, o feed será redirecionado para a versão exportada
automaticamente.
Feeds exportados são
enviados para o CDN
Performance – Agendamento na geração de feeds de produtosVersão 2.2

34. Utilização
1. Liquid – Tag foreach
Performance – Agendamento na geração de feeds de produtosVersão 2.2

35. PERFORMANCE - ADIANTAR O ENVIO
DO HTML NA RENDERIZAÇÃO DAS
PÁGINAS
Documentação Funcional MELHORIA

36. Apresentação
Esta funcionalidade inicia o envio do html para o browser do cliente assim que as
primeiras informações já estiverem disponíveis, mas principalmente, enviando o
cabeçalho do documento html (<head> ... </head>) permitindo que o browser já
identifique alguns recursos de JS e CSS que a pagina vai utilizar.
Versão 2.2 Performance - Adiantar o envio do HTML na renderização das páginas

37. Funcionamento
1. Loja
Ao acessar uma pagina, o conteúdo HTML pode ter seu envio iniciado previamente.
Caso o conteúdo já esteja em cache no nosso servidor, o conteúdo já pode ser
imediatamente entregue, sem necessidade de envio parcial.
O transfer-encoding
identifica o envio em
partes do conteúdo
O contente-length
identifica o envio completo
do conteúdo
Versão 2.2 Performance - Adiantar o envio do HTML na renderização das páginas

38. PERFORMANCE - MELHORIA NO
RELATÓRIO DE PEDIDOS
Documentação Funcional MELHORIA

39. Utilização
1. Admin
Realizamos a refatoração do relatório de pedidos, visando a melhoria de performance do
mesmo. O relatório pode ser acessado dentro do menu “Relatórios” -> “Gerais”,
selecionando o primeiro relatório da lista.
Ao clicar em exportar, essa tarefa será agendada, e pode ser acessada posteriormente pela
tela de tarefas agendadas.
Versão 2.2 Performance - Melhoria no relatório de pedidos

40. Utilização
Ao acessar a tela de tarefas agendadas, podemos acompanhar o progresso da
exportação e então realizar o download do arquivo gerado.
Versão 2.2 Performance - Melhoria no relatório de pedidos