12/06/2016

Traduzindo o painel




Olá galera, dando continuidade a continuidade a esta série de postagens, onde eu expliquei a instalação simples do Prestashop 1.6 e do tema Leo Converse; hoje irei explicar como adicionar um idioma caso o seu não esteja disponível no Painel.

Primeiro baixe o pacote de idioma desejado neste link: https://www.prestashop.com/pt/traducoes

Agora vá até LOCALIZATION e depois em TRANSLATIONS



Procure pelo grupo IMPORT A LANGUAGE PACK MANUALLY, em Language pack to import clique em Add file e selecione o arquivo de idioma baixado. Selecione os temas desejados e clique em Import.







No painel do Prestashop acione no menu a opção LOCALIZATION e Localization novamente:





Logo em IMPORTA A LOCALIZATION PACK e selecione o país desejado.

Marque Yes para Download pack data

Clique em Importe




Ainda nesta tela procure por CONFIGURATION  e configure as opções de acordo com sua localização.


Na mesma página configure LOCAL UNITS


Logo abaixo em ADVANCED configure e clique em save. 



Agora clique no nome do seu perfil no topo direito e selecione My Preferences




Procure pelo campo Language e selecione seu idioma. Após salve.



Pronto, seu painel está todo no idioma desejado.




Leo Converse | Tema para PRESTASHOP




Para quem não segue o blog, deve estar estranhando esta postagem aqui. Se perguntando. O que tem haver Prestashop  com WebAcappella?

Pra você que está nesta situação amigo, veja as outras postagem que tenho certeza que terá sua resposta. No mais, o blog é separado por temas. E todo artigo que se enquadrar em Prestashop 1.6 estará no tema certo.

Indo para o assunto do artigo. Após instalado o Prestashop 1.6 vem com um tema, digo: um layout padrão da instalação o qual você pode até alterar algumas "coisinhas". Pois a forma de lucro do Prestashop é vender temas (layouts, ou até mesmo em nome mais popular templates) e módulos em sua loja on line. Portanto é possível se encontrar na internet temas gratuitos. 

Veja o tema padrão do Prestashop 1.6 




A LeoTheme além de fornecer muitos temas interessantes para venda, disponibiliza temas gratuitos. 

Por ética, não vou disponibilizar temas da Leo Theme para download e dou todos os créditos deste artigo a eles. 

Até a data desta postagem o tema deste artigo estava disponível para download no site da LeoTheme, não posso garantir a disponibilidade futura. 

O Tema que estarei explicando sua instalação é LEO CONVERSE.

Link da LeoTheme para download do tema.: http://www.leotheme.com/download/prestashop-free-template.html




A primeira coisa é você baixar a versão certa. Digo o tema de acordo com a versão do seu Prestashop.

No caso do exemplo estou usando a 1.6.0.14 e o link direto para baixar é: http://www.leotheme.com/download/prestashop-free-template/summary/151-leo-converse/1429-leo-converse-full-v16x.html


A maneira mais fácil de usar este tema pelo Quick Start, desta maneira você estará instalando o Prestashop do zero, porém em vez de o frente da loja, o tema ser, o padrão do PrestaShop será o tema Leo Converse. 
Eu aconselho se quiser usar este método, e já tiver instalado a versão padrão. Apague totalmente a anterior, inclusive o banco de dados e faça uma nova instalação utilizando este método

Confesso que pelo método tradicional que seria buscando o arquivo do tema do meu computador e pelo método opcional; que seria buscando o arquivo pelo ftp; ambos, apresentaram erro e não instalaram. Iria continuar esta postagem explicando o método manual, mas pensei bem. Antes que começasse as configurações e cadastros a primeira etapa seria saber se o tema seria do agrado meu ou do meu cliente. 

Perguntei a mim mesmo: Pra que continuar quebrando a cabeça instalando o tema manualmente? Perder tempo pra que? Se a cara da loja, digo o tema já é do meu agrado, se já vi a cara pela demo e já decidi que vou usá-lo, vou logo pelo método Quick Start. 

