Esta atualização traz melhorias e novas funcionalidades para a loja, incluindo: (1) exibição de produtos mais vendidos contextualizados, (2) integração com o gateway de pagamentos PayU, e (3) apresentação de informações sobre variações de produtos nas listagens.
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
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.
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.
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
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
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
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.
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.
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