Release Notes - Versao 1 10

Versão 1.10

Veja algumas melhorias e novidades da versão 1.10:

Edição de áreas especiais nos templates

Integração MundiPagg – Implementação Visa Electron

Serviços Adicionais (Embalagem para Presente)

Relatórios Personalizados (Exportador de Dados)

Design de Estrutura por Rota

Cálculo de frete com divisão automática para grandes pacotes

Paginar Listas de Produtos no Site

Melhorias no Desconto Progressivo

Mudança no cálculo de frete do carrinho

Compra em Grade Responsiva

SEO de Conteúdos do Core

Melhorias de SEO (Canonical)

Dashboard Admin Mobile

NOVO

NOVO

NOVO

MELHORIA

NOVO

NOVO

NOVO

NOVO

MELHORIA

MELHORIA

MELHORIA

MELHORIA

MELHORIA


Os arquivos de templates do Core formam um papel importante na

definição de conteúdos da loja, através dos mesmos o lojista tem a

possibilidade de customizar totalmente o design em todas as áreas da sua

loja.

Nesta versão foi adicionada a possibilidade de edição de áreas especiais

como as marcações de <head> das páginas mestres (masters), aquelas que

definem o conteúdo principal, e isto é herdado em todos os templates e

rotas do site, foi adicionado também a possibilidade de termos páginas

mestres diferentes por tipo de conteúdo conforme padrão já existente para

os templates normais.

NOVO


A localização das páginas mestre (masters) é determinada por convenção, ou seja, os arquivos devem respeitar uma estrutura definida que pode ser configurada através do seguinte menu:

Configs -> Configurações Gerais ->

O valor do campo "Templates Master" é uma configuração vital para o funcionamento da plataforma e deve ser devidamente preenchido, devendo ser separados pelo caractere '|' e mantendo a convenção prioritária mais à esquerda.

Por padrão, foi definida a seguinte convenção:

/Custom/Content/Themes/{theme}/Templates/Masters/{routename}/{resource} /Custom/Content/Themes/{theme}/Templates/Masters/{resource}/Custom/Content/Themes/Shared/Templates/Masters/{routename}/{resource} /Custom/Content/Themes/Shared/Templates/Masters/{resource}/Custom/Content/Themes/Default/Templates/Masters/{routename}/{resource}/Custom/Content/Themes/Default/Templates/Masters/{resource}

NOVO

Prioridade

+

-

Edição de áreas especiais nos templatesDentro desta convenção temos os parâmetros destacados os quais definem osargumentos que serão substituídos no momento em que o arquivo for procurado naestrutura de pastas.Os parâmetros disponíveis para definição da convenção são os seguintes:

{theme}: Tema do canal sendo requisitado.{routename}: Nome da rota sendo requisitada.{resource}: Define o nome do arquivo de master que será utilizado pela configuração

de design. Ex.: 1Column.template, 2ColumnsLeft.template 2ColumnsRight.template,3Columns.template e SinglePage.template.

No painel do sistema administrativo podemos configurar as rotas existentes na loja:Configs -> Rotas Seguem algumas rotas padrões e seus nomes:

MaintenanceRoute: Rota de manutenção do site.HomeRoute: Página inicial.ProductRoute: Detalhe do produto.SearchRoute: Página de pesquisa.SearchSuggestRoute: Página de sugestões de pesquisa.ErrorRoute: Página de erro da plataforma.

*Para verificar outros padrões de rotas, entrar em “Aparência -> Gerenciador de Arquivos -> Default -> Templates -> masters” e abrir o arquivo “read.me”.

NOVO


Exemplo de estrutura de pastas de templates:

No painel do sistema administrativo:Aparência -> Gerenciador de arquivos ->

1: Diretório que que contém os templates master.

2: Templates master por rotas.

3: Diretórios com templates de inclusão padrões do sistema Ex: Contém templates como PageHeader.template e PageFooter.template.

4: Arquivos de layout, afetam todas as páginas que utilizamdeterminado layout.

