SlideShare ist ein Scribd-Unternehmen logo
1 von 114
Versão 1.11
Veja algumas melhorias e novidades da versão 1.11:
Vitrine contextualizada de produtos mais vendidos
Integração PayU
Informações das variações de um produto na listagem
Gaste X e Ganhe um Brinde
Colocar no carrinho em modal
Recomendação automática para venda casada de produtos
Listas de desejo, casamento, etc..
Personalizações em itens do pedido
Integração FindMyPack
Melhoria na Listagem de Pedidos
Novos Efeitos nas Fotos das Galerias
NOVO
NOVO
NOVO
NOVO
NOVO
NOVO
NOVO
MELHORIA
MELHORIA
NOVO
NOVO
VITRINE CONTEXTUALIZADA DE
PRODUTOS MAIS VENDIDOS
Release Notes Versão 1.1 NOVO
Conteúdo
 Apresentação
 Instalação / Ativação
1. Sistema Administrativo
1.1. Escolhendo a Rota (estrutura de site)
1.2. Escolhendo o Template
1.3. Selecionando o Widget
1.4. Configurando o Widget
 Utilização
1. Navegação do Usuário
Versão 1.11 Vitrine contextualizada de produtos mais vendidos
Apresentação
Exibição dos produtos mais vendidos em uma vitrine contextualizada por categoria,
marca, lista de produtos, flags e/ou metadados.
Será também possível fixar a exibição de uma categoria, marca, lista de produtos, flag
ou metadados na vitrine de produtos . O número de produtos exibidos por padrão na
vitrine serão 4 produtos, mas esse valor pode ser alterado pelo administrador do
sistema.
Também poderão ser configurado para exibição somente os produtos disponíveis em
estoque, além de ser possível definir uma ordenação padrão para a vitrine e um
facetamento específico.
Vitrine contextualizada de produtos mais vendidosVersão 1.11
1. Sistema Administrativo
Através do menu “Aparência”
opção “Configurar design” é
possível adicionar a vitrine
contextualizada ao site.
1.1. Escolhendo a rota
Dentro da página “Estrutura do
Site” que irá abrir, selecione a rota
onde a vitrine será adicionada.
Instalação / Ativação
Vitrine contextualizada de produtos mais vendidosVersão 1.11
No painel do sistema administrativo:
Aparência -> Configurar design
Instalação / Ativação
1.2. Escolhendo o
template
A partir da rota selecionada,
defina agora em qual
template será adicionada a
vitrine contextualizada.
Vitrine contextualizada de produtos mais vendidosVersão 1.11
1.3. Selecionando o widget
Procure pelo widget “Lista de Produtos Contextualizada”, arraste-o para a área a
direita e clique em “Configurações”.
Instalação / Ativação
Vitrine contextualizada de produtos mais vendidosVersão 1.11
Instalação / Ativação
1.4. Configurando o widget
Vitrine contextualizada de produtos mais vendidosVersão 1.11
Instalação / Ativação
1.4. Configurando o widget
As principais configurações do widget de vitrine contextualizada são as seguintes:
• Contexto da lista de produtos: define qual o contexto que será utilizada para a
vitrine. As seguintes opções estão disponíveis:
– (Contextual): identifica e exibe os produtos conforme o contexto de navegação
do usuário. Nesse caso, o valor do contexto não precisa ser informado.
– Marca: define que serão exibidos os produtos de uma marca específica. Para
isso deve-se informar o identificador da marca no valor do contexto.
– Categoria: define que serão exibidos os produtos de uma categoria específica.
Para isso deve-se informar o identificador da categoria no valor do contexto.
– Lista de Produtos: define que serão exibidos os produtos de uma lista
específica. Para isso deve-se informar o identificador da lista de produtos no
valor do contexto.
– Flag: define que serão exibidos os produtos de uma flag específica. Para isso
deve-se informar o identificador da flag no valor do contexto.
Vitrine contextualizada de produtos mais vendidosVersão 1.11
Instalação / Ativação
1.4. Configurando o widget
– Metadado: define que serão exibidos os produtos de um metadado específico.
Para isso deve-se informar o metadado no formato “nome da
propriedade;valor”, por exemplo “cor;azul”, no valor do contexto.
– Pesquisa: define que serão exibidos os produtos pesquisando pelos valores
definidos no campo “valor do contexto”.
• Valor do contexto: define qual o contexto específico que será invocado, conforme
explicado no item anterior.
• Ordenação: define a ordenação padrão para a lista de produtos que será exibida
na vitrine.
Vitrine contextualizada de produtos mais vendidosVersão 1.11
Utilização
Vitrine contextualizada de produtos mais vendidosVersão 1.11
1. Navegação do usuário na loja
As páginas onde a vitrine contextualizada foi inserida exibirão os produtos conforme a
configuração realizada na administração. Caso a configuração seja “contextual”, o site
identificará o contexto e exibirá os respectivos produtos.
INTEGRAÇÃO COM GATEWAY PAYU
Release Notes Versão 1.1 NOVO
Conteúdo
 Apresentação
 Instalação / Ativação
1. Gateway PayU
2. Sistema Administrativo
1.1. Como Configurar
1.2. Campos Disponíveis
 Utilização
1. Loja
Versão 1.11 Integração com Gateway PayU
Apresentação
Integração com o gateway de pagamento PayU. Oferece a possibilidade de pagamento com
cartão de crédito e boleto:
• Cartões:
– Visa
– MasterCard
– HiperCard
– Elo
– Diners
– American Express
• Boleto:
– Boleto PayU
Importante: A PayU requer o envio do valor da compra SEM juros. Por isso, você deve
configurar a taxa de juros no nosso painel administrativo e no painel da PayU.
Integração com Gateway PayUVersão 1.11
1. Gateway PayU
Você deve possuir uma conta e um contrato com a PayU. Para mais informações:
http://www.payulatam.com/brasil/
Instalação / Ativação
Integração com Gateway PayUVersão 1.11
2. Sistema Administrativo
A configuração dos dados do PayU estará disponível na listagem de meios de
pagamento:
Instalação / Ativação
Integração com Gateway PayUVersão 1.11
No painel do sistema administrativo:
Configs-> Meios de Pagamento
Instalação / Ativação
1.1. Como Configurar:
Preencher os campos disponíveis nos dados de integração do gateway:
Integração com Gateway PayUVersão 1.11
1.2. Campos disponíveis:
• Utilizar pré-autorização: determina que a transação necessitará de uma análise
antes da captura. Caso esteja desmarcado, a captura será automática após a
autorização.
• Habilitar modo teste: as transações irão ser tratadas como testes. Também deverá
ser alterada a Url do Webservice e a Url do Webservice de consulta para a url de
homologação.
– Urls de homologação
• Normal: https://stg.api.payulatam.com/payments-api/4.0/service.cgi
• Consulta: https://stg.api.payulatam.com/reports-api/4.0/service.cgi
– Urls de produção
• Normal: https://api.payulatam.com/payments-api/4.0/service.cgi
• Consulta: https://api.payulatam.com/reports-api/4.0/service.cgi
Instalação / Ativação
Integração com Gateway PayUVersão 1.11
• Os campos “Id Comércio”, “Id Conta”, “API Login” e “API Key” são obrigatórios e
devem ser consultados no painel da PayU.
• O campo “Identificador do parceiro”, é fixo e não precisa ser fornecido.
• No campo “Dias para expiração”, especifique o número de dias para a expiração
do boleto, caso haja a utilização do mesmo.
Instalação / Ativação
Integração com Gateway PayUVersão 1.11
Utilização
Integração com Gateway PayUVersão 1.11
1. Loja:
Na loja os meios de pagamento serão apresentados
normalmente, deixando o processo transparente para
o cliente final.
INFORMAÇÕES DAS VARIAÇÕES DE
UM PRODUTO NA LISTAGEM
Release Notes Versão 1.1 NOVO
Conteúdo
 Apresentação
 Widget Product Line Media:
 Instalação / Ativação
1. Sistema Administrativo
1.1. Configurando o produto
 Utilização
 Widget Product Line Media Variations:
 Instalação / Ativação
1. Sistema Administrativo
1.1. Configurando o produto
 Utilização
Versão 1.11 Informações das variações de um produto na listagem
Apresentação
Esta funcionalidade tem como objetivo apresentar as informações das variações de
um produto nas listagens e vitrines da loja com as seguintes opções:
 Apresentação das opções de variação: Ex: cor, tamanho
 Apresentação das disponibilidades das variações / subvariações
 Apresentação das mídias das variações
Para isto foram criados/alterados os seguintes widgets do site:
 Widget Product Line Media:
 Widget Product Line Media Variations:
Informações das variações de um produto na listagemVersão 1.11
Widget Product Line Media
Atualização do Widget Product Line Media, incrementa novas funcionalidades visuais
como:
1. Troca da imagem quando o cursor estiver sobre ele.
2. Efeitos de transição durante a troca da imagem.
3. Mostrar as subvariações do produto.
4. Mostrar um indicador da navegação dentro das imagens do produto.
Como padrão o Widget mostra apenas a primeira imagem mídia para o produto.
Informações das variações de um produto na listagemVersão 1.11
1. Sistema Administrativo
O Widget é ativado por código no arquivo product.line.template.
1.1. Exemplo
ou
Instalação / Ativação (Product Line Media)
Informações das variações de um produto na listagemVersão 1.11
{% product_line_medias(HoverImage=true,LazyLoad=true,Effect="flip-card-
horizontal",SizeType="Small",StopOnSwap=true,Delay=800,MaxChange=1,ShowS
ubVariations=true,ShowPagination=3,Truncate=2) %}
{% product_line_medias() %}
Instalação / Ativação (Product Line Media)
1. Sistema Administrativo
1.2. Parâmetros
• HoverImage (boolean): Habilita a troca de imagem com o cursor.
• LazyLoad (boolean): Carrega as imagens de forma assíncrona.
• Effect (string): Define o efeito de transição na troca de imagem
(fade, fade-scale, horizontal-in-out, flip-card-horizontal).
• SizeType (string): Tamanho da imagem utilizada na lista (Small,
Medium, Large, ...)
• StopOnSwap (boolean): Troca de imagem apenas uma vez quando o curso
entra e uma vez quando o cursor sai.
• Delay (integer): Milissegundos entre cada transição.
• MaxChange (integer): Tamanho da lista de imagens utilizadas nas
trocas.
• ShowSubVariations (boolean): Mostra as subvariações do produto (2º
nível de variação).
• ShowPaginator (integer): Ativa e determina quantas imagens é mostrada
por página.
• Truncate: Tamanho do texto par variação (vazio=255).
Versão 1.11 Informações das variações de um produto na listagem
Instalação / Ativação (Product Line Media)
2. Configurando o produto
Regras:
1. O produto deve ter mídias cadastradas.
Informações das variações de um produto na listagemVersão 1.11
Utilização (Product Line Media)
Informações das variações de um produto na listagemVersão 1.11
1. Em uma lista de produtos, quando o Widget
estiver habilitado as variações serão apresentadas
como mostrado na imagem 1.
2. Quando o cursor se posicionar sobre a image:
1. A imagem muda quando o parâmetro
HoverImage for true.
2. Troca apenas uma vez quando StopOnSwap
for true.
3. Mostra as subvariações como na imagem 2
quando ShowSubVariations for true.
4. Mostra a paginação quando como na imagem
3 quando ShowPaginator for maior que 0.
2 3
1
Customização (Product Line Media)
• Classes de customização do CSS
– Item de Subvatiação
• Lista: product-line-subvariation
• Item: subvariation-item
• Navegador: variation-paginator
• Variação desabilidata: is-not-purchasable
Versão 1.11 Informações das variações de um produto na listagem
Widget Product Line Media Variations
O novo widget Product Line Media Variations, tem a função de mostrar as imagens das
variações disponíveis para o produto dentro de uma lista, e alterar a imagem mostrada
no bloco do produto quando o cursor navegar sobre os itens desta lista de variações.
Como padrão o widget mostra as imagens configuradas para o produto, mas também
permite que possam ser apresentadas as cores configuradas nos metadados.
Informações das variações de um produto na listagemVersão 1.11
1. Sistema Administrativo
O Widget é ativado por código no arquivo product.line.template, preferencialmente
logo após a chamada do Widget product_line_media().
Exemplo:
Parâmetros:
LoadOptions (Padrão é false): Quando true ignora os arquivos de Mídia e mostra
apenas as variações configuradas no metadados.
ShowPagination (integer): Items por página quando false, não faz paginação.
ChangeOn (string): Define a forma como muda as imagens (click, ou mouseover).
Instalação / Ativação (Product Line Media Variations)
Informações das variações de um produto na listagemVersão 1.11
{% product_line_medias_variations(LoadOptions=false,ShowPagination=2,ChangeOn='click') %}
Instalação / Ativação (Product Line Media Variations)
1.1. Configurando o produto
Regras:
1. O Widget somente irá aparecer em
produtos com um uma ou mais
variações.
2. Somente a primeira variação irá
aparecer entre as opções.
3. Variações sem Mídia será mostrado com
as informações do Metadados na ordem
da Imagem e Cor.
Informações das variações de um produto na listagemVersão 1.11
Instalação / Ativação (Product Line Media Variations)
Informações das variações de um produto na listagemVersão 1.11
1.1. Configurando o produto
Regras:
4. Quando o parâmetro LoadOptions esta true o Widget ignora as Medias e
mostra as variações configuradas no metadados.
Configs > Metadados
Configs > Metadados > Cor > Opções > Amarelo
Utilização (Product Line Media Variations)
Informações das variações de um produto na listagemVersão 1.11
1. Em uma lista de produtos, quando o Widget
estiver habilitado as variações serão apresentadas
como mostrado na imagem ao lado.
2. Quando o cursor se posicionar sobre uma das
variações:
1. A imagem maior muda para a mídia
configurada para a variação.
2. Quando configurado no Widget
product_line_media para mostrar as opções
de sub-variações (Ex: P,M,G) , a variação
também define um CSS para estas sub-
variações que não estão disponíveis.
3. O preço do produto muda de acordo com a
variação selecionada.
PROMOÇÃO DE BRINDE POR FAIXA
DE VALOR NO CARRINHO
Release Notes Versão 1.1 NOVO
Conteúdo
 Apresentação
 Instalação / Ativação
1. Sistema Administrativo
1.1. Escolhendo o tipo de promoção
1.2. Escolhendo a promoção a ser configurada
1.3. Configurando a promoção, dados básicos
1.4. Configurando a promoção, condições e benefícios
1.5. Configurando a promoção, exemplo
 Utilização
1. Loja, carrinho, cliente selecionando o brinde
2. Loja, brinde selecionado automaticamente
Versão 1.11 Promoção de brinde por faixa de valor no carrinho
Apresentação
Promoção “Gaste X e ganhe um brinde" com faixas de valor, cada faixa de valor irá
oferecer produtos específicos de uma lista de produtos. Os brindes serão selecionados
no carrinho de compras e serão apresentados de acordo com o valor do carrinho. A
partir da faixa de valor será exibido um conjunto de produtos associados as faixas.
Será possível escolher o valor, em percentual, que será aplicado de desconto ao brinde
escolhido. O valor padrão de desconto será 100%. Sendo, possível mudar este valor
conforme escolha do administrador.
Este tipo de promoção não é cumulativa, o cliente sempre terá somente 1 brinde no
seu carrinho. Não conseguirá adicionar item abaixo da faixa atual e também não
poderá selecionar itens da faixa acima da atual.
Promoção de brinde por faixa de valor no carrinhoVersão 1.11
1. Sistema Administrativo
Através do menu “Marketing” opção “Promoções” é possível adicionar este novo tipo
de promoção. Na listagem de todas as promoções terá o botão “Adicionar Promoção”.
Instalação / Ativação
Promoção de brinde por faixa de valor no carrinhoVersão 1.11
No painel do sistema administrativo:
Marketing-> Promoções
Instalação / Ativação
1.1. Escolhendo o tipo de promoção
Esta promoção é do tipo “Promoção em Pedidos”.
Promoção de brinde por faixa de valor no carrinhoVersão 1.11
1.2. Escolhendo a promoção a ser configurada
Instalação / Ativação
Promoção de brinde por faixa de valor no carrinhoVersão 1.11
Instalação / Ativação
1.3. Configurando a promoção, dados básicos
Os dados básicos para serem configurados estão na aba “Dados Gerais”.
Promoção de brinde por faixa de valor no carrinhoVersão 1.11
Instalação / Ativação
1.4. Configurando a promoção, condições e benefícios
Na aba “Condições e Benefícios” é onde se configura os dados para serem aplicados
na promoção.
Neste item é onde poderão ser adicionadas as faixas de valor, o percentual aplicado de
desconto no produto escolhido e qual a lista de produtos irá participar da faixa de
valor criada.
Existem dois tipos de faixa, por valor ou por quantidade, na primeira opção pode ser
definida a faixa em “R$”. Na faixa por quantidade se define a quantidade de itens no
carrinho.
Para cada faixa deve se escolher uma lista de produtos, é importante verificar que a
lista deve ser pública.
Promoção de brinde por faixa de valor no carrinhoVersão 1.11
Instalação / Ativação
1.5. Configurando a promoção, exemplo
Promoção de brinde por faixa de valor no carrinhoVersão 1.11
Exemplo de configuração
Utilização
Promoção de brinde por faixa de valor no carrinhoVersão 1.11
As faixas
irão
aparecer
abaixo
dos itens
do
carrinho.
1. Loja, carrinho, cliente selecionando o brinde
Na loja, quando o cliente colocar um item no carrinho serão verificadas as faixas
configuradas. Se o carrinho atingir o valor mínimo da primeira faixa na promoção,
então serão mostradas as faixas configuradas para o cliente selecionar o brinde.
Utilização
Promoção de brinde por faixa de valor no carrinhoVersão 1.11
Brinde adicionado e desconto aplicado.
2. Loja, brinde selecionado automaticamente
Se a faixa de valor tiver somente um brinde, este brinde será adicionado
automaticamente ao carrinho.
As faixas
irão
aparecer
abaixo
dos itens
do
carrinho.
COLOCAR NO CARRINHO EM MODAL
(IR PARA O CARRINHO OU CONTINUAR COMPRANDO)
Release Notes Versão 1.1 NOVO
Conteúdo
 Apresentação
 Instalação / Ativação
1. Sistema Administrativo
1.1. Exemplo
1.2. Parâmetros
2. Configurando o produto
 Utilização
Versão 1.11 Colocar no carrinho em modal
Apresentação
Ao clicar no botão de compra, uma modal com o carrinho é exibida. Algumas
vantagens dessa funcionalidade:
1. Cliente permanece no detalhe do produto ou na listagem, não sendo
redirecionado para a página do carrinho.
2. Permite atualizar seu carrinho (alterar quantidade e excluir produto).
3. Após ser exibida a modal, é possível que o cliente informe se deseja continuar
comprando ou ser redirecionado para finalizar sua compra.
Obs.: por padrão a modal não será exibida.
Colocar no carrinho em modalVersão 1.11
1. Parâmetro no widget Product_Buy_Button()
Na chamada do widget (detalhe do produto, por exemplo), informe o parâmetro:
BasketInModal (valor default: false).
1.1. Exemplo
Instalação / Ativação
Colocar no carrinho em modalVersão 1.11
{% product_buy_button(BasketInModal=true) %}
Utilização
Colocar no carrinho em modalVersão 1.11
1. Em uma lista de produtos ou no detalhe do
produto, quando o parâmetro BasketInModal
estiver habilitado, ao clicar no botão comprar
(imagem 1) a modal do carrinho será exibida
(imagem 2).
1
2
Utilização
Colocar no carrinho em modalVersão 1.11
1. Na modal, será possível atualizar a quantidade e
remover os itens do carrinho (imagem 1)
2. O cliente poderá selecionar entre “continuar
comprando” e “finalizar compra” (imagem2),
possibilitando a permanência na página ou ser
redirecionado para o carrinho 1
2
RECOMENDAÇÃO AUTOMÁTICA PARA
VENDA CASADA DE PRODUTOS
Release Notes Versão 1.1 NOVO
Conteúdo
 Apresentação
 Instalação / Ativação
1. Sistema Administrativo
1.1. Edição do Produto
1.2. Definição da Lista de Recomendações
1.3. Configuração da Lista de Recomendações
 Utilização
1. Recomendação de Produtos
Versão 1.11 Recomendação automática para venda casada de produtos
Apresentação
Durante a compra no site, será possível exibir automaticamente uma lista de
recomendações aleatórias, para que possa ser realizada uma venda casada de outros
produtos para o usuário.
Também poderá ser definida a quantidade de produtos que serão recomendados,
bem como o número de produtos que serão automaticamente adicionados ao
carrinho do usuário.
Recomendação automática para venda casada de produtosVersão 1.11
1. Sistema Administrativo
Através do menu “Catálogo” opção “Produto” é possível adicionar as recomendações
automáticas para determinado produto.
1.1. Edição do Produto
Na lista que será exibida, entre na edição do produto que deseja associar às listas de
recomendações.
Instalação / Ativação
Recomendação automática para venda casada de produtosVersão 1.11
Instalação / Ativação
1.2. Definição da Lista de
Recomendações
Na edição do produto, entre na
aba “Associações”.
Serão exibidas todas as
associações previamente
cadastradas na administração.
Recomendação automática para venda casada de produtosVersão 1.11
Instalação / Ativação
1.2. Definição da Lista de Recomendações
Para cada associação existente, agora existirão duas possibilidades de vinculação: Lista
de Produtos ou Produtos.
A seleção “Produtos” continua com a mesma funcionalidade já existente atualmente,
ou seja, vincular produtos específicos para serem recomendados no site.
Recomendação automática para venda casada de produtosVersão 1.11
Instalação / Ativação
1.2. Definição da Lista de Recomendações
Na opção “Lista de Produtos”, poderá ser definida uma lista de produtos previamente
cadastrada no sistema e vincular ao produto que está sendo editado. Caso seja do
interesse, uma nova lista de produtos pode ser criada, clicando em “Adicionar Lista”.
Recomendação automática para venda casada de produtosVersão 1.11
Instalação / Ativação
1.3. Configuração da Lista de Recomendações
Depois de selecionada uma lista de produtos, podemos configurar alguns parâmetros
que impactarão a sua exibição no site. Para configurar a lista, clique sobre o link que
contém o nome da lista.
Recomendação automática para venda casada de produtosVersão 1.11
Instalação / Ativação
1.3. Configuração da Lista de Recomendações
Na tela que abrirá, clique sobre a aba “Configurações”. Poderá ser selecionada a
ordenação padrão para exibição dos produtos e se os produtos sem estoque também
devem ser exibidos. Para uma exibição aleatória dos produtos da lista, no campo de
ordenação seleciona a opção “Aleatório”.
Recomendação automática para venda casada de produtosVersão 1.11
Instalação / Ativação
1.3. Configuração da Lista de Recomendações
É possível definir também a quantidade de produtos que serão adicionados ao
carrinho do usuário.
Recomendação automática para venda casada de produtosVersão 1.11
Utilização
Recomendação automática para venda casada de produtosVersão 1.11
1. Recomendação de Produtos
No site, ao entrar no detalhe de algum produto que tenha sido associado a uma lista
de produtos, será exibida a recomendação. Caso a ordenação selecionada na
administração seja aleatória, os produtos da lista serão randomicamente selecionados
para serem exibidos.
Utilização
Recomendação automática para venda casada de produtosVersão 1.11
1. Recomendação de Produtos
Ao concluir a compra clicando em “Compre Junto”, a quantidade de produtos para o
produto randomicamente selecionado é no carrinho segue a configuração realizada
na administração.
LISTAS DE DESEJO, CASAMENTO ETC
(PERMITIR A CRIAÇÃO DE LISTAS DE DESEJO AVANÇADAS:
LISTA DE CASAMENTO, CHÁ DE LINGERIE, ETC)
Release Notes Versão 1.1 NOVO
Conteúdo
 Apresentação
 Instalação / Ativação
