26/02/2017

PRESTASHOP 1.6 - Como remover a assinatura Prestashop nos e-mails enviados pela loja












 Em outra postagem mostramos como remover o nome Prestashop no rodapé da loja Prestashop. Hoje iremos mostrar como remover a assinatura Prestashop no rodapé dos e-mails automáticos enviados pela nossa loja.




Então logue na área administrativa de sua loja e vá para LOCALIZAÇÃO>> TRADUÇÕES



 Na áre MODIFICAR TRADUÇÕES , em tipo de tradução selecione "Traduções de templates de e-mail"

Já que estamos alterando o tema padrão ,  em Selecione seu tema mantenha o padrão.

Em Selecione seu idioma , selecione o idioma a qual deseja faze as modificações. No meu caso Português BR.

Depois clique em "Modificar"



Na área e-mail do Prestashop clique em E-mails do Prestashop



Agora vem a parte chata. A cada título, tem que entrar e fazer as alterações devidas.

Vamos começar como exemplo em account , que é o e-mail de agradecimento após um novo cliente criar uma conta na sua loja:


Então neste caso clico em account e abrirá o template de como é visto no e-mail. 


Vamos então apagar a parte no rodapé "baseado em Prestashop"

Clique em então em Editar versão HTML




Marque a área que quer apagar e aperte a tecla Delete do seu teclado para concluir a ação.


 Agora clieque em Salvar e permanecer, pois você terá que fazer o mesmo em todos os outros modelos.



Para o modelo acima, prontinho.Agora é ter paciência e fazer em todos os outros.



24/02/2017

Bandeiras para tradução de idioma automático no website Webacappella



TEMA: Idioma
ARTIGO: Revisado e Melhorado
VERSÃO: WARC  |  WA 4
 Olá Galera do bem!!

Penso assim, quando a idéia é boa por que não aproveitar?

Pois o artigo de hoje os créditos principais vão para Rafael Clares criador do código original, eu só fiz uma aplicaçãozinha.

Pois hoje vamos ver como por umas bandeirinhas  para mudar o idioma do site. Muito bom para sites de hotéis, empresas de turismo, eventos internacionais e etc e até mesmos músicos.

Então o site vai ganhar umas bandeirinhas de países, e ao clicar nas bandeirinhas o site vai traduzir para o idioma correspondente.

Obviamente conteúdos de vídeos, figuras, ou Textos que na verdade são figuras e ou os quais foram marcados no WebAcappella para Transformar o Texto em Imagens  não serão traduzidos.

Outro detalhe importante que se deve observar é a área do texto ocupada para que não se transforme em frame e nem ficam encavalados sobre outros componentes do site. Pois em algumas linguagens a tradução ocupa muito mais espaço do que o texto na língua Brasileira.(isto no caso esteja usando algum sistema administrativo de conteúdo que utilize frames)

Mas tem uma boa notícia, se você usa sistemas de administração de conteúdo , visualmente o conteúdo mostrado no site é traduzido.

Primeiramente baixe o arquivo compactado clicando aqui e descompacte.


Poste a pasta tradutor com seus respectivos arquivos para sua hospedagem:


Código para inserir no HEAD do site

<meta http-equiv="Content-Type" content="text/html;" />
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript" src="tradutor/js/tradutor.js"></script>
<style>
#google_translate_element, .goog-te-banner-frame, .goog-te-balloon-frame, #goog-gt-tt, .goog-te-balloon-frame, .goog-tooltip, .goog-tooltip:hover { display:none !important; }
html, body { top: 0 !important; }
font { background: transparent !important; color: inherit !important; font: inherit !important; }
font:hover, .goog-text-highlight:hover, .goog-text-highlight { -webkit-box-shadow: inherit !important; -moz-box-shadow: inherit !important; box-shadow: inherit !important; box-sizing: inherit !important; -webkit-box-sizing: inherit !important; -moz-box-sizing: inherit !important; }
.topo-box-bandeira{display:inline-block}
</style>

 Para utilizar as bandeiras na horizontal utilize este código:


 <body>
<div id="google_translate_element"></div>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<center><div class="topo-box-idioma">
<div class="topo-box-bandeira">
<a href="javascript:void(0)" class="pt" onclick="ChangeLang('pt')" title="Traduzir para portugu&ecirc;s"><img src="tradutor/images/portugues.gif" border="0" alt="Portugues" /></a>
</div>
<div class="topo-box-bandeira">
<a href="javascript:void(0)" class="en" onclick="ChangeLang('en')" title="Translate to English"><img src="tradutor/images/english.gif" border="0" alt="English" /></a>
</div>
<div class="topo-box-bandeira">
<a href="javascript:void(0)" class="es" onclick="ChangeLang('es')" title="Traducir al espa&ntilde;ol"><img src="tradutor/images/espanol.gif" border="0" alt="Spanish" /></a>
</div>
<div class="topo-box-bandeira">
<a href="javascript:void(0)" class="it" onclick="ChangeLang('it')" title="Traduci in italiano"><img src="tradutor/images/italiano.png" border="0" alt="Italian" /></a>
</div>
<div class="topo-box-bandeira">
<a href="javascript:void(0)" class="de" onclick="ChangeLang('de')" title="&Uuml;bersetzen in Deutsch"><img src="tradutor/images/alemao.png" border="0" alt="Deutsch" /></a>
</div>
<div class="topo-box-bandeira">
<a href="javascript:void(0)" class="fr" onclick="ChangeLang('fr')" title="Traduire en fran&ccedil;ais"><img src="tradutor/images/frances.png" border="0" alt="French" /></a>
</div>
</div>
</body>
</html>


 Para utilizar as bandeiras na vertical utilize este código:


<body>
<div id="google_translate_element"></div>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<br />
<div class="navbar">
<center><div class="navbar-inner">
<ul class="nav">
<li><a href="javascript:void(0)" class="pt" onclick="ChangeLang('pt')" title="Traduzir para portugu&ecirc;s"><img src="tradutor/images/portugues.gif" border="0" alt="Portugues" /></a></li>
<li><a href="javascript:void(0)" class="en" onclick="ChangeLang('en')" title="Translate to English"><img src="tradutor/images/english.gif" border="0" alt="English" /></a></li>
<li><a href="javascript:void(0)" class="es" onclick="ChangeLang('es')" title="Traducir al espa&ntilde;ol"><img src="tradutor/images/espanol.gif" border="0" alt="Spanish" /></a></li>
<li><a href="javascript:void(0)" class="it" onclick="ChangeLang('it')" title="Traduci in italiano"><img src="tradutor/images/italiano.png" border="0" alt="Italian" /></a></li>
<li><a href="javascript:void(0)" class="de" onclick="ChangeLang('de')" title="&Uuml;bersetzen in Deutsch"><img src="tradutor/images/alemao.png" border="0" alt="Deutsch" /></a></li>
<li><a href="javascript:void(0)" class="fr" onclick="ChangeLang('fr')" title="Traduire en fran&ccedil;ais"><img src="tradutor/images/frances.png" border="0" alt="French" /></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>


 IMPLANTANDO NO WEBACAPPELLA 4

Primeiramente deve ser inserido o código no head do site

Para isso selecione a opção no menu principal SITE>> PROPRIEDADES DO SITE

Na tela que se abrir clique no ícone da catraca



Insira o código do head logo no início do campo Código Html 



 Ná página que for inserir as bandeiras adicione um elemento HTML


 Cole o código no último campo


Posicione e ajuste as dimensões na página conforme desejar.


 IMPLANTANDO NO WEBACAPPELLA RC (v5 - responsive)

Primeiramente deve ser inserido o código no head do site

Logo na página inicial após abrir o projeto clicque em Website sttings

 
 Rele a página até HTML custom code e clique em Edit Html Code


 Cole logo no inicio o código do head fornecido no inicio deste artigo



Selecione o box onde deseja inserir as bandeiras.

Insira no box um componente HTML 


Cole o código desejado no campo de código conforme imagem abaixo:





PERSONZALIZANDO

Esta é a parte no código referente a cada bandeira



class="pt" onclick="ChangeLang('pt')" title="Traduzir para portugu&ecirc;s"><img src="tradutor/images/portugues.gif" border="0" alt="Portugues"

Então se quiser trocar o idioma escolhido faça as devidas substituições nas partes em negrito

Caso deseje trocar as bandeiras, substitua as imagens dentro da pasta  /tradutor/images na hospedagem
Neste site você encontra bandeiras de todos os países em circulo. http://aimore.net/bandeiras.htm



Prontinho.. Agora seu site tem bandeirinhas de idioma  pra ficar traduzindo os textos. 

Lembrando que a tradução segue o mesmo padrão do google Tradutor. 


Uma boa semana a todos e grande abraço



http://www.webacappellashow.com.br/templates/wasrockinroll/




18/02/2017

PRESTASHOP 1.6 - Módulo para limpar dados exemplos da loja prestashop








Como pode ser ver nossa loja exemplo já está quase pronta para colocoar em funcionamento. Portanto quando se instala o Prestashop, vem acompanhado dados exemplos, como categorias, produtos pedidos e etc.

Existe um módulo que pode facilitar a exclusão destes dados e estaremos disponibilizando ele em nossa loja teste.

Para executá-lo primeiramente baixe ele em nossa loja gratuitamente clicando aqui.

Após baixado vá para MÓDULOS>>MÓDULOS



Na barra superior clique em Adicionar novo módulo



Role a página e  clique em Escolha um arquivo , localize o arquivo no seu computador e carregue-o


E clique em Enviar este módulo

Aguarde até aparecer a mensagem  O módulo foi baixado com sucesso.