5: Documentação da utilização e configuração das páginas mestre no admin.

NOVO

1

2

3

4

5


Uma master estará definida simplesmente pela existência do arquivo em uma daspastas da convenção.

Caso seja necessário retornar à uma master anterior, o arquivo deve ser renomeadoou excluído.

É importante lembrar que alterações realizadas nas masters contidas no temapadrão (Default) serão sobrescritas a cada instalação de nova versão da plataforma.

NOVO


Exemplo de configuração e utilização:

Aqui vamos demonstrar como configurar um template master para uma landing

page. Primeiramente deve ser definido qual será o layout a ser utilizado.

No painel do sistema administrativo:Aparência -> Configurar design -> Landing Pages -> Buscar pela rota criada

NOVO


Após a definição do layout, as poderemos criar um template master específico para a

nova landing, para isto siga os seguintes passos:

- Crie uma pasta com o “nome único” da landing page.

- Crie o arquivo de template com o nome do template* utilizado na definição do layout.

No painel do sistema administrativo:Aparência -> Gerenciador de arquivos -> (Diretório do tema) -> Templates -> Masters

*Nomes dos templates:

NOVO


Para customização de uma master, foram criadas algumas tags que devem ser

atentamente observadas:

{% page_snippets 'header' %}: Identifica onde deve ser renderizado os widgets /

snippets instalados. Valores possíveis de posição de conteúdo: header e footer.

{% page_speed %}: Renderiza um marcador identificando o tempo de carregamento

da página. Deve ser o último marcador da página.

{% page_assets 'Register' %}: Realiza o registro dos recursos e deve sempre constar

no inicio de uma master.

*Para verificar outras tags existentes, entrar em “Aparência -> Gerenciador de

Arquivos -> Default -> Templates -> masters” e abrir o arquivo “read.me”.

NOVO

Realizada a implementação do meio de pagamento de cartão de débito para os

clientes que possuem contrato com o gateway de pagamento MundiPagg. É possível

configurar o novo tipo de cartão através do meio de pagamento existente “Gateway

MundiPagg”

Integração MundiPagg – Implementação Visa ElectronNOVO

+

No painel do sistema administrativo:Configs -> Meios de pagamento


Esta funcionalidade permite que seja possível vender embalagens para presente

relacionado a um produto dentro do carrinho de compras como um serviço

adicional.

Essas embalagens comportam-se como um produto normal, podendo possuir

estoque e preço caso necessário.

O produto de embalagem também pode ser pesquisável e comprável, caso

necessário ser vendido separadamente.

Abaixo seguem todas as configurações necessárias para a utilização dos serviços

adicionais na loja.

NOVO


1. Adicionando um metadado para variação:

Primeiramente deve ser criado um metadado de produto para variação. Ele deve

ser criado como um metadado do tipo “Listagem simples” para que seja possível

utilizar nas variações.

No painel do sistema administrativo:Configs -> Metadados-> Adicionar Metadado

NOVO


Na aba de “Opções”, os tipos das embalagens deverão ser definidos.

Ex:. Rígida, flexível, embalagem plástica, cesta.

No painel do sistema administrativo:Configs -> Metadados-> Adicionar Metadado-> Aba Opções -> Adicionar opção

NOVO


2. Criando a definição de produto

Devemos criar uma nova definição de produto, com algumas configuraçõesdesejáveis para este tipo de produto.

Recomenda-se que produtos de embalagem para presente não sejam pesquisáveis,para que o cliente não realize uma compra separada deste produto.

Foi realizado uma nova configuração para aceitar preço zero caso seja necessáriocriar embalagem sem adicionar nenhum custo para o cliente.

Se a embalagem para presente possuir variação, o metadado deve estarconfigurado corretamente.

*Caso seja realizada alguma configuração na definição do produto e a mesma forredefinida diretamente no produto, a configuração que irá prevalecer será a dadefinição do produto.

NOVO

2.1. Definição de produto com metadado de variação:

No painel do sistema administrativo:

Catálogo-> Definições de produto-> Adicionar definição -> Aba “Dados Gerais”:

No campo variações selecionar o metadado de variação criado anteriormente.

Aba “Comportamentos”:

Preencher as seguintes opções conforme a seguinte tela:

*Para configurar a definição sem metadado de variação apenas preencha os dados

principais do produto em “Dados Gerais”

Serviços Adicionais (Embalagem para Presente)NOVO


3. Como configurar um serviço adicional com produtos:3.1. Criando um produto:

Para adicionar um produto com o metadado de variação:

No painel do sistema administrativo:Catálogo-> Produto-> Adicionar Produto

No campo “Definição” selecionar a definição de embalagem criada anteriormente.

*Preencher os demais dados referente ao produto e skus.

NOVO


Criando e adicionando um sku com o metadado de variação:

No painel do sistema administrativo:Catálogo-> Produto-> Adicionar Produto -> Criar E Associar Novo SKU - >

Na aba “Dados gerais do SKU” o campo embalagem está disponível para preenchimento, e deve ser preenchida com o tipo apropriado conforme as opções definidas nos metadado.

NOVO

Serviços Adicionais (Embalagem para Presente)3.2. Configurando o serviço:

Esta funcionalidade cria o serviço de embalagem para presente.

No painel do sistema administrativo:Catálogo ->Produtos e serviços adicionais -> Adicionar produto/serviço adicional

1: O tipo de serviço disponível será embalagem para presente.2: Nesta fase o usuário só irá poder realizar a escolha de uma embalagem para presente no fluxo do carrinho de compras.3: Define se o campo da embalagem para presente é de preenchimento obrigatório para o cliente, no carrinho de compras.

NOVO

1

2

3


Esta funcionalidade cria o serviço de embalagem para presente.

No painel do sistema administrativo:Catálogo ->Produtos e serviços adicionais -> Adicionar produto/serviço adicional

4: É possível selecionar os produtos que irão ofertar a embalagem parapresente, ou adicionar uma lista de produtos.5: Determina qual embalagem para presente vai ser ofertada.6: Neste campo os produtosque foram criados paraembalagem para presentedevem ser selecionados.

NOVO

4

5

6

Serviços Adicionais (Embalagem para Presente)4. Como configurar um serviço adicional com lista de associação:4.1. Criando uma lista de associação:

No painel do sistema administrativo:Catálogo-> Lista de associação-> Adicionar Lista

No campo “Tipo de Lista” selecionar a opção “Serviços e produtos adicionais”.

NOVO


No painel do sistema administrativo:Catálogo-> Lista de associação-> Adicionar Lista

No campo “Tipo de Lista” selecionar a opção “Serviços e produtos adicionais”.

Dentro do produto, na aba “Associações” a lista criada anteriormente será apresentada. Selecionar o produto de embalagem para presente criado anteriormente.

NOVO


Aqui é possível ligar o serviço à uma lista de associação. No campo origem a opção “Definidos na lista de associação do produto” deve ser selecionada. Selecionar a lista criada no campo “Lista de associação”.

No painel do sistema administrativo:Catálogo-> Produtos e serviços adicionais-> Adicionar produto/serviçoadicional

NOVO

Serviços Adicionais (Embalagem para Presente)NOVO

5. Apresentação das embalagens na loja:

Quando o produto possuir uma embalagem para presente com preço, seráapresentado da seguinte forma no carrinho de compras.

Quando o produto possuir uma embalagem para presente sem preço, seráapresentado da seguinte forma no carrinho de compras.

Quando o produto possuir uma embalagem e a embalagem possuirvariação, será apresentado da seguinte forma no carrinho de compras.


Quando a embalagem para presente possuir preço e a mesma for combinada com

promoções, alguns pontos deverão ser observados.

Na promoção direta em produtos, categorias, marcas: o desconto será aplicadoapenas no item e não no preço do pacote para presente.