1. Sistema Administrativo
1.1. Definição de listas
1.2. Criação/Edição de definições de listas
1.3. Visualização das listas criadas
2. Site
1.1. Pesquisa de listas
1.2. Detalhes e lista de produtos de uma lista de desejo
3. Painel do Cliente
1.1. Grid com as listas criadas
1.2. Cadastro/edição de listas
1.3. Gerenciar produtos adicionados à lista
1.4. Compartilhar listas
1.5. Edição de listas
1.6. Exclusão de listas
1.7. Adicionar produtos à uma lista – Modo lista
1.8. Adicionar produtos à uma lista – Detalhe do produto
Versão 1.11 Listas de desejo, casamento etc
Apresentação
• Permitir a criação e administração de listas de desejo, as quais poderão ser:
- lista normal para um simples compartilhamento
- lista avançada, como uma lista de casamento a qual permite que seja
compartilhada e que outras pessoas efetuem uma compra para o proprietário
da lista.
• Exemplos de listas possíveis:
- lista de casamento
- lista de desejo
- lista de aniversario
- chá de bebê..
Listas de desejo, casamento etcVersão 1.11
1. SISTEMA ADMINISTRATIVO
1.1. Definição de listas
Acesso: Clientes > Listas de desejos > Definições
Possibilita a criação de novos tipos de listas ou usar os pré-definidos (lista de
desejos e lista de casamento)
Instalação / Ativação
Listas de desejo, casamento etcVersão 1.11
1. SISTEMA ADMINISTRATIVO
1.2. Criação/Edição de definições de listas
É possível definir a URL amigável, template de e-mail etc
Instalação / Ativação
Listas de desejo, casamento etcVersão 1.11
1. SISTEMA ADMINISTRATIVO
1.2. Criação/Edição de definições de listas
É possível definir campos adicionais (existentes ou novos) às listas (metadados)
Instalação / Ativação
Listas de desejo, casamento etcVersão 1.11
1. SISTEMA ADMINISTRATIVO
1.3. Visualização das listas criadas
Acesso: Clientes > Listas de desejos > Listas
Visualize todas as listas de desejos criadas pelos clientes.
É possível visualizar os dados da lista, bem como os produtos adicionados a elas
Instalação / Ativação
Listas de desejo, casamento etcVersão 1.11
Utilização
Listas de desejo, casamento etcVersão 1.11
2. SITE
1.1. Pesquisa de listas
O cliente poderá pesquisar por listas públicas, filtrando por nome da lista, nome e e-mail
do proprietário da lista, além de busca pelos campos adicionais.
{% browsing_wishlist_search() %}
Widget:
Utilização
Listas de desejo, casamento etcVersão 1.11
2. SITE
1.2. Detalhes e lista de produtos de uma lista de desejo
Visualize detalhes da lista, bem como os produtos associados a ela.
{% browsing_wishlist_detail() %}
Widget:
Utilização
Listas de desejo, casamento etcVersão 1.11
3. PAINEL DO CLIENTE
1.1. Grid com as listas criadas
Exibe todas as listas criadas pelo cliente
{% profile_wishilist_list() %}
Widget:
Utilização
Listas de desejo, casamento etcVersão 1.11
3. PAINEL DO CLIENTE
1.2. Cadastro/ediçaõ de listas
É possível criar/editar novas listas (listas de desejo, casamento etc), privadas ou públicas.
{% profile_wishilist_form() %}
Widget:
Utilização
Listas de desejo, casamento etcVersão 1.11
3. PAINEL DO CLIENTE
1.3. Gerenciar produtos adicionados à lista
Permite gerenciar os produtos adicionados à lista, definindo a quantidade desejável,
bem como definir a quantidade de adquiridos.
{% profile_wishilist_manage() %}
Widget:
Utilização
Listas de desejo, casamento etcVersão 1.11
3. PAINEL DO CLIENTE
1.4. Compartilhar listas
Compartilhe uma lista informando o e-mail e mensagem que será enviada a(os)
destinatário(s)
{% profile_wishilist_share() %}
Widget:
Utilização
Listas de desejo, casamento etcVersão 1.11
3. PAINEL DO CLIENTE
1.5. Edição de listas
Edite dados da lista (nome, detalhes, privacidade, status, campos adicionais etc)
{% profile_wishilist_form() %}
Widget:
Utilização
Listas de desejo, casamento etcVersão 1.11
3. PAINEL DO CLIENTE
1.6. Exclusão de listas
{% profile_wishilist_manage() %}
Widget:
Utilização
Listas de desejo, casamento etcVersão 1.11
3. PAINEL DO CLIENTE
1.7. Adicionar produtos à uma lista – Modo lista
Permite navegar pelo site e adicionar produtos diretamente à lista selecionada
{% profile_wishilist_manage() %}
Widget:
Clicando no botão “Adicionar produtos” o “modo lista” é ativado
Utilização
Listas de desejo, casamento etcVersão 1.11
3. PAINEL DO CLIENTE
1.7. Adicionar produtos à uma lista – Modo lista
{% profile_wishilist_mode_list() %}
Widget:
Utilização
Listas de desejo, casamento etcVersão 1.11
3. PAINEL DO CLIENTE
1.8. Adicionar produtos à uma lista – Detalhe do produto
Após estar logado, adicione um produto a uma lista através do botão existente na página
de detalhes do produto
{% product_wishlist() %}
Widget:
Modal de adição de produtos à listas
PERSONALIZAÇÕES EM ITENS DO
PEDIDO
Release Notes Versão 1.1 NOVO
Conteúdo
 Apresentação
 Instalação / Ativação
1. Sistema Administrativo
1.1. Cadastrando o metadado
1.2. Selecionando o metadado na definição de produtos
 Utilização
1. Site
1.1. Inserção no carrinho
1.2. Atualização/Remoção no carrinho
1.3. Visibilidade durante a compra
1.4. Visibilidade após a compra
2. Admin
1. Visibilidade nos pedidos dentro do admin
Versão 1.11 Personalizações em itens do pedido
Apresentação
Esta funcionalidade visa possibilitar o cadastro de metadados que serão utilizados
para personalização dos itens do carrinho/pedido. Estes metadados serão cadastrados
e selecionados na definição do produto, e, caso determinado produto faça parte desta
definição, haverá a possibilidade da escolha e preenchimento deste metadado no
carrinho.
Um exemplo da utilização desta funcionalidade é a escolha de uma mensagem para
embalagem de presente. Na definição de produtos que contém a embalagem,
selecionamos o metadado criado do tipo personalizado. Ao escolher uma embalagem
agora, será possível cadastrar uma mensagem que acompanhará o presente.
* Limitação: Ao ser comprado um item com uma personalização e aumentar a
quantidade, não será possível escolher uma personalização diferente para cada um.
Exemplo: Um item com duas unidades e duas embalagens terão, necessariamente, a
mesma mensagem para presente.
Personalizações em itens do pedidoVersão 1.11
1. Sistema Administrativo
1.1. Cadastrando o metadado
Primeiramente devemos cadastrar o metadado do tipo personalização
Instalação / Ativação
Personalizações em itens do pedidoVersão 1.11
No painel do sistema administrativo:
Configs > Metadados
Instalação / Ativação
1.1. Cadastrando o metadado
Atenção para duas propriedades que devem ser marcadas obrigatoriamente.
Entidade: “Produtos“ e marcar a opção: “Utilizar para personalizações”.
Personalizações em itens do pedidoVersão 1.11
1.2. Sistema Administrativo – Selecionando o metadado na definição de produtos
Instalação / Ativação
Personalizações em itens do pedidoVersão 1.11
No painel do sistema administrativo:
Catálogo > Definição de produtos
Aqui devemos arrastar na definição de produtos os metadados que queremos
utilizar para personalização. Podemos cadastrar uma nova definição ou editar uma
existente, conforme a necessidade.
1.2. Sistema Administrativo – Selecionando o metadado na definição de produtos
Instalação / Ativação
Personalizações em itens do pedidoVersão 1.11
No painel do sistema administrativo:
Catálogo > Definição de produtos
Dentro da definição, vemos a seção “Personalizações”. Todos os metadados cadastrados
como personalizações serão listados na aba “Disponíveis”. Basta arrastarmos até a aba
“Selecionados” e clicarmos em “Salvar”. A partir deste momento inicia-se uma replicação
dos produtos desta definição e, ao seu término, os produtos desta definição terão essa
opção disponível no carrinho.
Utilização
Personalizações em itens do pedidoVersão 1.11
1. Site
1.1. Inserção no carrinho
Com as personalizações configuradas, elas estarão disponíveis no carrinho. Nesse exemplo, o
produto que faz parte da definição é a embalagem. Ao marcar a mesma, será possível cadastrar uma
mensagem personalizada.
Digite a nova mensagem e
clique em enviar.
Utilização
Personalizações em itens do pedidoVersão 1.11
Digite a nova mensagem e
clique em enviar.
1.2. Atualização/Remoção no carrinho
É possível editar e remover a personalização cadastrada
Utilização
Personalizações em itens do pedidoVersão 1.11
1.3. A mensagem fica visível no resumo da compra
Utilização
Personalizações em itens do pedidoVersão 1.11
1.4. A mensagem fica visível também na confirmação do pagamento e no painel do
cliente.
Utilização
Personalizações em itens do pedidoVersão 1.11
2. Admin
2.1. No detalhe do pedido dentro do admin, é possível visualizar também a
personalização.
INTEGRAÇÃO COM O FINDMYPACK
Release Notes Versão 1.1 NOVO
Conteúdo
 Apresentação
 Instalação / Ativação
