Versão 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

INTERFACE EFICIENTE PARA GERIR PRODUTOS SEM ESTOQUE

Documentação Funcional NOVO

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

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”.

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

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

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

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

LIMPEZA DO CACHE DA LOJA PELO

ADMIN

Documentação Funcional NOVO

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

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

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

– 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

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

POLÍTICA DE COMPRA COM FONTE DE DADOS POR CANAL

Documentação Funcional NOVO

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

Utilização

1. Admin

Versão 2.2 Política de compra com fonte de dados por canal

Utilização

Versão 2.2 Política de compra com fonte de dados por canal

Utilização

Versão 2.2 Política de compra com fonte de dados por canal

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.

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 mensagensretornadas pela política de compra. O template padrão encontra-se dentro daestrutura “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.

NOVA MODAL (REFERENCE STORE)

Documentação Funcional NOVO

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)

Utilização

2. Loja

O Widget da nova modal deve ser chamado no template master da loja.

Exemplo:

Arquivo: seutema\Templates\masters\includes\PageFooter.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)

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)

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

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)

PERFORMANCE – AGENDAMENTO NA

GERAÇÃO DE FEEDS DE PRODUTOS

Documentação Funcional NOVO

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

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çãodo 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

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

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

Utilização

1. Liquid – Tag foreach

Performance – Agendamento na geração de feeds de produtosVersão 2.2

PERFORMANCE - ADIANTAR O ENVIO DO HTML NA RENDERIZAÇÃO DAS PÁGINAS

Documentação Funcional MELHORIA

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

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

PERFORMANCE - MELHORIA NO

RELATÓRIO DE PEDIDOS

Documentação Funcional MELHORIA

Utilização

1. Admin

Realizamos a refatoração do relatório de pedidos, visando a melhoria de performance domesmo. 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 pelatela de tarefas agendadas.

Versão 2.2 Performance - Melhoria no relatório de pedidos

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