Na promoção desconto no pedido : o desconto será aplicado apenas no item e não no pacote para presente.

No desconto em meios de pagamento: o desconto será aplicado no pedidointeiro, porém não será descontado no frete.

NOVO

Relatórios Personalizados (Exportador de Dados)

Esta funcionalidade permite criar relatórios de uma forma mais ágil por parte da

equipe de suporte; desde que o relatório siga um determinado padrão poderemos

criar relatórios sem a necessidade de instalação de uma nova versão da plataforma,

obtendo assim uma agilidade maior na entrega de relatórios personalizados aos

clientes.

• Cada ajuste neste tipo de relatório ou uma nova implementação deverá ser

solicitada através de um chamado no suporte, mediante a criação de um

orçamento.

No painel do sistema administrativo:Relatórios -> Customizados

NOVO


Esta funcionalidade permite que se configura o design específico de qualquer rota

da loja. Assim como as configurações de estrutura já existentes, é possível inserir

diferentes personalizações para a mesma, como widgets, templates , arquivos de

css e javascripts.

Ao criar uma rota genérica na configuração de design ela será apresentada

automaticamente na configuração de recursos e o mesmo ocorre quando a criação

da rota inicia através da configuração de recursos.

NOVO


• Passos para configurar o design de uma rota genérica:

• Selecionar a página desejada: Ex.: colocar no campo da rota apenas o conteúdo após o endereço da loja ou canal.www.sualoja.com.br/faq/fale-conosco ou www.sualoja.com.br/canal/conteudo/marcas

• Selecionar qual é a estrutura da página e editar o template para o tipo de página selecionada.

No painel do sistema administrativo:Aparência -> Configurar design

NOVO


• Para configurar os recursos de uma rota genérica:

• Selecionar a página desejada: Ex:. colocar no campo da rota apenas o conteúdo após endereço da loja ou canal.www.sualoja.com.br/faq/fale-conosco ou www.sualoja.com.br/canal/conteudo/marcas

No painel do sistema administrativo:Aparência -> Configurar recursos

NOVO

Cálculo de frete com divisão automática para grandes

pacotes

Atualmente, ao ultrapassar o limite de 30Kg ou as dimensões permitidas pelos

Correios as formas de entrega deixavam de ser exibidas no carrinho de compras e

no checkout.

Para contornar esta dificuldade a plataforma ao identificar que o limite foi

ultrapassado, passa a calcular o custo de entrega dividindo o peso em múltiplos

pacotes, fazendo com que as formas de entrega dos correios possam ser escolhidas.

Ex: Carrinho de compras com 10 Produtos e 4Kg cada.

No momento em que a plataforma identifica que o carrinho possui 40Kg, a mesma

divide em 2 pacotes, enviando solicitações de cotações separadas aos serviços dos

correios mas agrupando as mesmas ao mostrar aos clientes.

O tempo de entrega exibido será o maior entre os 2 ou mais pacotes, lembrando

que o tempo de entrega é o resultado da soma dos dias informados pelos Correios

aos dias para envio do produto com ou sem estoque.

NOVO


pacotes

Cabe ressaltar que essa divisão só acontece para realização dos cálculos dos custos

e prazos de entrega, com o intuito de tornar disponível as formas de entrega dos

Correios.

• Para ativar a divisão dos pacotes:

• “Correios.MaxPackageSize”: define o tamanho máximo para pacotes.

• “Correios.SplitPackages”: quando preenchido com “True” ativa a nova

funcionalidade e quando preenchido com “False” mantem a funcionalidade

inativa.

A configuração deve ser realizada manualmente para cada forma de entrega.

No painel do sistema administrativo:Backoffice -> Meios de Entrega -> Selecionar uma formar de entrega -> Configuração de Gateway

NOVO


pacotes

Quando a plataforma realizar o cálculo em mais de um pacote, haverá no pedido a

informação de quantos pacotes foram necessários para realização do cálculo. Porém

cabe ao lojista definir se enviará em mais de um pacote.