1. Sistema Administrativo
1.1. Configurando os dados
1.2. Configurando um fluxo
 Utilização
Versão 1.11 Integração com o FindMyPack
Apresentação
A integração possibilitará incluir a um workflow a tarefa de envio automático das
informações de um pacote(PAC ou Sedex) para os serviços da FindMyPack. Também
será possível sinalizar através de uma tag os pedidos já enviados.
Integração com o FindMyPackVersão X.XX
1. Sistema Administrativo
Por se tratar de um plugin, é necessário solicitar a ativação do mesmo.
1.1. Configurando os dados
Após o plugin estar habilitado, estará disponível no menu “Integrações” a
opção “Configurar FindMyPack (Plugin)”.
Instalação / Ativação
Integração com o FindMyPackVersão 1.11
No painel do sistema administrativo:
Integrações-> Configurar FindMyPack (Plugin)
As configurações podem ser feitas por grupo de configurações e deverão conter
obrigatoriamente o token fornecido pela FindMyPack. É possível também inserir o
alias de uma tag préviamente criada para que ao final do envio, no caso de sucesso,
seja vinculada ao pedido.
Instalação / Ativação
Integração com o FindMyPackVersão 1.11
1.2. Configurando um fluxo
Ao criar ou editar as tarefas de um fluxo, estará disponível a opção “(FindMyPack)
Enviar código de rastreio para a FindMyPack”
Instalação / Ativação
Integração com o FindMyPackVersão 1.11
Utilização
Integração com o FindMyPackVersão 1.11
O único meio de utilização é dentro de um fluxo, como mostrado anteriormente.
Dependendo do fluxo escolhido, este poderá ser executado manualmente ou através
de uma tarefa agendada.
MELHORIA NA LISTAGEM DE
PEDIDOS
Release Notes Versão 1.1 MELHORIA
Conteúdo
 Apresentação
 Utilização
1. Admin
Versão 1.11 Melhoria na Listagem de Pedidos
Apresentação
A listagem de pedidos é uma das funcionalidades mais utilizada pelos lojistas no
sistema administrativo. Esta funcionalidade é dinâmica, pois possui filtros de diversas
formas e basicamente tem ligação com quase todas as entidades relacionadas aos
pedidos (clientes, meios de pagamento, meios de entrega, etc.), o que dependendo do
volume de informações começou a apresentar gradativamente uma lentidão ao ser
utilizada.
Desta forma foi realizada uma melhoria estrutural que permitirá pesquisas mais
rápidas com a mesma quantidade de informações e filtros já existente no sistema.
Melhoria na Listagem de PedidosVersão 1.11
1. Admin
Acessar a listagem de pedidos:
Utilização
Melhoria na Listagem de PedidosVersão 1.11
No painel do sistema administrativo:
BackOffice -> Pedidos
NOVOS EFEITOS NAS FOTOS DAS
GALERIAS
Release Notes Versão 1.1 NOVO
MELHORIA
Conteúdo
 Apresentação
 Instalação / Ativação
1. Sistema Administrativo
 Utilização
1. Loja
Versão 1.11 Novos Efeitos nas Fotos das Galerias
Apresentação
Na galeria de produtos, quando estiver usando a troca de imagens do produto ao
passar o mouse o cliente tem a possibilidade de usar uma animação para esta troca.
Versão 1.11 Novos Efeitos nas Fotos das Galerias
1. Sistema Administrativo
Achando o arquivo.
Instalação / Ativação
No painel do sistema administrativo:
1. Aparência -> Gerenciador de arquivos
2. No gerenciador de arquivos procure por seu arquivo que mostra as informações na
listagem, geralmente é o “product_line.template” na pasta do tema
Versão 1.11 Novos Efeitos nas Fotos das Galerias
1. Sistema Administrativo
Achando o código do widget no template.
Instalação / Ativação
No arquivo aberto na direta:
1. Procure por “product_line_medias”
2. Você verá vários atributos, provavelmente eles podem estar em uma linha, abaixo
tem uma visualização melhor.
Versão 1.11 Novos Efeitos nas Fotos das Galerias
1. Sistema Administrativo
Atributo “HoverImage”
Instalação / Ativação
O atributo HoverImage aceita 2 valores, true ou false, caso true ele irá fazer a troca
de imagens quando o usuário passar o mouse por cima da foto.
Versão 1.11 Novos Efeitos nas Fotos das Galerias
1. Sistema Administrativo
Atributo “LazyLoad”
Instalação / Ativação
O atributo LazyLoad aceita 2 valores, true ou false, caso true ele irá fazer o
carregamento da imagem de acordo com a necessidade de cada cliente, fazendo
com que o site não fique pesado para carregar.
Versão 1.11 Novos Efeitos nas Fotos das Galerias
1. Sistema Administrativo
Atributo “Effect”
Instalação / Ativação
O atributo Effect são os efeitos que o cliente pode colocar para a transição das fotos, temos 3 tipos de
efeitos, mas podem ser criados outros efeitos com CSS3 e colocar neste atributo, o nome do atributo é a
classe das imagens.
Temos os seguintes efeitos:
• Omitir para nenhum efeito
• fade
• fade-scale
• horizontal-in-out
• flip-card-horizontal
Versão 1.11 Novos Efeitos nas Fotos das Galerias
Utilização na loja
Sem efeito
Versão 1.11 Novos Efeitos nas Fotos das Galerias
fade fade-scale horizontal-in-out flip-card-horizontal

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Release Notes - Versao 40002
Release Notes - Versao 40002Release Notes - Versao 40002
Release Notes - Versao 40002
 
Release notes - Versão 40002
Release notes - Versão 40002Release notes - Versão 40002
Release notes - Versão 40002
 
Release Notes Versão 2.18
Release Notes Versão 2.18Release Notes Versão 2.18
Release Notes Versão 2.18
 
Release Notes Versão 2.17
Release Notes Versão 2.17Release Notes Versão 2.17
Release Notes Versão 2.17
 
Release Notes Versao 2.15
Release Notes Versao 2.15Release Notes Versao 2.15
Release Notes Versao 2.15
 
Release Notes Versao 2.16
Release Notes Versao 2.16Release Notes Versao 2.16
Release Notes Versao 2.16
 
Release Notes Versao 2.12
Release Notes Versao 2.12Release Notes Versao 2.12
Release Notes Versao 2.12
 
Release Notes Versao 2.7
Release Notes Versao 2.7Release Notes Versao 2.7
Release Notes Versao 2.7
 
Versão 35481
Versão 35481Versão 35481
Versão 35481
 
Versao 35481
Versao 35481Versao 35481
Versao 35481
 
Documentação Fusiontrak - Cadastro de Produtos
Documentação Fusiontrak - Cadastro de ProdutosDocumentação Fusiontrak - Cadastro de Produtos
Documentação Fusiontrak - Cadastro de Produtos
 
Versao 36058
Versao 36058Versao 36058
Versao 36058
 
Versão 36058
Versão 36058Versão 36058
Versão 36058
 
Versao 34944
Versao 34944Versao 34944
Versao 34944
 
Versão 1.56
Versão 1.56Versão 1.56
Versão 1.56
 
Release Notes Versao 2.11
Release Notes Versao 2.11Release Notes Versao 2.11
Release Notes Versao 2.11
 
Release Notes Versao 2.5
Release Notes Versao 2.5Release Notes Versao 2.5
Release Notes Versao 2.5
 
Release Notes Versao 2.10
Release Notes Versao 2.10Release Notes Versao 2.10
Release Notes Versao 2.10
 
Versão 1.84
Versão 1.84Versão 1.84
Versão 1.84
 
Versão 1.74
Versão 1.74Versão 1.74
Versão 1.74
 

Andere mochten auch (20)

Versao 29993
Versao 29993Versao 29993
Versao 29993
 
Versao 35880
Versao 35880Versao 35880
Versao 35880
 
Release Notes - Versão 38991
Release Notes - Versão 38991Release Notes - Versão 38991
Release Notes - Versão 38991
 
Release Notes Versao 2.3.1.Mobile
Release Notes Versao 2.3.1.MobileRelease Notes Versao 2.3.1.Mobile
Release Notes Versao 2.3.1.Mobile
 
Versao 28964
Versao 28964Versao 28964
Versao 28964
 
Release Notes Versao 2.6
Release Notes Versao 2.6Release Notes Versao 2.6
Release Notes Versao 2.6
 
Release Notes Versao 2.4
Release Notes Versao 2.4Release Notes Versao 2.4
Release Notes Versao 2.4
 
Versao 32055
Versao 32055Versao 32055
Versao 32055
 
Versao 30634
Versao 30634Versao 30634
Versao 30634
 
Versao 33036
Versao 33036Versao 33036
Versao 33036
 
Versao 29389
Versao 29389Versao 29389
Versao 29389
 
Versao 33895
Versao 33895Versao 33895
Versao 33895
 
Versao 28668
Versao 28668Versao 28668
Versao 28668
 
Versao 35880
Versao 35880Versao 35880
Versao 35880
 
Versao 28417
Versao 28417Versao 28417
Versao 28417
 
Release Notes Versao 2.3
Release Notes Versao 2.3Release Notes Versao 2.3
Release Notes Versao 2.3
 
Release Notes - Versao 38497
Release Notes - Versao 38497Release Notes - Versao 38497
Release Notes - Versao 38497
 
Versao 31320
Versao 31320Versao 31320
Versao 31320
 
Recursos de seo
Recursos de seoRecursos de seo
Recursos de seo
 
Release Notes - Versao 1 10
Release Notes - Versao 1 10Release Notes - Versao 1 10
Release Notes - Versao 1 10
 

Ähnlich wie Informações das variações na listagem

Release notes - Versão 110
Release notes - Versão 110Release notes - Versão 110
Release notes - Versão 110Plataforma CORE
 
Magento - PHPSC Conf 2010
Magento - PHPSC Conf 2010Magento - PHPSC Conf 2010
Magento - PHPSC Conf 2010Filipe Ibaldo
 
20230804_266_ClubServicenow_Catalog.pdf
20230804_266_ClubServicenow_Catalog.pdf20230804_266_ClubServicenow_Catalog.pdf
20230804_266_ClubServicenow_Catalog.pdfTiago Macul
 
Oracle iStore - Apresentação 2016
Oracle iStore - Apresentação 2016Oracle iStore - Apresentação 2016
Oracle iStore - Apresentação 2016luisfcs_br
 
Integração da plataforma Core com Trustvox
Integração da plataforma Core com TrustvoxIntegração da plataforma Core com Trustvox
Integração da plataforma Core com TrustvoxCleyton Messias
 
eCommerce SEO - Guia Completo para o SEO da Sua Loja Virtual
eCommerce SEO - Guia Completo para o SEO da Sua Loja VirtualeCommerce SEO - Guia Completo para o SEO da Sua Loja Virtual
eCommerce SEO - Guia Completo para o SEO da Sua Loja VirtualFabio Ricotta
 
15º EDTED, Rio de Janeiro - Magento
15º EDTED, Rio de Janeiro - Magento15º EDTED, Rio de Janeiro - Magento
15º EDTED, Rio de Janeiro - MagentoAdriano Aguiar
 