Role a página até o campo de busca, a direita caso não aparecer o módulo Prestaqshop Cleaner, digite no campo de busca para que o mesmo seja exibido.



Clique em Instalar

Após instalado ele já abre as opções para execução.

* ATENÇÃO: O PROCESSO É IRREVERSÍVEL, NÃO DÁ PRA VOLTAR ATRÁS.

Selecione então a opção conforme deseja executar e da prosseguimento . No caso da nossa loja exemplo que já cadastramos categorias e produtos vamos executar somente a opção de PEDIDOS E CLIENTES em que será removido somente  clientes, carrinhos, ordens, conexões, convidados, mensagens, estatísticas ...

Marco como SIM  e executo o botão correspondente a função. 

Prontinho.















17/02/2017

PRESTASHOP 1.6 - Desabilitando a visualização rápida dos produtos




Pois então galera.. abraços. As vezes sumimos devido o serviço aqui ta demais da conta..heheh

Mas "tamo" vivo e sempre aparecemos.

Hoje iremos falar da visualização rápida dos produtos. Acontece que o prestashop é um sistema tão completo que se torna pesado. Então quanto menos recursos usar melhor. A melhor coisa a fazer é deixar a loja bem enxuta. E algo que acho muito desnecessário é a opção de visualização rápida do produto. Que se você está usando uma hospedagem compartilhada acaba que o efeito "rápido" resulta no contrário.

E o que é a visualização rápida do produto?

Vamos lá .. na minha opinião é super desnecessário.. mas vou mostrar. Quando habilitado e você passa o mouse por cima do produto ver-se a seguinte mensagem:

 Que ao clicar ele abre um fancybox do produto.



Portanto na visualização rápida não se mostra mais informações do produto como se mostra ao clicar em
"Mais" na capa do produto



Então se você quiser desabilitar esta fancybox, não que a fras "Visualização rápida" vai sumir, mas ela vai redirecionar para a mesma página que ao clicar em Mais.

Para desabilitar então após logar na área administrativa vá para MÓDULOS>>MÓDULOS



Role a página até o campo de busca e digite "Configurador do tema"

Clique em configurar

Procure nas opções iniciais no quadro CONFIGURAÇÕES por "Exibir a janela de visualização rápida na homepage e nas páginas de categorias"  e desabilite a função clicando em NÃO


 Role um pouca a pagina e clique em Salvar.





Prontinho, agora ao clicar em visualização rápida terá a mesma função do que clicar em Mais

Par poder notar a mudança na sua loja é necessário limpar o cache.



05/02/2017

PRESTASHOP 1.6 - Habilitando HTTPS (SSL) , Cadeado verde de segurança na sua loja Prestashop





Nos tempos de hoje algo muito importante é além de mostrar oferecer uma segurança para seu cliente. E uma das formas é inserir um certificado SSL, aquele cadeado verde na barra de endereço nos navegadores.

Além que hoje é uma das diretrizes para que seu site ganhe pontos com Google e se posicione melhor nos resultados de busca.

Em uma postagem mostramos como adquirir um certificado gratuito com o CloudFlare. O CloudFlare além de fornecer o cadeado ele melhora a velocidade do seu website. Veja o post clicando aqui.

Portanto após o domínio já tiver um Certificado SSL é necessário ativar uma função no Prestashop.

Para isso vai em PREFERÊNCIAS>>GERAL




Na tela clique na frase conforme imagem abaixo:





Após clicar vai  habilitar os botões para acionar o SSL. 

Clique em Sim.

E também a opção que você pode ou não forçar usar SSL para forçar em todas as páginas. 



Role a página e cliquem em SALVAR

Clique aqui e veja nossa loja utilizando o certificado.







SSL grátis com Cloudflare




Instalando certificado SSL gratuito pelo Cloudflare


Acesse https://www.cloudflare.com/ e faça um cadastro clicando em Sign Up.



Adicione o domínio do seu website



E clique em Digitalizar registros DNS

O site irá digitalizar os dados do seu registro DNS


Ao término clique em Continuar



Será gerado um novas informações de DNS as quais iremos usar em nossa hospedagem.


Tem que estar com uma nuvem ativada o TIPO A com o nome do domínio e o CNAME com o WWW. Caso a nuvem estiver cinza clique nela para ativar.

Clique em Continuar

Selecione o plano gratuito.





Clique em Continuar

Ele irá fornecer novos names serves.


Anote essa informação

Clique em Continuar

Altere os name server  onde foi registrado  o seu domínio pelo fornecido e aguarde a propagação.

Após propagado volte na sua conta Cloudflare e já estará ativado:



Depois basta incluir as linhas abainxo no htacces. do seu domínio:

# Acesso http redirecionado para https
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [L]



Este SSL  é o mais simples, mas já passa melhor confiança ao visitante do seu site, e já atende umas das diretivas do Google na indexação do seu website.


Related Posts Plugin for WordPress, Blogger...