E neste artigo estarei mostrando pra vocês como é fácil.

Mãos a obra:

Entre no seu Cpanel e vá para o grupo Banco de dados e selecione Banco de dados MySql


Crie seu banco de dados informando um nome e clique me Criar banco de dados





Agora crie um usuário pro banco.



Agora atribua todas as permissões para o usuário criado ao banco.








Agora que você já em o banco de dados preparado..vamos pra instalação. 

Após baixado o arquivo zip pelo link citadok,  descompacte-o em seu computador

Após descompactado será mostrado os seguintes arquivos:


Entre no gerenciador de arquivos da sua hospedagem  pelo Cpanel



Supondo que vai instalar a loja em uma pasta denominada loja, crie a pasta. 




Entre na pasta criada e faça upload do arquivo leo_converse_demo_quickstart;zip

Aguarde até completar todo upload

Após o download concluído descompacte o mesmo:  



Agora entre pelo navegador no caminho definido para a loja; automaticamente será redirecionado para a pasta de instalação:

Escolha seu idioma e clique para avançar.



Concorde com os termos, até hoje não sei o porque colocam esta opção, tem que concordar mesmo ..rs



Agora informe  s informações conforme solicitado, e clique em próximo



Informe os dados do banco de dados criado anteriormente: usuário e senha 


Aguarde o processo de instalação




Terminado e ok? Então prontinho, você ja pode ver a carinha da sua loja ou acessar sua área administrativa com os dados fornecidos.




Abraços a todos.. 







11/06/2016

Prestashop 1.6 - Instalação Rápida pelo Cpanel



Olá turma do bem, aos poucos estamos voltando. É que graças a meu bom Deus ando com muito serviço. E vamos ser sinceros; como o WebacappellaShow não me traz nenhum retorno financeiro, infelizmente não é uma prioridade. 

Sempre que der estarei atualizando os posts antigos e colocando-os on line novamente e até mesmo criando novos artigos.

O artigo de hoje muitos vão pensar o porque este artigo num blog que fala do Webacappella. Simples, o objetivo deste blog é ajudar ao profissional que utiliza o Webacappella como ferramente e até mesmo para que usa na construção do seu próprio site. A intenção não é divulgar o Webacappella e sim ajudar o profissional.

E uma das questões para um profissional é na hora de criar uma loja virtual. O Wa4 possui integração com o Prestashop; caso queiram ver um site real o qual utiliza o Prestashop integrado ao WA4 funcionando como loja visite este : http://www.luthierdns.com.br/home.html , e também tem como usar este recurso usando o Prestashop como catálogo integrando ao WA4.

No Wa RC a promessa desta integração será na versão WA RC E-COMMERCE com promessa de lançamento em 2017.

O interessante desta integração é a liberdade de se trabalhar no layout. Portanto, como tudo. Ganha-se de um lado e perde-se do outro. Essa integração causa uma lentidão e não é aconselhável em sites extensos: Torna o trabalho muito lento. Digo, a medida que se vai cirando as páginas no WA4, o próprio programa fica lento para trabalhar.

Outro ponto ruim, é que o site após publicado, perde-se um pouco na performance comparado a Loja Prestashop instalada sem essa integração.

Para quem não sabe ainda o que é o Prestashop: É um sistema de E-Commerce Open Source, desenvolvido em PHP e MySQL  mais completo do mercado. Próximos aos seus concorrentes é o que mais ganhou prêmios em sua categoria e o que mais possui módulos adicionais sendo pagos ou gratuitos.

 Então, se você é um profissional ou um usuário do WebAcappella e precisa de uma loja, você pode usar o WA4 com integração ou criar o site normalmente com um opção LOJA , a qual redireciona para a URL da loja que pode estar em uma pasta na hospedagem . Esta segunda opção pode ser feita em qualquer versão do WA.

E como esta opção de redirecionamento para uma loja instalada sem incorporação pode-se usar qualquer sistema de loja virtual. Uma opção é o PRESTASHOP.