Magento: a ferramenta e suas possibilidades para o e-commerce
Magento: a ferramenta e suas possibilidades para o e-commerceMagento: a ferramenta e suas possibilidades para o e-commerce
Magento: a ferramenta e suas possibilidades para o e-commerceAdriano Aguiar
 
Slide 06 adicionando produtos e mostrando produto selecionado
Slide 06    adicionando produtos e mostrando produto selecionadoSlide 06    adicionando produtos e mostrando produto selecionado
Slide 06 adicionando produtos e mostrando produto selecionadoRaniere de Lima
 
Upgrade da Plataforma VTEX Commerce Suite – Edição Out/Nov 2012
Upgrade da Plataforma VTEX Commerce Suite – Edição Out/Nov 2012Upgrade da Plataforma VTEX Commerce Suite – Edição Out/Nov 2012
Upgrade da Plataforma VTEX Commerce Suite – Edição Out/Nov 2012VTEX
 

Ähnlich wie Informações das variações na listagem (20)

Release notes - Versão 110
Release notes - Versão 110Release notes - Versão 110
Release notes - Versão 110
 
Versão 34944
Versão 34944 Versão 34944
Versão 34944
 
Magento - PHPSC Conf 2010
Magento - PHPSC Conf 2010Magento - PHPSC Conf 2010
Magento - PHPSC Conf 2010
 
20230804_266_ClubServicenow_Catalog.pdf
20230804_266_ClubServicenow_Catalog.pdf20230804_266_ClubServicenow_Catalog.pdf
20230804_266_ClubServicenow_Catalog.pdf
 
Versão 1.88
Versão 1.88Versão 1.88
Versão 1.88
 
Oracle iStore - Apresentação 2016
Oracle iStore - Apresentação 2016Oracle iStore - Apresentação 2016
Oracle iStore - Apresentação 2016
 
Versão 1.90
Versão 1.90Versão 1.90
Versão 1.90
 
Integração da plataforma Core com Trustvox
Integração da plataforma Core com TrustvoxIntegração da plataforma Core com Trustvox
Integração da plataforma Core com Trustvox
 
eCommerce SEO - Guia Completo para o SEO da Sua Loja Virtual
eCommerce SEO - Guia Completo para o SEO da Sua Loja VirtualeCommerce SEO - Guia Completo para o SEO da Sua Loja Virtual
eCommerce SEO - Guia Completo para o SEO da Sua Loja Virtual
 
15º EDTED, Rio de Janeiro - Magento
15º EDTED, Rio de Janeiro - Magento15º EDTED, Rio de Janeiro - Magento
15º EDTED, Rio de Janeiro - Magento
 
Magento: a ferramenta e suas possibilidades para o e-commerce
Magento: a ferramenta e suas possibilidades para o e-commerceMagento: a ferramenta e suas possibilidades para o e-commerce
Magento: a ferramenta e suas possibilidades para o e-commerce
 
Versão 1.92
Versão 1.92Versão 1.92
Versão 1.92
 
Slide 06 adicionando produtos e mostrando produto selecionado
Slide 06    adicionando produtos e mostrando produto selecionadoSlide 06    adicionando produtos e mostrando produto selecionado
Slide 06 adicionando produtos e mostrando produto selecionado
 
Versão 1.64
Versão 1.64Versão 1.64
Versão 1.64
 
O que é Magento?
O que é Magento?O que é Magento?
O que é Magento?
 
Versão 1.52
Versão 1.52Versão 1.52
Versão 1.52
 
Upgrade da Plataforma VTEX Commerce Suite – Edição Out/Nov 2012
Upgrade da Plataforma VTEX Commerce Suite – Edição Out/Nov 2012Upgrade da Plataforma VTEX Commerce Suite – Edição Out/Nov 2012
Upgrade da Plataforma VTEX Commerce Suite – Edição Out/Nov 2012
 
Versão 1.38
Versão 1.38Versão 1.38
Versão 1.38
 
Versao 1.70
Versao 1.70Versao 1.70
Versao 1.70
 
Treinamento magento 2
Treinamento magento 2Treinamento magento 2
Treinamento magento 2
 

Mehr von Plataforma CORE

Release Notes Versão 2.23
Release Notes Versão 2.23Release Notes Versão 2.23
Release Notes Versão 2.23Plataforma CORE
 
Release Notes Versão 2.22
Release Notes Versão 2.22Release Notes Versão 2.22
Release Notes Versão 2.22Plataforma CORE
 
Release Notes Versão 2.20
Release Notes Versão 2.20Release Notes Versão 2.20
Release Notes Versão 2.20Plataforma CORE
 
Release Notes Versao 2.14
Release Notes Versao 2.14Release Notes Versao 2.14
Release Notes Versao 2.14Plataforma CORE
 
Release Notes Versao 2.13
Release Notes Versao 2.13Release Notes Versao 2.13
Release Notes Versao 2.13Plataforma CORE
 
Release Notes Versao 2.9
Release Notes Versao 2.9Release Notes Versao 2.9
Release Notes Versao 2.9Plataforma CORE
 

Mehr von Plataforma CORE (7)

Listas de Recursos
Listas de RecursosListas de Recursos
Listas de Recursos
 
Release Notes Versão 2.23
Release Notes Versão 2.23Release Notes Versão 2.23
Release Notes Versão 2.23
 
Release Notes Versão 2.22
Release Notes Versão 2.22Release Notes Versão 2.22
Release Notes Versão 2.22
 
Release Notes Versão 2.20
Release Notes Versão 2.20Release Notes Versão 2.20
Release Notes Versão 2.20
 
Release Notes Versao 2.14
Release Notes Versao 2.14Release Notes Versao 2.14
Release Notes Versao 2.14
 
Release Notes Versao 2.13
Release Notes Versao 2.13Release Notes Versao 2.13
Release Notes Versao 2.13
 
Release Notes Versao 2.9
Release Notes Versao 2.9Release Notes Versao 2.9
Release Notes Versao 2.9
 