Para fins de integração de pedidos, os mesmos continuam a ser enviados como se

contivessem apenas 1 pacote, contendo apenas 1 código de rastreamento do

objeto.

Após conclusão da compra a quantidade de pacotes em que o pedido foi divido é

informada no painel do sistema no seguinte campo “DELIVERY_OPTION_PKG”.

No painel do sistema administrativo:Backoffice -> Pedidos

NOVO

Paginar Listas de Produtos no Site

Foi criada a opção de poder mostrar uma lista de produtos paginada no site através

da configuração do widget de listagem de produtos. Antes dessa opção somente era

possível listar uma quantidade limitada de produtos.

NOVO

Ao criar uma promoção de desconto progressivo a mesma era aplicada eapresentada apenas no pedido, sem ter a opção de escolher uma forma depagamento específica para desconto.

Foi realizado uma melhoria para ser possível criar uma promoção comdesconto progressivo diretamente nas formas de pagamentos. Com este novotipo de promoção é possível escolher os meios de pagamento como boleto,cartão de crédito, etc.

É possível visualizar o desconto diretamente nas listagens (vitrines, categorias,carrinho, etc.), quando a opção “Calcular promoção na listagem de produtos”for selecionada no painel administrativo.

MELHORIA


No painel do sistema administrativo:Marketing -> Promoções -> Adicionar Promoções -> Promoção em Pagamento ->Desconto progressivo em meios de pagamento

Aba “Condições e Benefícios”:

* Os preços dos produtos com desconto, nas vitrines, não serão atualizados deacordo com a faixa em que o carrinho se encontra. Será exibido o valor comdesconto, apenas de acordo com o preço do produto.

MELHORIA


Foi criado uma configuração para que o lojista opte por não calcular as taxas eprazos de entrega no carrinho de compras. Desta forma as operações no carrinhoserão mais rápidas pois não dependerão do cálculo do frete, o qual as vezes podeter um tempo de processamento alto devido aos tempos de resposta dos serviçosdas transportadoras.

Obs.: O carrinho de compras deve passar por uma customização, para que o campode cálculo do frete, seja retirado.

No painel do sistema administrativo:Configs -> Configurações de sistema -> Configurações por grupo -> Compras

MELHORIA

Mudança no cálculo de frete do carrinho

Foi realizada uma melhoria para possibilitar que no canal

mobile possam ser comprado skus distintos de um

mesmo produto. Para isto foi implementado o widget

compra em grade responsiva.

Com esta nova funcionalidade, o cliente poderá

selecionar a quantidade que deseja de cada sku

diretamente no detalhe do produto.

*A configuração do widget deve ser realizada através de

chamado no suporte mediante orçamento.

MELHORIA

Compra em Grade Responsiva

Esta funcionalidade permite que os cadastros de SEO sejam realizados de umaforma mais abrangente para os conteúdos da loja, assim teremos cadastrosgenéricos e específicos, o que vai melhorar o SEO da loja em geral.

Os cadastros genéricos serão administrados através das configurações gerais da loja.Para os cadastros específicos de um conteúdo, a administração será feita na própriatela de cadastro (produtos, categorias e marcas).

Será possível definir as descrições de páginas como home, conteúdo, listas, flags ouaté mesmo definir os mesmos dados para todas as páginas através da opçãopadrão. As alterações das informações de SEO serão definidas por grupos deconfiguração.

MELHORIA


1. Hierarquia de configurações:

Para exibir as informações na loja, será utilizada a seguinte hierarquia:• Primeiro busca-se a informação definida na entidade, a qual pode ser um

produto, uma categoria ou marca específica.• Por segundo a busca será realizada dentro da configuração geral definida para a

entidade: (produtos, categorias, marcas).• Em terceiro a busca será realizada dentro de configuração geral na opção

“Padrão”.

A hierarquia é dada a cada atributo (título , título alternativo, meta description,meta keywords e descrição).