A partir da vesão 1.6 o Prestashop já é todo responsivo, inclusive no painel do administrador.


Para quem possui a hospedagem com Cpanel, existe uma  maneira super fácil de instalar, e nesta nem precisa se preocupar com criação do banco de dados, já é criado automaticamente.

Mas antes de instalar eu sugiro que leiam estes artigos. Mesmo que eles estão referenciando para a versão integrada, é útil nesta versão também.



INSTALAÇÃO RÁPIDA PRESTASHOP PELO CPANEL

Acesse o Cpanel de sua hospedagem, procure pelo grupo Software e serviços e selecione QuickInstall (caso não tenha esta opção disponível no seu CPANEL contate sua hospedagem)



Na barra esquerda do Quick Install selecione Prestashop no Grupo  eCommerce Software


A direita vai aparecer A versão, tamanho e etc. Similar imagem abaixo. Clique em Continue




Agora defina informe o nome da pasta que deseja, o e´mail do administrador , Título do Site, primeiro e segundo nome 




Aguarde o processo de instalação, ao chegar a 100% será informado as credenciais do administrador e com a pasta do painel. 

Guarde essas informações pois vai precisar da mesma para logar no painel e fazer suas configurações, cadastrar categorias, produtos e controlar suas vendas.



Por hoje foi só mesmo mostrar uma opção para quem precisa de uma loja conceituada e sem precisar de gastar com uma loja virtual.



Abraços







24/05/2016

Inserindo botões de compartilhamento no seu site com AddThis






TEMA: Redes Sociais
ARTIGO: Novo
VERSÃO:  WA  4  |  WA RC



Os botões de compartilhamento são muitos úteis e podem ajudar aumentar o tráfego do seu site se forem bem aproveitados.

O AddThis fornece uma forma muito interessante e simples de você inserir estes botões no seu site. E fornece além de botões de compartilhamento nas principais redes sociais como também enviar um e-mail ou até mesmo imprimir a página.

Então vamos lá:

1) Acesse a url http://www.addthis.com/

2) Crie uma conta gratuita clicando em GET STARTED FREE!


2) Crie uma conta gratuita clicando em GET STARTED FREE! Muito fácil, você informa seu e-mail e uma senha.

3) Após criar a conta e logado você opta pela opção GET SHARE BUTTONS



4) Agora você seleciona se deseja o botão a direita ou a esquerda da tela.




4) Depois selecione um tema 



5) Escolha agora se quer que aparece a contagem de compartilhamento nos botões. 




6) Em services você pode escolher se a personalização do compartilhamento será automática ou se você vai personalizar quais botões deseja que seja oferecido para compartilhamento. Eu prefiro eu mesmo personalizar .. Desta forma informo quais redes sociais eu desejo. Prefiro pois assim eu não sujo o site com excesso de botões.



7) Selecionando personalizada será apresentado um quadro com os ícones de compartilhamento disponíveis a esquerda. Basta clicar no ícone desejado, e com as setas do centro ir incluindo no quadro da direita. Os que forem inclusos no quadro da direita serão os botões que irão aparecer no seu site. Clicando em determinado ícone no quadro a direita e utilizando as setas para cima e para baixo você posiciona o ícone selecionado na ordem de sua preferência.





8) Clique em SHOW MORE OPTIONS


9) Em HIDE ON HOMEPAGE, você informa se quer que oculte a ferramenta em uma página de nível superior como seusite.com.br, não nas páginas iniciais como seusite.com.br/pasta

Eu prefiro deixar em NO

10) Em HIDE ON THESE PAGES: você insere as páginas em que não quer que apareça. Esta opção pode ser interessante no caso dos ícones atrapalharem o design de alguma página, ou alguma página que você não queira que seja compartilhada.

11) Em SHARED COUNT THRESHOLD você informa a partir de que número a contagem dos compartilhamentos iniciarão, Esta não nem mecho muito, pois prefiro algo mais limpo, então no geral não configuro para mostrar contagem nos botões.