Informações das variações na listagem

  • 2. Veja algumas melhorias e novidades da versão 1.11: Vitrine contextualizada de produtos mais vendidos Integração PayU Informações das variações de um produto na listagem Gaste X e Ganhe um Brinde Colocar no carrinho em modal Recomendação automática para venda casada de produtos Listas de desejo, casamento, etc.. Personalizações em itens do pedido Integração FindMyPack Melhoria na Listagem de Pedidos Novos Efeitos nas Fotos das Galerias NOVO NOVO NOVO NOVO NOVO NOVO NOVO MELHORIA MELHORIA NOVO NOVO
  • 3. VITRINE CONTEXTUALIZADA DE PRODUTOS MAIS VENDIDOS Release Notes Versão 1.1 NOVO
  • 4. Conteúdo  Apresentação  Instalação / Ativação 1. Sistema Administrativo 1.1. Escolhendo a Rota (estrutura de site) 1.2. Escolhendo o Template 1.3. Selecionando o Widget 1.4. Configurando o Widget  Utilização 1. Navegação do Usuário Versão 1.11 Vitrine contextualizada de produtos mais vendidos
  • 5. Apresentação Exibição dos produtos mais vendidos em uma vitrine contextualizada por categoria, marca, lista de produtos, flags e/ou metadados. Será também possível fixar a exibição de uma categoria, marca, lista de produtos, flag ou metadados na vitrine de produtos . O número de produtos exibidos por padrão na vitrine serão 4 produtos, mas esse valor pode ser alterado pelo administrador do sistema. Também poderão ser configurado para exibição somente os produtos disponíveis em estoque, além de ser possível definir uma ordenação padrão para a vitrine e um facetamento específico. Vitrine contextualizada de produtos mais vendidosVersão 1.11
  • 6. 1. Sistema Administrativo Através do menu “Aparência” opção “Configurar design” é possível adicionar a vitrine contextualizada ao site. 1.1. Escolhendo a rota Dentro da página “Estrutura do Site” que irá abrir, selecione a rota onde a vitrine será adicionada. Instalação / Ativação Vitrine contextualizada de produtos mais vendidosVersão 1.11 No painel do sistema administrativo: Aparência -> Configurar design
  • 7. Instalação / Ativação 1.2. Escolhendo o template A partir da rota selecionada, defina agora em qual template será adicionada a vitrine contextualizada. Vitrine contextualizada de produtos mais vendidosVersão 1.11
  • 8. 1.3. Selecionando o widget Procure pelo widget “Lista de Produtos Contextualizada”, arraste-o para a área a direita e clique em “Configurações”. Instalação / Ativação Vitrine contextualizada de produtos mais vendidosVersão 1.11
  • 9. Instalação / Ativação 1.4. Configurando o widget Vitrine contextualizada de produtos mais vendidosVersão 1.11
  • 10. Instalação / Ativação 1.4. Configurando o widget As principais configurações do widget de vitrine contextualizada são as seguintes: • Contexto da lista de produtos: define qual o contexto que será utilizada para a vitrine. As seguintes opções estão disponíveis: – (Contextual): identifica e exibe os produtos conforme o contexto de navegação do usuário. Nesse caso, o valor do contexto não precisa ser informado. – Marca: define que serão exibidos os produtos de uma marca específica. Para isso deve-se informar o identificador da marca no valor do contexto. – Categoria: define que serão exibidos os produtos de uma categoria específica. Para isso deve-se informar o identificador da categoria no valor do contexto. – Lista de Produtos: define que serão exibidos os produtos de uma lista específica. Para isso deve-se informar o identificador da lista de produtos no valor do contexto. – Flag: define que serão exibidos os produtos de uma flag específica. Para isso deve-se informar o identificador da flag no valor do contexto. Vitrine contextualizada de produtos mais vendidosVersão 1.11
  • 11. Instalação / Ativação 1.4. Configurando o widget – Metadado: define que serão exibidos os produtos de um metadado específico. Para isso deve-se informar o metadado no formato “nome da propriedade;valor”, por exemplo “cor;azul”, no valor do contexto. – Pesquisa: define que serão exibidos os produtos pesquisando pelos valores definidos no campo “valor do contexto”. • Valor do contexto: define qual o contexto específico que será invocado, conforme explicado no item anterior. • Ordenação: define a ordenação padrão para a lista de produtos que será exibida na vitrine. Vitrine contextualizada de produtos mais vendidosVersão 1.11
  • 12. Utilização Vitrine contextualizada de produtos mais vendidosVersão 1.11 1. Navegação do usuário na loja As páginas onde a vitrine contextualizada foi inserida exibirão os produtos conforme a configuração realizada na administração. Caso a configuração seja “contextual”, o site identificará o contexto e exibirá os respectivos produtos.
  • 13. INTEGRAÇÃO COM GATEWAY PAYU Release Notes Versão 1.1 NOVO
  • 14. Conteúdo  Apresentação  Instalação / Ativação 1. Gateway PayU 2. Sistema Administrativo 1.1. Como Configurar 1.2. Campos Disponíveis  Utilização 1. Loja Versão 1.11 Integração com Gateway PayU
  • 15. Apresentação Integração com o gateway de pagamento PayU. Oferece a possibilidade de pagamento com cartão de crédito e boleto: • Cartões: – Visa – MasterCard – HiperCard – Elo – Diners – American Express • Boleto: – Boleto PayU Importante: A PayU requer o envio do valor da compra SEM juros. Por isso, você deve configurar a taxa de juros no nosso painel administrativo e no painel da PayU. Integração com Gateway PayUVersão 1.11
  • 16. 1. Gateway PayU Você deve possuir uma conta e um contrato com a PayU. Para mais informações: http://www.payulatam.com/brasil/ Instalação / Ativação Integração com Gateway PayUVersão 1.11
  • 17. 2. Sistema Administrativo A configuração dos dados do PayU estará disponível na listagem de meios de pagamento: Instalação / Ativação Integração com Gateway PayUVersão 1.11 No painel do sistema administrativo: Configs-> Meios de Pagamento
  • 18. Instalação / Ativação 1.1. Como Configurar: Preencher os campos disponíveis nos dados de integração do gateway: Integração com Gateway PayUVersão 1.11
  • 19. 1.2. Campos disponíveis: • Utilizar pré-autorização: determina que a transação necessitará de uma análise antes da captura. Caso esteja desmarcado, a captura será automática após a autorização. • Habilitar modo teste: as transações irão ser tratadas como testes. Também deverá ser alterada a Url do Webservice e a Url do Webservice de consulta para a url de homologação. – Urls de homologação • Normal: https://stg.api.payulatam.com/payments-api/4.0/service.cgi • Consulta: https://stg.api.payulatam.com/reports-api/4.0/service.cgi – Urls de produção • Normal: https://api.payulatam.com/payments-api/4.0/service.cgi • Consulta: https://api.payulatam.com/reports-api/4.0/service.cgi Instalação / Ativação Integração com Gateway PayUVersão 1.11
  • 20. • Os campos “Id Comércio”, “Id Conta”, “API Login” e “API Key” são obrigatórios e devem ser consultados no painel da PayU. • O campo “Identificador do parceiro”, é fixo e não precisa ser fornecido. • No campo “Dias para expiração”, especifique o número de dias para a expiração do boleto, caso haja a utilização do mesmo. Instalação / Ativação Integração com Gateway PayUVersão 1.11
  • 21. Utilização Integração com Gateway PayUVersão 1.11 1. Loja: Na loja os meios de pagamento serão apresentados normalmente, deixando o processo transparente para o cliente final.
  • 22. INFORMAÇÕES DAS VARIAÇÕES DE UM PRODUTO NA LISTAGEM Release Notes Versão 1.1 NOVO
  • 23. Conteúdo  Apresentação  Widget Product Line Media:  Instalação / Ativação 1. Sistema Administrativo 1.1. Configurando o produto  Utilização  Widget Product Line Media Variations:  Instalação / Ativação 1. Sistema Administrativo 1.1. Configurando o produto  Utilização Versão 1.11 Informações das variações de um produto na listagem
  • 24. Apresentação Esta funcionalidade tem como objetivo apresentar as informações das variações de um produto nas listagens e vitrines da loja com as seguintes opções:  Apresentação das opções de variação: Ex: cor, tamanho  Apresentação das disponibilidades das variações / subvariações  Apresentação das mídias das variações Para isto foram criados/alterados os seguintes widgets do site:  Widget Product Line Media:  Widget Product Line Media Variations: Informações das variações de um produto na listagemVersão 1.11
  • 25. Widget Product Line Media Atualização do Widget Product Line Media, incrementa novas funcionalidades visuais como: 1. Troca da imagem quando o cursor estiver sobre ele. 2. Efeitos de transição durante a troca da imagem. 3. Mostrar as subvariações do produto. 4. Mostrar um indicador da navegação dentro das imagens do produto. Como padrão o Widget mostra apenas a primeira imagem mídia para o produto. Informações das variações de um produto na listagemVersão 1.11
  • 26. 1. Sistema Administrativo O Widget é ativado por código no arquivo product.line.template. 1.1. Exemplo ou Instalação / Ativação (Product Line Media) Informações das variações de um produto na listagemVersão 1.11 {% product_line_medias(HoverImage=true,LazyLoad=true,Effect="flip-card- horizontal",SizeType="Small",StopOnSwap=true,Delay=800,MaxChange=1,ShowS ubVariations=true,ShowPagination=3,Truncate=2) %} {% product_line_medias() %}
  • 27. Instalação / Ativação (Product Line Media) 1. Sistema Administrativo 1.2. Parâmetros • HoverImage (boolean): Habilita a troca de imagem com o cursor. • LazyLoad (boolean): Carrega as imagens de forma assíncrona. • Effect (string): Define o efeito de transição na troca de imagem (fade, fade-scale, horizontal-in-out, flip-card-horizontal). • SizeType (string): Tamanho da imagem utilizada na lista (Small, Medium, Large, ...) • StopOnSwap (boolean): Troca de imagem apenas uma vez quando o curso entra e uma vez quando o cursor sai. • Delay (integer): Milissegundos entre cada transição. • MaxChange (integer): Tamanho da lista de imagens utilizadas nas trocas. • ShowSubVariations (boolean): Mostra as subvariações do produto (2º nível de variação). • ShowPaginator (integer): Ativa e determina quantas imagens é mostrada por página. • Truncate: Tamanho do texto par variação (vazio=255). Versão 1.11 Informações das variações de um produto na listagem
  • 28. Instalação / Ativação (Product Line Media) 2. Configurando o produto Regras: 1. O produto deve ter mídias cadastradas. Informações das variações de um produto na listagemVersão 1.11
  • 29. Utilização (Product Line Media) Informações das variações de um produto na listagemVersão 1.11 1. Em uma lista de produtos, quando o Widget estiver habilitado as variações serão apresentadas como mostrado na imagem 1. 2. Quando o cursor se posicionar sobre a image: 1. A imagem muda quando o parâmetro HoverImage for true. 2. Troca apenas uma vez quando StopOnSwap for true. 3. Mostra as subvariações como na imagem 2 quando ShowSubVariations for true. 4. Mostra a paginação quando como na imagem 3 quando ShowPaginator for maior que 0. 2 3 1
  • 30. Customização (Product Line Media) • Classes de customização do CSS – Item de Subvatiação • Lista: product-line-subvariation • Item: subvariation-item • Navegador: variation-paginator • Variação desabilidata: is-not-purchasable Versão 1.11 Informações das variações de um produto na listagem
  • 31. Widget Product Line Media Variations O novo widget Product Line Media Variations, tem a função de mostrar as imagens das variações disponíveis para o produto dentro de uma lista, e alterar a imagem mostrada no bloco do produto quando o cursor navegar sobre os itens desta lista de variações. Como padrão o widget mostra as imagens configuradas para o produto, mas também permite que possam ser apresentadas as cores configuradas nos metadados. Informações das variações de um produto na listagemVersão 1.11
  • 32. 1. Sistema Administrativo O Widget é ativado por código no arquivo product.line.template, preferencialmente logo após a chamada do Widget product_line_media(). Exemplo: Parâmetros: LoadOptions (Padrão é false): Quando true ignora os arquivos de Mídia e mostra apenas as variações configuradas no metadados. ShowPagination (integer): Items por página quando false, não faz paginação. ChangeOn (string): Define a forma como muda as imagens (click, ou mouseover). Instalação / Ativação (Product Line Media Variations) Informações das variações de um produto na listagemVersão 1.11 {% product_line_medias_variations(LoadOptions=false,ShowPagination=2,ChangeOn='click') %}
  • 33. Instalação / Ativação (Product Line Media Variations) 1.1. Configurando o produto Regras: 1. O Widget somente irá aparecer em produtos com um uma ou mais variações. 2. Somente a primeira variação irá aparecer entre as opções. 3. Variações sem Mídia será mostrado com as informações do Metadados na ordem da Imagem e Cor. Informações das variações de um produto na listagemVersão 1.11
  • 34. Instalação / Ativação (Product Line Media Variations) Informações das variações de um produto na listagemVersão 1.11 1.1. Configurando o produto Regras: 4. Quando o parâmetro LoadOptions esta true o Widget ignora as Medias e mostra as variações configuradas no metadados. Configs > Metadados Configs > Metadados > Cor > Opções > Amarelo
  • 35. Utilização (Product Line Media Variations) Informações das variações de um produto na listagemVersão 1.11 1. Em uma lista de produtos, quando o Widget estiver habilitado as variações serão apresentadas como mostrado na imagem ao lado. 2. Quando o cursor se posicionar sobre uma das variações: 1. A imagem maior muda para a mídia configurada para a variação. 2. Quando configurado no Widget product_line_media para mostrar as opções de sub-variações (Ex: P,M,G) , a variação também define um CSS para estas sub- variações que não estão disponíveis. 3. O preço do produto muda de acordo com a variação selecionada.
  • 36. PROMOÇÃO DE BRINDE POR FAIXA DE VALOR NO CARRINHO Release Notes Versão 1.1 NOVO
  • 37. Conteúdo  Apresentação  Instalação / Ativação 1. Sistema Administrativo 1.1. Escolhendo o tipo de promoção 1.2. Escolhendo a promoção a ser configurada 1.3. Configurando a promoção, dados básicos 1.4. Configurando a promoção, condições e benefícios 1.5. Configurando a promoção, exemplo  Utilização 1. Loja, carrinho, cliente selecionando o brinde 2. Loja, brinde selecionado automaticamente Versão 1.11 Promoção de brinde por faixa de valor no carrinho
  • 38. Apresentação Promoção “Gaste X e ganhe um brinde" com faixas de valor, cada faixa de valor irá oferecer produtos específicos de uma lista de produtos. Os brindes serão selecionados no carrinho de compras e serão apresentados de acordo com o valor do carrinho. A partir da faixa de valor será exibido um conjunto de produtos associados as faixas. Será possível escolher o valor, em percentual, que será aplicado de desconto ao brinde escolhido. O valor padrão de desconto será 100%. Sendo, possível mudar este valor conforme escolha do administrador. Este tipo de promoção não é cumulativa, o cliente sempre terá somente 1 brinde no seu carrinho. Não conseguirá adicionar item abaixo da faixa atual e também não poderá selecionar itens da faixa acima da atual. Promoção de brinde por faixa de valor no carrinhoVersão 1.11
  • 39. 1. Sistema Administrativo Através do menu “Marketing” opção “Promoções” é possível adicionar este novo tipo de promoção. Na listagem de todas as promoções terá o botão “Adicionar Promoção”. Instalação / Ativação Promoção de brinde por faixa de valor no carrinhoVersão 1.11 No painel do sistema administrativo: Marketing-> Promoções
  • 40. Instalação / Ativação 1.1. Escolhendo o tipo de promoção Esta promoção é do tipo “Promoção em Pedidos”. Promoção de brinde por faixa de valor no carrinhoVersão 1.11
  • 41. 1.2. Escolhendo a promoção a ser configurada Instalação / Ativação Promoção de brinde por faixa de valor no carrinhoVersão 1.11
  • 42. Instalação / Ativação 1.3. Configurando a promoção, dados básicos Os dados básicos para serem configurados estão na aba “Dados Gerais”. Promoção de brinde por faixa de valor no carrinhoVersão 1.11
  • 43. Instalação / Ativação 1.4. Configurando a promoção, condições e benefícios Na aba “Condições e Benefícios” é onde se configura os dados para serem aplicados na promoção. Neste item é onde poderão ser adicionadas as faixas de valor, o percentual aplicado de desconto no produto escolhido e qual a lista de produtos irá participar da faixa de valor criada. Existem dois tipos de faixa, por valor ou por quantidade, na primeira opção pode ser definida a faixa em “R$”. Na faixa por quantidade se define a quantidade de itens no carrinho. Para cada faixa deve se escolher uma lista de produtos, é importante verificar que a lista deve ser pública. Promoção de brinde por faixa de valor no carrinhoVersão 1.11
  • 44. Instalação / Ativação 1.5. Configurando a promoção, exemplo Promoção de brinde por faixa de valor no carrinhoVersão 1.11 Exemplo de configuração
  • 45. Utilização Promoção de brinde por faixa de valor no carrinhoVersão 1.11 As faixas irão aparecer abaixo dos itens do carrinho. 1. Loja, carrinho, cliente selecionando o brinde Na loja, quando o cliente colocar um item no carrinho serão verificadas as faixas configuradas. Se o carrinho atingir o valor mínimo da primeira faixa na promoção, então serão mostradas as faixas configuradas para o cliente selecionar o brinde.
  • 46. Utilização Promoção de brinde por faixa de valor no carrinhoVersão 1.11 Brinde adicionado e desconto aplicado. 2. Loja, brinde selecionado automaticamente Se a faixa de valor tiver somente um brinde, este brinde será adicionado automaticamente ao carrinho. As faixas irão aparecer abaixo dos itens do carrinho.
  • 47. COLOCAR NO CARRINHO EM MODAL (IR PARA O CARRINHO OU CONTINUAR COMPRANDO) Release Notes Versão 1.1 NOVO
  • 48. Conteúdo  Apresentação  Instalação / Ativação 1. Sistema Administrativo 1.1. Exemplo 1.2. Parâmetros 2. Configurando o produto  Utilização Versão 1.11 Colocar no carrinho em modal
  • 49. Apresentação Ao clicar no botão de compra, uma modal com o carrinho é exibida. Algumas vantagens dessa funcionalidade: 1. Cliente permanece no detalhe do produto ou na listagem, não sendo redirecionado para a página do carrinho. 2. Permite atualizar seu carrinho (alterar quantidade e excluir produto). 3. Após ser exibida a modal, é possível que o cliente informe se deseja continuar comprando ou ser redirecionado para finalizar sua compra. Obs.: por padrão a modal não será exibida. Colocar no carrinho em modalVersão 1.11
  • 50. 1. Parâmetro no widget Product_Buy_Button() Na chamada do widget (detalhe do produto, por exemplo), informe o parâmetro: BasketInModal (valor default: false). 1.1. Exemplo Instalação / Ativação Colocar no carrinho em modalVersão 1.11 {% product_buy_button(BasketInModal=true) %}
  • 51. Utilização Colocar no carrinho em modalVersão 1.11 1. Em uma lista de produtos ou no detalhe do produto, quando o parâmetro BasketInModal estiver habilitado, ao clicar no botão comprar (imagem 1) a modal do carrinho será exibida (imagem 2). 1 2
  • 52. Utilização Colocar no carrinho em modalVersão 1.11 1. Na modal, será possível atualizar a quantidade e remover os itens do carrinho (imagem 1) 2. O cliente poderá selecionar entre “continuar comprando” e “finalizar compra” (imagem2), possibilitando a permanência na página ou ser redirecionado para o carrinho 1 2
  • 53. RECOMENDAÇÃO AUTOMÁTICA PARA VENDA CASADA DE PRODUTOS Release Notes Versão 1.1 NOVO
  • 54. Conteúdo  Apresentação  Instalação / Ativação 1. Sistema Administrativo 1.1. Edição do Produto 1.2. Definição da Lista de Recomendações 1.3. Configuração da Lista de Recomendações  Utilização 1. Recomendação de Produtos Versão 1.11 Recomendação automática para venda casada de produtos
  • 55. Apresentação Durante a compra no site, será possível exibir automaticamente uma lista de recomendações aleatórias, para que possa ser realizada uma venda casada de outros produtos para o usuário. Também poderá ser definida a quantidade de produtos que serão recomendados, bem como o número de produtos que serão automaticamente adicionados ao carrinho do usuário. Recomendação automática para venda casada de produtosVersão 1.11
  • 56. 1. Sistema Administrativo Através do menu “Catálogo” opção “Produto” é possível adicionar as recomendações automáticas para determinado produto. 1.1. Edição do Produto Na lista que será exibida, entre na edição do produto que deseja associar às listas de recomendações. Instalação / Ativação Recomendação automática para venda casada de produtosVersão 1.11
  • 57. Instalação / Ativação 1.2. Definição da Lista de Recomendações Na edição do produto, entre na aba “Associações”. Serão exibidas todas as associações previamente cadastradas na administração. Recomendação automática para venda casada de produtosVersão 1.11
  • 58. Instalação / Ativação 1.2. Definição da Lista de Recomendações Para cada associação existente, agora existirão duas possibilidades de vinculação: Lista de Produtos ou Produtos. A seleção “Produtos” continua com a mesma funcionalidade já existente atualmente, ou seja, vincular produtos específicos para serem recomendados no site. Recomendação automática para venda casada de produtosVersão 1.11
  • 59. Instalação / Ativação 1.2. Definição da Lista de Recomendações Na opção “Lista de Produtos”, poderá ser definida uma lista de produtos previamente cadastrada no sistema e vincular ao produto que está sendo editado. Caso seja do interesse, uma nova lista de produtos pode ser criada, clicando em “Adicionar Lista”. Recomendação automática para venda casada de produtosVersão 1.11
  • 60. Instalação / Ativação 1.3. Configuração da Lista de Recomendações Depois de selecionada uma lista de produtos, podemos configurar alguns parâmetros que impactarão a sua exibição no site. Para configurar a lista, clique sobre o link que contém o nome da lista. Recomendação automática para venda casada de produtosVersão 1.11
  • 61. Instalação / Ativação 1.3. Configuração da Lista de Recomendações Na tela que abrirá, clique sobre a aba “Configurações”. Poderá ser selecionada a ordenação padrão para exibição dos produtos e se os produtos sem estoque também devem ser exibidos. Para uma exibição aleatória dos produtos da lista, no campo de ordenação seleciona a opção “Aleatório”. Recomendação automática para venda casada de produtosVersão 1.11
  • 62. Instalação / Ativação 1.3. Configuração da Lista de Recomendações É possível definir também a quantidade de produtos que serão adicionados ao carrinho do usuário. Recomendação automática para venda casada de produtosVersão 1.11
  • 63. Utilização Recomendação automática para venda casada de produtosVersão 1.11 1. Recomendação de Produtos No site, ao entrar no detalhe de algum produto que tenha sido associado a uma lista de produtos, será exibida a recomendação. Caso a ordenação selecionada na administração seja aleatória, os produtos da lista serão randomicamente selecionados para serem exibidos.
  • 64. Utilização Recomendação automática para venda casada de produtosVersão 1.11 1. Recomendação de Produtos Ao concluir a compra clicando em “Compre Junto”, a quantidade de produtos para o produto randomicamente selecionado é no carrinho segue a configuração realizada na administração.
  • 65. LISTAS DE DESEJO, CASAMENTO ETC (PERMITIR A CRIAÇÃO DE LISTAS DE DESEJO AVANÇADAS: LISTA DE CASAMENTO, CHÁ DE LINGERIE, ETC) Release Notes Versão 1.1 NOVO
  • 66. Conteúdo  Apresentação  Instalação / Ativação 1. Sistema Administrativo 1.1. Definição de listas 1.2. Criação/Edição de definições de listas 1.3. Visualização das listas criadas 2. Site 1.1. Pesquisa de listas 1.2. Detalhes e lista de produtos de uma lista de desejo 3. Painel do Cliente 1.1. Grid com as listas criadas 1.2. Cadastro/edição de listas 1.3. Gerenciar produtos adicionados à lista 1.4. Compartilhar listas 1.5. Edição de listas 1.6. Exclusão de listas 1.7. Adicionar produtos à uma lista – Modo lista 1.8. Adicionar produtos à uma lista – Detalhe do produto Versão 1.11 Listas de desejo, casamento etc
  • 67. Apresentação • Permitir a criação e administração de listas de desejo, as quais poderão ser: - lista normal para um simples compartilhamento - lista avançada, como uma lista de casamento a qual permite que seja compartilhada e que outras pessoas efetuem uma compra para o proprietário da lista. • Exemplos de listas possíveis: - lista de casamento - lista de desejo - lista de aniversario - chá de bebê.. Listas de desejo, casamento etcVersão 1.11
  • 68. 1. SISTEMA ADMINISTRATIVO 1.1. Definição de listas Acesso: Clientes > Listas de desejos > Definições Possibilita a criação de novos tipos de listas ou usar os pré-definidos (lista de desejos e lista de casamento) Instalação / Ativação Listas de desejo, casamento etcVersão 1.11
  • 69. 1. SISTEMA ADMINISTRATIVO 1.2. Criação/Edição de definições de listas É possível definir a URL amigável, template de e-mail etc Instalação / Ativação Listas de desejo, casamento etcVersão 1.11
  • 70. 1. SISTEMA ADMINISTRATIVO 1.2. Criação/Edição de definições de listas É possível definir campos adicionais (existentes ou novos) às listas (metadados) Instalação / Ativação Listas de desejo, casamento etcVersão 1.11
  • 71. 1. SISTEMA ADMINISTRATIVO 1.3. Visualização das listas criadas Acesso: Clientes > Listas de desejos > Listas Visualize todas as listas de desejos criadas pelos clientes. É possível visualizar os dados da lista, bem como os produtos adicionados a elas Instalação / Ativação Listas de desejo, casamento etcVersão 1.11
  • 72. Utilização Listas de desejo, casamento etcVersão 1.11 2. SITE 1.1. Pesquisa de listas O cliente poderá pesquisar por listas públicas, filtrando por nome da lista, nome e e-mail do proprietário da lista, além de busca pelos campos adicionais. {% browsing_wishlist_search() %} Widget:
  • 73. Utilização Listas de desejo, casamento etcVersão 1.11 2. SITE 1.2. Detalhes e lista de produtos de uma lista de desejo Visualize detalhes da lista, bem como os produtos associados a ela. {% browsing_wishlist_detail() %} Widget:
  • 74. Utilização Listas de desejo, casamento etcVersão 1.11 3. PAINEL DO CLIENTE 1.1. Grid com as listas criadas Exibe todas as listas criadas pelo cliente {% profile_wishilist_list() %} Widget:
  • 75. Utilização Listas de desejo, casamento etcVersão 1.11 3. PAINEL DO CLIENTE 1.2. Cadastro/ediçaõ de listas É possível criar/editar novas listas (listas de desejo, casamento etc), privadas ou públicas. {% profile_wishilist_form() %} Widget:
  • 76. Utilização Listas de desejo, casamento etcVersão 1.11 3. PAINEL DO CLIENTE 1.3. Gerenciar produtos adicionados à lista Permite gerenciar os produtos adicionados à lista, definindo a quantidade desejável, bem como definir a quantidade de adquiridos. {% profile_wishilist_manage() %} Widget:
  • 77. Utilização Listas de desejo, casamento etcVersão 1.11 3. PAINEL DO CLIENTE 1.4. Compartilhar listas Compartilhe uma lista informando o e-mail e mensagem que será enviada a(os) destinatário(s) {% profile_wishilist_share() %} Widget:
  • 78. Utilização Listas de desejo, casamento etcVersão 1.11 3. PAINEL DO CLIENTE 1.5. Edição de listas Edite dados da lista (nome, detalhes, privacidade, status, campos adicionais etc) {% profile_wishilist_form() %} Widget:
  • 79. Utilização Listas de desejo, casamento etcVersão 1.11 3. PAINEL DO CLIENTE 1.6. Exclusão de listas {% profile_wishilist_manage() %} Widget:
  • 80. Utilização Listas de desejo, casamento etcVersão 1.11 3. PAINEL DO CLIENTE 1.7. Adicionar produtos à uma lista – Modo lista Permite navegar pelo site e adicionar produtos diretamente à lista selecionada {% profile_wishilist_manage() %} Widget: Clicando no botão “Adicionar produtos” o “modo lista” é ativado
  • 81. Utilização Listas de desejo, casamento etcVersão 1.11 3. PAINEL DO CLIENTE 1.7. Adicionar produtos à uma lista – Modo lista {% profile_wishilist_mode_list() %} Widget:
  • 82. Utilização Listas de desejo, casamento etcVersão 1.11 3. PAINEL DO CLIENTE 1.8. Adicionar produtos à uma lista – Detalhe do produto Após estar logado, adicione um produto a uma lista através do botão existente na página de detalhes do produto {% product_wishlist() %} Widget: Modal de adição de produtos à listas
  • 83. PERSONALIZAÇÕES EM ITENS DO PEDIDO Release Notes Versão 1.1 NOVO
  • 84. Conteúdo  Apresentação  Instalação / Ativação 1. Sistema Administrativo 1.1. Cadastrando o metadado 1.2. Selecionando o metadado na definição de produtos  Utilização 1. Site 1.1. Inserção no carrinho 1.2. Atualização/Remoção no carrinho 1.3. Visibilidade durante a compra 1.4. Visibilidade após a compra 2. Admin 1. Visibilidade nos pedidos dentro do admin Versão 1.11 Personalizações em itens do pedido
  • 85. Apresentação Esta funcionalidade visa possibilitar o cadastro de metadados que serão utilizados para personalização dos itens do carrinho/pedido. Estes metadados serão cadastrados e selecionados na definição do produto, e, caso determinado produto faça parte desta definição, haverá a possibilidade da escolha e preenchimento deste metadado no carrinho. Um exemplo da utilização desta funcionalidade é a escolha de uma mensagem para embalagem de presente. Na definição de produtos que contém a embalagem, selecionamos o metadado criado do tipo personalizado. Ao escolher uma embalagem agora, será possível cadastrar uma mensagem que acompanhará o presente. * Limitação: Ao ser comprado um item com uma personalização e aumentar a quantidade, não será possível escolher uma personalização diferente para cada um. Exemplo: Um item com duas unidades e duas embalagens terão, necessariamente, a mesma mensagem para presente. Personalizações em itens do pedidoVersão 1.11
  • 86. 1. Sistema Administrativo 1.1. Cadastrando o metadado Primeiramente devemos cadastrar o metadado do tipo personalização Instalação / Ativação Personalizações em itens do pedidoVersão 1.11 No painel do sistema administrativo: Configs > Metadados
  • 87. Instalação / Ativação 1.1. Cadastrando o metadado Atenção para duas propriedades que devem ser marcadas obrigatoriamente. Entidade: “Produtos“ e marcar a opção: “Utilizar para personalizações”. Personalizações em itens do pedidoVersão 1.11
  • 88. 1.2. Sistema Administrativo – Selecionando o metadado na definição de produtos Instalação / Ativação Personalizações em itens do pedidoVersão 1.11 No painel do sistema administrativo: Catálogo > Definição de produtos Aqui devemos arrastar na definição de produtos os metadados que queremos utilizar para personalização. Podemos cadastrar uma nova definição ou editar uma existente, conforme a necessidade.
  • 89. 1.2. Sistema Administrativo – Selecionando o metadado na definição de produtos Instalação / Ativação Personalizações em itens do pedidoVersão 1.11 No painel do sistema administrativo: Catálogo > Definição de produtos Dentro da definição, vemos a seção “Personalizações”. Todos os metadados cadastrados como personalizações serão listados na aba “Disponíveis”. Basta arrastarmos até a aba “Selecionados” e clicarmos em “Salvar”. A partir deste momento inicia-se uma replicação dos produtos desta definição e, ao seu término, os produtos desta definição terão essa opção disponível no carrinho.
  • 90. Utilização Personalizações em itens do pedidoVersão 1.11 1. Site 1.1. Inserção no carrinho Com as personalizações configuradas, elas estarão disponíveis no carrinho. Nesse exemplo, o produto que faz parte da definição é a embalagem. Ao marcar a mesma, será possível cadastrar uma mensagem personalizada. Digite a nova mensagem e clique em enviar.
  • 91. Utilização Personalizações em itens do pedidoVersão 1.11 Digite a nova mensagem e clique em enviar. 1.2. Atualização/Remoção no carrinho É possível editar e remover a personalização cadastrada
  • 92. Utilização Personalizações em itens do pedidoVersão 1.11 1.3. A mensagem fica visível no resumo da compra
  • 93. Utilização Personalizações em itens do pedidoVersão 1.11 1.4. A mensagem fica visível também na confirmação do pagamento e no painel do cliente.
  • 94. Utilização Personalizações em itens do pedidoVersão 1.11 2. Admin 2.1. No detalhe do pedido dentro do admin, é possível visualizar também a personalização.
  • 95. INTEGRAÇÃO COM O FINDMYPACK Release Notes Versão 1.1 NOVO
  • 96. Conteúdo  Apresentação  Instalação / Ativação 1. Sistema Administrativo 1.1. Configurando os dados 1.2. Configurando um fluxo  Utilização Versão 1.11 Integração com o FindMyPack
  • 97. Apresentação A integração possibilitará incluir a um workflow a tarefa de envio automático das informações de um pacote(PAC ou Sedex) para os serviços da FindMyPack. Também será possível sinalizar através de uma tag os pedidos já enviados. Integração com o FindMyPackVersão X.XX
  • 98. 1. Sistema Administrativo Por se tratar de um plugin, é necessário solicitar a ativação do mesmo. 1.1. Configurando os dados Após o plugin estar habilitado, estará disponível no menu “Integrações” a opção “Configurar FindMyPack (Plugin)”. Instalação / Ativação Integração com o FindMyPackVersão 1.11 No painel do sistema administrativo: Integrações-> Configurar FindMyPack (Plugin)
  • 99. As configurações podem ser feitas por grupo de configurações e deverão conter obrigatoriamente o token fornecido pela FindMyPack. É possível também inserir o alias de uma tag préviamente criada para que ao final do envio, no caso de sucesso, seja vinculada ao pedido. Instalação / Ativação Integração com o FindMyPackVersão 1.11
  • 100. 1.2. Configurando um fluxo Ao criar ou editar as tarefas de um fluxo, estará disponível a opção “(FindMyPack) Enviar código de rastreio para a FindMyPack” Instalação / Ativação Integração com o FindMyPackVersão 1.11
  • 101. Utilização Integração com o FindMyPackVersão 1.11 O único meio de utilização é dentro de um fluxo, como mostrado anteriormente. Dependendo do fluxo escolhido, este poderá ser executado manualmente ou através de uma tarefa agendada.
  • 102. MELHORIA NA LISTAGEM DE PEDIDOS Release Notes Versão 1.1 MELHORIA
  • 103. Conteúdo  Apresentação  Utilização 1. Admin Versão 1.11 Melhoria na Listagem de Pedidos
  • 104. Apresentação A listagem de pedidos é uma das funcionalidades mais utilizada pelos lojistas no sistema administrativo. Esta funcionalidade é dinâmica, pois possui filtros de diversas formas e basicamente tem ligação com quase todas as entidades relacionadas aos pedidos (clientes, meios de pagamento, meios de entrega, etc.), o que dependendo do volume de informações começou a apresentar gradativamente uma lentidão ao ser utilizada. Desta forma foi realizada uma melhoria estrutural que permitirá pesquisas mais rápidas com a mesma quantidade de informações e filtros já existente no sistema. Melhoria na Listagem de PedidosVersão 1.11
  • 105. 1. Admin Acessar a listagem de pedidos: Utilização Melhoria na Listagem de PedidosVersão 1.11 No painel do sistema administrativo: BackOffice -> Pedidos
  • 106. NOVOS EFEITOS NAS FOTOS DAS GALERIAS Release Notes Versão 1.1 NOVO MELHORIA
  • 107. Conteúdo  Apresentação  Instalação / Ativação 1. Sistema Administrativo  Utilização 1. Loja Versão 1.11 Novos Efeitos nas Fotos das Galerias
  • 108. Apresentação Na galeria de produtos, quando estiver usando a troca de imagens do produto ao passar o mouse o cliente tem a possibilidade de usar uma animação para esta troca. Versão 1.11 Novos Efeitos nas Fotos das Galerias
  • 109. 1. Sistema Administrativo Achando o arquivo. Instalação / Ativação No painel do sistema administrativo: 1. Aparência -> Gerenciador de arquivos 2. No gerenciador de arquivos procure por seu arquivo que mostra as informações na listagem, geralmente é o “product_line.template” na pasta do tema Versão 1.11 Novos Efeitos nas Fotos das Galerias
  • 110. 1. Sistema Administrativo Achando o código do widget no template. Instalação / Ativação No arquivo aberto na direta: 1. Procure por “product_line_medias” 2. Você verá vários atributos, provavelmente eles podem estar em uma linha, abaixo tem uma visualização melhor. Versão 1.11 Novos Efeitos nas Fotos das Galerias
  • 111. 1. Sistema Administrativo Atributo “HoverImage” Instalação / Ativação O atributo HoverImage aceita 2 valores, true ou false, caso true ele irá fazer a troca de imagens quando o usuário passar o mouse por cima da foto. Versão 1.11 Novos Efeitos nas Fotos das Galerias
  • 112. 1. Sistema Administrativo Atributo “LazyLoad” Instalação / Ativação O atributo LazyLoad aceita 2 valores, true ou false, caso true ele irá fazer o carregamento da imagem de acordo com a necessidade de cada cliente, fazendo com que o site não fique pesado para carregar. Versão 1.11 Novos Efeitos nas Fotos das Galerias
  • 113. 1. Sistema Administrativo Atributo “Effect” Instalação / Ativação O atributo Effect são os efeitos que o cliente pode colocar para a transição das fotos, temos 3 tipos de efeitos, mas podem ser criados outros efeitos com CSS3 e colocar neste atributo, o nome do atributo é a classe das imagens. Temos os seguintes efeitos: • Omitir para nenhum efeito • fade • fade-scale • horizontal-in-out • flip-card-horizontal Versão 1.11 Novos Efeitos nas Fotos das Galerias
  • 114. Utilização na loja Sem efeito Versão 1.11 Novos Efeitos nas Fotos das Galerias fade fade-scale horizontal-in-out flip-card-horizontal