Ex.: Na entidade marca foi preenchido apenas o título da página, porém os outrosatributos não foram preenchidos, logo a busca será feita visando encontrar osoutros atributos no próximo nível da hierarquia, e assim sucessivamente até chegarna última hierarquia.

MELHORIA


Ao adicionar as informações de um mesmo atributo em mais de uma hierarquiaserá levada em consideração o último nível definido.

Ex.: Ao adicionar o título da página a uma marca específica e na entidade dentro daconfiguração do sistema:

Será exibido na loja desta forma:

MELHORIA


1.1. Configurando um atributo específico:

Em marcas foi inserido a aba “Descrições (SEO)”, para que seja possível definir otítulo da página, título alternativo, meta description, meta keywords e descriçãointernamente em cada marca, assim como já acontecia em categorias.

No painel do sistema administrativo:Catálogo -> Marcas

MELHORIA


1.2. Configurando um atributo genérico:

Será possível definir as informações de forma generalizada para as seguintespáginas: home, categorias, marcas, flags, listas, metadados e produtos.

No painel do sistema administrativo:Configs -> Configurações Gerais ->Configuração de sistema -> Configurações por grupo -> Conteúdo -> SEO -> Home

MELHORIA


1.3. Configurando o atributo padrão:

A configuração padrão será concatenada com os outros conteúdos, porém a mesma não será utilizada para definição de produtos e categorias.

No painel do sistema administrativo:Configs -> Configurações Gerais -> Configuração de sistema -> Configurações por grupo -> Conteúdo -> SEO -> Padrão

MELHORIA


A metatag canonical é um elemento html que ajuda a prevenir conteúdo duplicado na internet. Desta forma foram feitas algumasotimizações na plataforma afim de diminuir a duplicação de conteúdos e melhorar a descoberta dos mesmos na loja para os robôsde busca.

• Conteúdos paginados:O conteúdo de uma url após o caractere “#” não é enviado para o servidor pelo browser e desta forma não é encontrado pelos botsde indexação do google, o que gerava um problema para os mesmos identificarem os conteúdos paginados da loja.Por exemplo, quando o cliente acessa a página http://www.suapagina.com.br/categoria#/pagina-2, é realizada uma chamada ajaxpara retornar o conteúdo, o que é algo não identificável para os robôs de busca, dessa forma foram colocadas querystringsadicionais e ajustes nas metatags para os mesmos poderem achar mais facilmente o conteúdo e não reconhece-los como duplicado.

• Páginas com querystringsTodas as urls terão os parâmetros de querystring removidos da metatag canonical, exceto em páginas que possuam paginação.

Exemplos de metatag canonical:Página inicial:

http://www.suapagina.com.br/?utm_source=sourcehttp://www. suapagina.com.br/

Login:http://www. suapagina.com.br/Login?url=/painel-do-clientehttp://www. suapagina.com.br/login

Listagem:Pagina 1: http://www.suapagina.com.br/{resource}Next: http://www.suapagina.com.br/{resource}?pg=2

Pagina 2: http://www.suapagina.com.br/{resource}?pg=2Prev: http://www.suapagina.com.br/{resource}Next: http://www.suapagina.com.br/{resource}?pg=3

Última página: http://www.suapagina.com.br/{resource}?pg=nPrev: http://www.suapagina.com.br/{resource}?pg=n-1

MELHORIA

Melhorias de SEO (Canonical)

http://www.suapagina.com.br/categoria#/pagina-2

Esta funcionalidade permite que a dashboard do painel do sistema administrativoseja visualizada de forma responsiva em dispositivos móveis.É possível realizar filtros por dia, mês, ano, períodos específicos e completos nospedidos captados e adquiridos assim como já temos na versão desktop.Para voltar a versão desktop foi adicionado o botão , que irá permitir o retorno aeste tipo de navegação dentro do browser do dispositivo móvel.

Acessar o painel do sistema administrativo de um smartphone:

MELHORIA

Dashboard Admin Mobile

Release Notes - Versao 1 10

Technology

Transcript of Release Notes - Versao 1 10