Release Notes - Versao 1.11

of 114 /114
Versão 1.11

Embed Size (px)

Transcript of Release Notes - Versao 1.11

1. Verso 1.11 2. Veja algumas melhorias e novidades da verso 1.11: Vitrine contextualizada de produtos mais vendidos Integrao PayU Informaes das variaes de um produto na listagem Gaste X e Ganhe um Brinde Colocar no carrinho em modal Recomendao automtica para venda casada de produtos Listas de desejo, casamento, etc.. Personalizaes em itens do pedido Integrao 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 Verso 1.1 NOVO 4. Contedo Apresentao Instalao / Ativao 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 Utilizao 1. Navegao do Usurio Verso 1.11 Vitrine contextualizada de produtos mais vendidos 5. Apresentao Exibio dos produtos mais vendidos em uma vitrine contextualizada por categoria, marca, lista de produtos, flags e/ou metadados. Ser tambm possvel fixar a exibio de uma categoria, marca, lista de produtos, flag ou metadados na vitrine de produtos . O nmero de produtos exibidos por padro na vitrine sero 4 produtos, mas esse valor pode ser alterado pelo administrador do sistema. Tambm podero ser configurado para exibio somente os produtos disponveis em estoque, alm de ser possvel definir uma ordenao padro para a vitrine e um facetamento especfico. Vitrine contextualizada de produtos mais vendidosVerso 1.11 6. 1. Sistema Administrativo Atravs do menu Aparncia opo Configurar design possvel adicionar a vitrine contextualizada ao site. 1.1. Escolhendo a rota Dentro da pgina Estrutura do Site que ir abrir, selecione a rota onde a vitrine ser adicionada. Instalao / Ativao Vitrine contextualizada de produtos mais vendidosVerso 1.11 No painel do sistema administrativo: Aparncia -> Configurar design 7. Instalao / Ativao 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 vendidosVerso 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 Configuraes. Instalao / Ativao Vitrine contextualizada de produtos mais vendidosVerso 1.11 9. Instalao / Ativao 1.4. Configurando o widget Vitrine contextualizada de produtos mais vendidosVerso 1.11 10. Instalao / Ativao 1.4. Configurando o widget As principais configuraes do widget de vitrine contextualizada so as seguintes: Contexto da lista de produtos: define qual o contexto que ser utilizada para a vitrine. As seguintes opes esto disponveis: (Contextual): identifica e exibe os produtos conforme o contexto de navegao do usurio. Nesse caso, o valor do contexto no precisa ser informado. Marca: define que sero exibidos os produtos de uma marca especfica. Para isso deve-se informar o identificador da marca no valor do contexto. Categoria: define que sero exibidos os produtos de uma categoria especfica. Para isso deve-se informar o identificador da categoria no valor do contexto. Lista de Produtos: define que sero exibidos os produtos de uma lista especfica. Para isso deve-se informar o identificador da lista de produtos no valor do contexto. Flag: define que sero exibidos os produtos de uma flag especfica. Para isso deve-se informar o identificador da flag no valor do contexto. Vitrine contextualizada de produtos mais vendidosVerso 1.11 11. Instalao / Ativao 1.4. Configurando o widget Metadado: define que sero exibidos os produtos de um metadado especfico. Para isso deve-se informar o metadado no formato nome da propriedade;valor, por exemplo cor;azul, no valor do contexto. Pesquisa: define que sero exibidos os produtos pesquisando pelos valores definidos no campo valor do contexto. Valor do contexto: define qual o contexto especfico que ser invocado, conforme explicado no item anterior. Ordenao: define a ordenao padro para a lista de produtos que ser exibida na vitrine. Vitrine contextualizada de produtos mais vendidosVerso 1.11 12. Utilizao Vitrine contextualizada de produtos mais vendidosVerso 1.11 1. Navegao do usurio na loja As pginas onde a vitrine contextualizada foi inserida exibiro os produtos conforme a configurao realizada na administrao. Caso a configurao seja contextual, o site identificar o contexto e exibir os respectivos produtos. 13. INTEGRAO COM GATEWAY PAYU Release Notes Verso 1.1 NOVO 14. Contedo Apresentao Instalao / Ativao 1. Gateway PayU 2. Sistema Administrativo 1.1. Como Configurar 1.2. Campos Disponveis Utilizao 1. Loja Verso 1.11 Integrao com Gateway PayU 15. Apresentao Integrao com o gateway de pagamento PayU. Oferece a possibilidade de pagamento com carto de crdito e boleto: Cartes: 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. Integrao com Gateway PayUVerso 1.11 16. 1. Gateway PayU Voc deve possuir uma conta e um contrato com a PayU. Para mais informaes: http://www.payulatam.com/brasil/ Instalao / Ativao Integrao com Gateway PayUVerso 1.11 17. 2. Sistema Administrativo A configurao dos dados do PayU estar disponvel na listagem de meios de pagamento: Instalao / Ativao Integrao com Gateway PayUVerso 1.11 No painel do sistema administrativo: Configs-> Meios de Pagamento 18. Instalao / Ativao 1.1. Como Configurar: Preencher os campos disponveis nos dados de integrao do gateway: Integrao com Gateway PayUVerso 1.11 19. 1.2. Campos disponveis: Utilizar pr-autorizao: determina que a transao necessitar de uma anlise antes da captura. Caso esteja desmarcado, a captura ser automtica aps a autorizao. Habilitar modo teste: as transaes iro ser tratadas como testes. Tambm dever ser alterada a Url do Webservice e a Url do Webservice de consulta para a url de homologao. Urls de homologao 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 produo Normal: https://api.payulatam.com/payments-api/4.0/service.cgi Consulta: https://api.payulatam.com/reports-api/4.0/service.cgi Instalao / Ativao Integrao com Gateway PayUVerso 1.11 20. Os campos Id Comrcio, Id Conta, API Login e API Key so obrigatrios e devem ser consultados no painel da PayU. O campo Identificador do parceiro, fixo e no precisa ser fornecido. No campo Dias para expirao, especifique o nmero de dias para a expirao do boleto, caso haja a utilizao do mesmo. Instalao / Ativao Integrao com Gateway PayUVerso 1.11 21. Utilizao Integrao com Gateway PayUVerso 1.11 1. Loja: Na loja os meios de pagamento sero apresentados normalmente, deixando o processo transparente para o cliente final. 22. INFORMAES DAS VARIAES DE UM PRODUTO NA LISTAGEM Release Notes Verso 1.1 NOVO 23. Contedo Apresentao Widget Product Line Media: Instalao / Ativao 1. Sistema Administrativo 1.1. Configurando o produto Utilizao Widget Product Line Media Variations: Instalao / Ativao 1. Sistema Administrativo 1.1. Configurando o produto Utilizao Verso 1.11 Informaes das variaes de um produto na listagem 24. Apresentao Esta funcionalidade tem como objetivo apresentar as informaes das variaes de um produto nas listagens e vitrines da loja com as seguintes opes: Apresentao das opes de variao: Ex: cor, tamanho Apresentao das disponibilidades das variaes / subvariaes Apresentao das mdias das variaes Para isto foram criados/alterados os seguintes widgets do site: Widget Product Line Media: Widget Product Line Media Variations: Informaes das variaes de um produto na listagemVerso 1.11 25. Widget Product Line Media Atualizao do Widget Product Line Media, incrementa novas funcionalidades visuais como: 1. Troca da imagem quando o cursor estiver sobre ele. 2. Efeitos de transio durante a troca da imagem. 3. Mostrar as subvariaes do produto. 4. Mostrar um indicador da navegao dentro das imagens do produto. Como padro o Widget mostra apenas a primeira imagem mdia para o produto. Informaes das variaes de um produto na listagemVerso 1.11 26. 1. Sistema Administrativo O Widget ativado por cdigo no arquivo product.line.template. 1.1. Exemplo ou Instalao / Ativao (Product Line Media) Informaes das variaes de um produto na listagemVerso 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. Instalao / Ativao (Product Line Media) 1. Sistema Administrativo 1.2. Parmetros HoverImage (boolean): Habilita a troca de imagem com o cursor. LazyLoad (boolean): Carrega as imagens de forma assncrona. Effect (string): Define o efeito de transio 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 transio. MaxChange (integer): Tamanho da lista de imagens utilizadas nas trocas. ShowSubVariations (boolean): Mostra as subvariaes do produto (2 nvel de variao). ShowPaginator (integer): Ativa e determina quantas imagens mostrada por pgina. Truncate: Tamanho do texto par variao (vazio=255). Verso 1.11 Informaes das variaes de um produto na listagem 28. Instalao / Ativao (Product Line Media) 2. Configurando o produto Regras: 1. O produto deve ter mdias cadastradas. Informaes das variaes de um produto na listagemVerso 1.11 29. Utilizao (Product Line Media) Informaes das variaes de um produto na listagemVerso 1.11 1. Em uma lista de produtos, quando o Widget estiver habilitado as variaes sero apresentadas como mostrado na imagem 1. 2. Quando o cursor se posicionar sobre a image: 1. A imagem muda quando o parmetro HoverImage for true. 2. Troca apenas uma vez quando StopOnSwap for true. 3. Mostra as subvariaes como na imagem 2 quando ShowSubVariations for true. 4. Mostra a paginao quando como na imagem 3 quando ShowPaginator for maior que 0. 2 3 1 30. Customizao (Product Line Media) Classes de customizao do CSS Item de Subvatiao Lista: product-line-subvariation Item: subvariation-item Navegador: variation-paginator Variao desabilidata: is-not-purchasable Verso 1.11 Informaes das variaes de um produto na listagem 31. Widget Product Line Media Variations O novo widget Product Line Media Variations, tem a funo de mostrar as imagens das variaes disponveis 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 variaes. Como padro o widget mostra as imagens configuradas para o produto, mas tambm permite que possam ser apresentadas as cores configuradas nos metadados. Informaes das variaes de um produto na listagemVerso 1.11 32. 1. Sistema Administrativo O Widget ativado por cdigo no arquivo product.line.template, preferencialmente logo aps a chamada do Widget product_line_media(). Exemplo: Parmetros: LoadOptions (Padro false): Quando true ignora os arquivos de Mdia e mostra apenas as variaes configuradas no metadados. ShowPagination (integer): Items por pgina quando false, no faz paginao. ChangeOn (string): Define a forma como muda as imagens (click, ou mouseover). Instalao / Ativao (Product Line Media Variations) Informaes das variaes de um produto na listagemVerso 1.11 {% product_line_medias_variations(LoadOptions=false,ShowPagination=2,ChangeOn='click') %} 33. Instalao / Ativao (Product Line Media Variations) 1.1. Configurando o produto Regras: 1. O Widget somente ir aparecer em produtos com um uma ou mais variaes. 2. Somente a primeira variao ir aparecer entre as opes. 3. Variaes sem Mdia ser mostrado com as informaes do Metadados na ordem da Imagem e Cor. Informaes das variaes de um produto na listagemVerso 1.11 34. Instalao / Ativao (Product Line Media Variations) Informaes das variaes de um produto na listagemVerso 1.11 1.1. Configurando o produto Regras: 4. Quando o parmetro LoadOptions esta true o Widget ignora as Medias e mostra as variaes configuradas no metadados. Configs > Metadados Configs > Metadados > Cor > Opes > Amarelo 35. Utilizao (Product Line Media Variations) Informaes das variaes de um produto na listagemVerso 1.11 1. Em uma lista de produtos, quando o Widget estiver habilitado as variaes sero apresentadas como mostrado na imagem ao lado. 2. Quando o cursor se posicionar sobre uma das variaes: 1. A imagem maior muda para a mdia configurada para a variao. 2. Quando configurado no Widget product_line_media para mostrar as opes de sub-variaes (Ex: P,M,G) , a variao tambm define um CSS para estas sub- variaes que no esto disponveis. 3. O preo do produto muda de acordo com a variao selecionada. 36. PROMOO DE BRINDE POR FAIXA DE VALOR NO CARRINHO Release Notes Verso 1.1 NOVO 37. Contedo Apresentao Instalao / Ativao 1. Sistema Administrativo 1.1. Escolhendo o tipo de promoo 1.2. Escolhendo a promoo a ser configurada 1.3. Configurando a promoo, dados bsicos 1.4. Configurando a promoo, condies e benefcios 1.5. Configurando a promoo, exemplo Utilizao 1. Loja, carrinho, cliente selecionando o brinde 2. Loja, brinde selecionado automaticamente Verso 1.11 Promoo de brinde por faixa de valor no carrinho 38. Apresentao Promoo Gaste X e ganhe um brinde" com faixas de valor, cada faixa de valor ir oferecer produtos especficos de uma lista de produtos. Os brindes sero selecionados no carrinho de compras e sero apresentados de acordo com o valor do carrinho. A partir da faixa de valor ser exibido um conjunto de produtos associados as faixas. Ser possvel escolher o valor, em percentual, que ser aplicado de desconto ao brinde escolhido. O valor padro de desconto ser 100%. Sendo, possvel mudar este valor conforme escolha do administrador. Este tipo de promoo no cumulativa, o cliente sempre ter somente 1 brinde no seu carrinho. No conseguir adicionar item abaixo da faixa atual e tambm no poder selecionar itens da faixa acima da atual. Promoo de brinde por faixa de valor no carrinhoVerso 1.11 39. 1. Sistema Administrativo Atravs do menu Marketing opo Promoes possvel adicionar este novo tipo de promoo. Na listagem de todas as promoes ter o boto Adicionar Promoo. Instalao / Ativao Promoo de brinde por faixa de valor no carrinhoVerso 1.11 No painel do sistema administrativo: Marketing-> Promoes 40. Instalao / Ativao 1.1. Escolhendo o tipo de promoo Esta promoo do tipo Promoo em Pedidos. Promoo de brinde por faixa de valor no carrinhoVerso 1.11 41. 1.2. Escolhendo a promoo a ser configurada Instalao / Ativao Promoo de brinde por faixa de valor no carrinhoVerso 1.11 42. Instalao / Ativao 1.3. Configurando a promoo, dados bsicos Os dados bsicos para serem configurados esto na aba Dados Gerais. Promoo de brinde por faixa de valor no carrinhoVerso 1.11 43. Instalao / Ativao 1.4. Configurando a promoo, condies e benefcios Na aba Condies e Benefcios onde se configura os dados para serem aplicados na promoo. Neste item onde podero 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 opo 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 pblica. Promoo de brinde por faixa de valor no carrinhoVerso 1.11 44. Instalao / Ativao 1.5. Configurando a promoo, exemplo Promoo de brinde por faixa de valor no carrinhoVerso 1.11 Exemplo de configurao 45. Utilizao Promoo de brinde por faixa de valor no carrinhoVerso 1.11 As faixas iro aparecer abaixo dos itens do carrinho. 1. Loja, carrinho, cliente selecionando o brinde Na loja, quando o cliente colocar um item no carrinho sero verificadas as faixas configuradas. Se o carrinho atingir o valor mnimo da primeira faixa na promoo, ento sero mostradas as faixas configuradas para o cliente selecionar o brinde. 46. Utilizao Promoo de brinde por faixa de valor no carrinhoVerso 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 iro aparecer abaixo dos itens do carrinho. 47. COLOCAR NO CARRINHO EM MODAL (IR PARA O CARRINHO OU CONTINUAR COMPRANDO) Release Notes Verso 1.1 NOVO 48. Contedo Apresentao Instalao / Ativao 1. Sistema Administrativo 1.1. Exemplo 1.2. Parmetros 2. Configurando o produto Utilizao Verso 1.11 Colocar no carrinho em modal 49. Apresentao Ao clicar no boto de compra, uma modal com o carrinho exibida. Algumas vantagens dessa funcionalidade: 1. Cliente permanece no detalhe do produto ou na listagem, no sendo redirecionado para a pgina do carrinho. 2. Permite atualizar seu carrinho (alterar quantidade e excluir produto). 3. Aps ser exibida a modal, possvel que o cliente informe se deseja continuar comprando ou ser redirecionado para finalizar sua compra. Obs.: por padro a modal no ser exibida. Colocar no carrinho em modalVerso 1.11 50. 1. Parmetro no widget Product_Buy_Button() Na chamada do widget (detalhe do produto, por exemplo), informe o parmetro: BasketInModal (valor default: false). 1.1. Exemplo Instalao / Ativao Colocar no carrinho em modalVerso 1.11 {% product_buy_button(BasketInModal=true) %} 51. Utilizao Colocar no carrinho em modalVerso 1.11 1. Em uma lista de produtos ou no detalhe do produto, quando o parmetro BasketInModal estiver habilitado, ao clicar no boto comprar (imagem 1) a modal do carrinho ser exibida (imagem 2). 1 2 52. Utilizao Colocar no carrinho em modalVerso 1.11 1. Na modal, ser possvel 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 permanncia na pgina ou ser redirecionado para o carrinho 1 2 53. RECOMENDAO AUTOMTICA PARA VENDA CASADA DE PRODUTOS Release Notes Verso 1.1 NOVO 54. Contedo Apresentao Instalao / Ativao 1. Sistema Administrativo 1.1. Edio do Produto 1.2. Definio da Lista de Recomendaes 1.3. Configurao da Lista de Recomendaes Utilizao 1. Recomendao de Produtos Verso 1.11 Recomendao automtica para venda casada de produtos 55. Apresentao Durante a compra no site, ser possvel exibir automaticamente uma lista de recomendaes aleatrias, para que possa ser realizada uma venda casada de outros produtos para o usurio. Tambm poder ser definida a quantidade de produtos que sero recomendados, bem como o nmero de produtos que sero automaticamente adicionados ao carrinho do usurio. Recomendao automtica para venda casada de produtosVerso 1.11 56. 1. Sistema Administrativo Atravs do menu Catlogo opo Produto possvel adicionar as recomendaes automticas para determinado produto. 1.1. Edio do Produto Na lista que ser exibida, entre na edio do produto que deseja associar s listas de recomendaes. Instalao / Ativao Recomendao automtica para venda casada de produtosVerso 1.11 57. Instalao / Ativao 1.2. Definio da Lista de Recomendaes Na edio do produto, entre na aba Associaes. Sero exibidas todas as associaes previamente cadastradas na administrao. Recomendao automtica para venda casada de produtosVerso 1.11 58. Instalao / Ativao 1.2. Definio da Lista de Recomendaes Para cada associao existente, agora existiro duas possibilidades de vinculao: Lista de Produtos ou Produtos. A seleo Produtos continua com a mesma funcionalidade j existente atualmente, ou seja, vincular produtos especficos para serem recomendados no site. Recomendao automtica para venda casada de produtosVerso 1.11 59. Instalao / Ativao 1.2. Definio da Lista de Recomendaes Na opo 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. Recomendao automtica para venda casada de produtosVerso 1.11 60. Instalao / Ativao 1.3. Configurao da Lista de Recomendaes Depois de selecionada uma lista de produtos, podemos configurar alguns parmetros que impactaro a sua exibio no site. Para configurar a lista, clique sobre o link que contm o nome da lista. Recomendao automtica para venda casada de produtosVerso 1.11 61. Instalao / Ativao 1.3. Configurao da Lista de Recomendaes Na tela que abrir, clique sobre a aba Configuraes. Poder ser selecionada a ordenao padro para exibio dos produtos e se os produtos sem estoque tambm devem ser exibidos. Para uma exibio aleatria dos produtos da lista, no campo de ordenao seleciona a opo Aleatrio. Recomendao automtica para venda casada de produtosVerso 1.11 62. Instalao / Ativao 1.3. Configurao da Lista de Recomendaes possvel definir tambm a quantidade de produtos que sero adicionados ao carrinho do usurio. Recomendao automtica para venda casada de produtosVerso 1.11 63. Utilizao Recomendao automtica para venda casada de produtosVerso 1.11 1. Recomendao de Produtos No site, ao entrar no detalhe de algum produto que tenha sido associado a uma lista de produtos, ser exibida a recomendao. Caso a ordenao selecionada na administrao seja aleatria, os produtos da lista sero randomicamente selecionados para serem exibidos. 64. Utilizao Recomendao automtica para venda casada de produtosVerso 1.11 1. Recomendao de Produtos Ao concluir a compra clicando em Compre Junto, a quantidade de produtos para o produto randomicamente selecionado no carrinho segue a configurao realizada na administrao. 65. LISTAS DE DESEJO, CASAMENTO ETC (PERMITIR A CRIAO DE LISTAS DE DESEJO AVANADAS: LISTA DE CASAMENTO, CH DE LINGERIE, ETC) Release Notes Verso 1.1 NOVO 66. Contedo Apresentao Instalao / Ativao 1. Sistema Administrativo 1.1. Definio de listas 1.2. Criao/Edio de definies de listas 1.3. Visualizao 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/edio de listas 1.3. Gerenciar produtos adicionados lista 1.4. Compartilhar listas 1.5. Edio de listas 1.6. Excluso de listas 1.7. Adicionar produtos uma lista Modo lista 1.8. Adicionar produtos uma lista Detalhe do produto Verso 1.11 Listas de desejo, casamento etc 67. Apresentao Permitir a criao e administrao de listas de desejo, as quais podero ser: - lista normal para um simples compartilhamento - lista avanada, como uma lista de casamento a qual permite que seja compartilhada e que outras pessoas efetuem uma compra para o proprietrio da lista. Exemplos de listas possveis: - lista de casamento - lista de desejo - lista de aniversario - ch de beb.. Listas de desejo, casamento etcVerso 1.11 68. 1. SISTEMA ADMINISTRATIVO 1.1. Definio de listas Acesso: Clientes > Listas de desejos > Definies Possibilita a criao de novos tipos de listas ou usar os pr-definidos (lista de desejos e lista de casamento) Instalao / Ativao Listas de desejo, casamento etcVerso 1.11 69. 1. SISTEMA ADMINISTRATIVO 1.2. Criao/Edio de definies de listas possvel definir a URL amigvel, template de e-mail etc Instalao / Ativao Listas de desejo, casamento etcVerso 1.11 70. 1. SISTEMA ADMINISTRATIVO 1.2. Criao/Edio de definies de listas possvel definir campos adicionais (existentes ou novos) s listas (metadados) Instalao / Ativao Listas de desejo, casamento etcVerso 1.11 71. 1. SISTEMA ADMINISTRATIVO 1.3. Visualizao das listas criadas Acesso: Clientes > Listas de desejos > Listas Visualize todas as listas de desejos criadas pelos clientes. possvel visualizar os dados da lista, bem como os produtos adicionados a elas Instalao / Ativao Listas de desejo, casamento etcVerso 1.11 72. Utilizao Listas de desejo, casamento etcVerso 1.11 2. SITE 1.1. Pesquisa de listas O cliente poder pesquisar por listas pblicas, filtrando por nome da lista, nome e e-mail do proprietrio da lista, alm de busca pelos campos adicionais. {% browsing_wishlist_search() %} Widget: 73. Utilizao Listas de desejo, casamento etcVerso 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. Utilizao Listas de desejo, casamento etcVerso 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. Utilizao Listas de desejo, casamento etcVerso 1.11 3. PAINEL DO CLIENTE 1.2. Cadastro/edia de listas possvel criar/editar novas listas (listas de desejo, casamento etc), privadas ou pblicas. {% profile_wishilist_form() %} Widget: 76. Utilizao Listas de desejo, casamento etcVerso 1.11 3. PAINEL DO CLIENTE 1.3. Gerenciar produtos adicionados lista Permite gerenciar os produtos adicionados lista, definindo a quantidade desejvel, bem como definir a quantidade de adquiridos. {% profile_wishilist_manage() %} Widget: 77. Utilizao Listas de desejo, casamento etcVerso 1.11 3. PAINEL DO CLIENTE 1.4. Compartilhar listas Compartilhe uma lista informando o e-mail e mensagem que ser enviada a(os) destinatrio(s) {% profile_wishilist_share() %} Widget: 78. Utilizao Listas de desejo, casamento etcVerso 1.11 3. PAINEL DO CLIENTE 1.5. Edio de listas Edite dados da lista (nome, detalhes, privacidade, status, campos adicionais etc) {% profile_wishilist_form() %} Widget: 79. Utilizao Listas de desejo, casamento etcVerso 1.11 3. PAINEL DO CLIENTE 1.6. Excluso de listas {% profile_wishilist_manage() %} Widget: 80. Utilizao Listas de desejo, casamento etcVerso 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 boto Adicionar produtos o modo lista ativado 81. Utilizao Listas de desejo, casamento etcVerso 1.11 3. PAINEL DO CLIENTE 1.7. Adicionar produtos uma lista Modo lista {% profile_wishilist_mode_list() %} Widget: 82. Utilizao Listas de desejo, casamento etcVerso 1.11 3. PAINEL DO CLIENTE 1.8. Adicionar produtos uma lista Detalhe do produto Aps estar logado, adicione um produto a uma lista atravs do boto existente na pgina de detalhes do produto {% product_wishlist() %} Widget: Modal de adio de produtos listas 83. PERSONALIZAES EM ITENS DO PEDIDO Release Notes Verso 1.1 NOVO 84. Contedo Apresentao Instalao / Ativao 1. Sistema Administrativo 1.1. Cadastrando o metadado 1.2. Selecionando o metadado na definio de produtos Utilizao 1. Site 1.1. Insero no carrinho 1.2. Atualizao/Remoo no carrinho 1.3. Visibilidade durante a compra 1.4. Visibilidade aps a compra 2. Admin 1. Visibilidade nos pedidos dentro do admin Verso 1.11 Personalizaes em itens do pedido 85. Apresentao Esta funcionalidade visa possibilitar o cadastro de metadados que sero utilizados para personalizao dos itens do carrinho/pedido. Estes metadados sero cadastrados e selecionados na definio do produto, e, caso determinado produto faa parte desta definio, haver a possibilidade da escolha e preenchimento deste metadado no carrinho. Um exemplo da utilizao desta funcionalidade a escolha de uma mensagem para embalagem de presente. Na definio de produtos que contm a embalagem, selecionamos o metadado criado do tipo personalizado. Ao escolher uma embalagem agora, ser possvel cadastrar uma mensagem que acompanhar o presente. * Limitao: Ao ser comprado um item com uma personalizao e aumentar a quantidade, no ser possvel escolher uma personalizao diferente para cada um. Exemplo: Um item com duas unidades e duas embalagens tero, necessariamente, a mesma mensagem para presente. Personalizaes em itens do pedidoVerso 1.11 86. 1. Sistema Administrativo 1.1. Cadastrando o metadado Primeiramente devemos cadastrar o metadado do tipo personalizao Instalao / Ativao Personalizaes em itens do pedidoVerso 1.11 No painel do sistema administrativo: Configs > Metadados 87. Instalao / Ativao 1.1. Cadastrando o metadado Ateno para duas propriedades que devem ser marcadas obrigatoriamente. Entidade: Produtos e marcar a opo: Utilizar para personalizaes. Personalizaes em itens do pedidoVerso 1.11 88. 1.2. Sistema Administrativo Selecionando o metadado na definio de produtos Instalao / Ativao Personalizaes em itens do pedidoVerso 1.11 No painel do sistema administrativo: Catlogo > Definio de produtos Aqui devemos arrastar na definio de produtos os metadados que queremos utilizar para personalizao. Podemos cadastrar uma nova definio ou editar uma existente, conforme a necessidade. 89. 1.2. Sistema Administrativo Selecionando o metadado na definio de produtos Instalao / Ativao Personalizaes em itens do pedidoVerso 1.11 No painel do sistema administrativo: Catlogo > Definio de produtos Dentro da definio, vemos a seo Personalizaes. Todos os metadados cadastrados como personalizaes sero listados na aba Disponveis. Basta arrastarmos at a aba Selecionados e clicarmos em Salvar. A partir deste momento inicia-se uma replicao dos produtos desta definio e, ao seu trmino, os produtos desta definio tero essa opo disponvel no carrinho. 90. Utilizao Personalizaes em itens do pedidoVerso 1.11 1. Site 1.1. Insero no carrinho Com as personalizaes configuradas, elas estaro disponveis no carrinho. Nesse exemplo, o produto que faz parte da definio a embalagem. Ao marcar a mesma, ser possvel cadastrar uma mensagem personalizada. Digite a nova mensagem e clique em enviar. 91. Utilizao Personalizaes em itens do pedidoVerso 1.11 Digite a nova mensagem e clique em enviar. 1.2. Atualizao/Remoo no carrinho possvel editar e remover a personalizao cadastrada 92. Utilizao Personalizaes em itens do pedidoVerso 1.11 1.3. A mensagem fica visvel no resumo da compra 93. Utilizao Personalizaes em itens do pedidoVerso 1.11 1.4. A mensagem fica visvel tambm na confirmao do pagamento e no painel do cliente. 94. Utilizao Personalizaes em itens do pedidoVerso 1.11 2. Admin 2.1. No detalhe do pedido dentro do admin, possvel visualizar tambm a personalizao. 95. INTEGRAO COM O FINDMYPACK Release Notes Verso 1.1 NOVO 96. Contedo Apresentao Instalao / Ativao 1. Sistema Administrativo 1.1. Configurando os dados 1.2. Configurando um fluxo Utilizao Verso 1.11 Integrao com o FindMyPack 97. Apresentao A integrao possibilitar incluir a um workflow a tarefa de envio automtico das informaes de um pacote(PAC ou Sedex) para os servios da FindMyPack. Tambm ser possvel sinalizar atravs de uma tag os pedidos j enviados. Integrao com o FindMyPackVerso X.XX 98. 1. Sistema Administrativo Por se tratar de um plugin, necessrio solicitar a ativao do mesmo. 1.1. Configurando os dados Aps o plugin estar habilitado, estar disponvel no menu Integraes a opo Configurar FindMyPack (Plugin). Instalao / Ativao Integrao com o FindMyPackVerso 1.11 No painel do sistema administrativo: Integraes-> Configurar FindMyPack (Plugin) 99. As configuraes podem ser feitas por grupo de configuraes e devero conter obrigatoriamente o token fornecido pela FindMyPack. possvel tambm inserir o alias de uma tag prviamente criada para que ao final do envio, no caso de sucesso, seja vinculada ao pedido. Instalao / Ativao Integrao com o FindMyPackVerso 1.11 100. 1.2. Configurando um fluxo Ao criar ou editar as tarefas de um fluxo, estar disponvel a opo (FindMyPack) Enviar cdigo de rastreio para a FindMyPack Instalao / Ativao Integrao com o FindMyPackVerso 1.11 101. Utilizao Integrao com o FindMyPackVerso 1.11 O nico meio de utilizao dentro de um fluxo, como mostrado anteriormente. Dependendo do fluxo escolhido, este poder ser executado manualmente ou atravs de uma tarefa agendada. 102. MELHORIA NA LISTAGEM DE PEDIDOS Release Notes Verso 1.1 MELHORIA 103. Contedo Apresentao Utilizao 1. Admin Verso 1.11 Melhoria na Listagem de Pedidos 104. Apresentao A listagem de pedidos uma das funcionalidades mais utilizada pelos lojistas no sistema administrativo. Esta funcionalidade dinmica, pois possui filtros de diversas formas e basicamente tem ligao com quase todas as entidades relacionadas aos pedidos (clientes, meios de pagamento, meios de entrega, etc.), o que dependendo do volume de informaes comeou a apresentar gradativamente uma lentido ao ser utilizada. Desta forma foi realizada uma melhoria estrutural que permitir pesquisas mais rpidas com a mesma quantidade de informaes e filtros j existente no sistema. Melhoria na Listagem de PedidosVerso 1.11 105. 1. Admin Acessar a listagem de pedidos: Utilizao Melhoria na Listagem de PedidosVerso 1.11 No painel do sistema administrativo: BackOffice -> Pedidos 106. NOVOS EFEITOS NAS FOTOS DAS GALERIAS Release Notes Verso 1.1 NOVO MELHORIA 107. Contedo Apresentao Instalao / Ativao 1. Sistema Administrativo Utilizao 1. Loja Verso 1.11 Novos Efeitos nas Fotos das Galerias 108. Apresentao 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 animao para esta troca. Verso 1.11 Novos Efeitos nas Fotos das Galerias 109. 1. Sistema Administrativo Achando o arquivo. Instalao / Ativao No painel do sistema administrativo: 1. Aparncia -> Gerenciador de arquivos 2. No gerenciador de arquivos procure por seu arquivo que mostra as informaes na listagem, geralmente o product_line.template na pasta do tema Verso 1.11 Novos Efeitos nas Fotos das Galerias 110. 1. Sistema Administrativo Achando o cdigo do widget no template. Instalao / Ativao No arquivo aberto na direta: 1. Procure por product_line_medias 2. Voc ver vrios atributos, provavelmente eles podem estar em uma linha, abaixo tem uma visualizao melhor. Verso 1.11 Novos Efeitos nas Fotos das Galerias 111. 1. Sistema Administrativo Atributo HoverImage Instalao / Ativao O atributo HoverImage aceita 2 valores, true ou false, caso true ele ir fazer a troca de imagens quando o usurio passar o mouse por cima da foto. Verso 1.11 Novos Efeitos nas Fotos das Galerias 112. 1. Sistema Administrativo Atributo LazyLoad Instalao / Ativao 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 no fique pesado para carregar. Verso 1.11 Novos Efeitos nas Fotos das Galerias 113. 1. Sistema Administrativo Atributo Effect Instalao / Ativao O atributo Effect so os efeitos que o cliente pode colocar para a transio 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 Verso 1.11 Novos Efeitos nas Fotos das Galerias 114. Utilizao na loja Sem efeito Verso 1.11 Novos Efeitos nas Fotos das Galerias fade fade-scale horizontal-in-out flip-card-horizontal