12) Em RESPONSIVE WIDTH você informa a partir de que resolução em largura você não quer que apareça os botões. Útil no caso de celulares , para que os botões não atrapalhem as opções do site. Mas isto vai depender de cada layout. Lembre que se você usar o botão Whatsapp e retirar a visualização dos botões para dispositivos móveis, nada adiantará o botão.

13) Em VERTICAL OFFSET você informa a distância to topo e da moldura da tela.

14) Em SHOW THANK YOU  mostra um obrigado depois de compartilhar e pedi aos visitantes a seguí-lo. Mas para isso você terá que ter o cabeçalho da página (head) configurado para acompanhamento. Se tem dúvidas sobre isso melhor deixar como Não.

15) Caso ter definido a questão do ítem anterior como sim, em THANK YOUT TITLE você escreve a mensagem de agradecimento.

16) FOLLOW MESSAGEM é a mensagem para seguir.

17) RECOMMENDED CONTET MESSAGE é para personalizar a mensagem de Recomendação

18) Hide Email Sharing Confirmation , assinale se quiser ocultar o e-mail de confirmação.


Confirme e você será redirecionado para  a página de criação do código.




INSERINDO NO WA 4

Copie o código fornecido na página conforme item 18 deste post, figura item 1

No WebAcappella clique em SITE>>PROPRIEDADES DO SITE

Clique na catraca.


Cole o código na área de HEAD



Cole o código na área de HEAD

Publique o site.




INSERINDO NO WA RC

Copie o código fornecido na página conforme item 18 deste post, figura item 1

No painel inicia do projeto (Dashboard), clique em PROJECT SETTINGS .




Depois cole o código copiado na área EDIT HTML CODE



Clique em SAVED AND CLOSE e public


___________________________________________________________________________

Curtiu? Pq não comenta?


15/05/2016

FACEBOOK | Botão curtir com comentário





TEMA: Redes Sociais
ARTIGO: Revisado e Melhorado
VERSÃO:  WA  4  |  WA RC



Coloque o botão curtir do Facebook no seu site de uma maneira bem simples. Em testes quando coloquei a url de uma Fanpage, automaticamente eu curti Fanpage. Porém os comentários demoraram um pouco a aparecer no meu perfil. Essa demora aconteceu também quando coloquei a url do site. Mas apareceu. Apareceu o comentário e a imagem que tinha configurado no Open Graph Facebook para o site.


Legal neste código é que ao visitante clicar em Curtir, ele ainda comenta e seu comentário sai na sua linha de tempo.

Veja o print do meu teste:






EDITE O CÓDIGO: (substitua o trecho "http://www.webacappellashow.com.br/"  pela URL de seu blog, site ou fanpage.)

 <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.webacappellashow.com.br/?fref=ts&layout=standard&show_faces=false&width=380&action=like&colorscheme=light&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:38px;" allowtransparency="true"></iframe>



APLICANDO NO WEBACAPPELLA 4

No WebAcappella, opção INSERIR>>CÓDIGO HTML cole o código alterado.





Como o não é mostrado o resultado Ativando a pré-visualização sugiro dar um título "Botao curtir" e clicando na régua configure as dimensões para largura 250 px e altura 38 px. Desta forma você terá a referencia da área de ocupação.



APLICANDO NO WEBACAPPELLA RC

Insira um box, ou subbox onde vai entrar o código html. No RC quanto mais subbox criar melhor será seu controle sobre a distribuição dos elementos. 


Clique na opção HTML no menu e arraste até o drag/drop onde será inserido o código do botão



Dê duplo clique na área de html e insira o código modificado  na tela que abrir



Inclua <center> no início do código. Isto para que ele fique centralizado no box. 


Clique em Ok para salvar

Desta forma você trabalha com a largura com os recursos do Wa Rc e ele estará centralizado no box. Sentirá a diferença quando visualizar na menor resolução.



Prontinho. Espero ter sido útil.

Abraços.










Related Posts Plugin for WordPress, Blogger...