30/09/2015

PRESTASHOP & WEBACAPPELLA | Configurando o php.ini




TEMA: Prestashop integrado com Webacappella
ARTIGO: Revisado e Melhorado
VERSÃO: PRESTASHOP  1.5.x |  WEBACAPPELLA  4

Oi turma do bem!



Antes de iniciarmos a instalação do Prestashop integrado com o Webacappella é fundamental a configuração do PHP.INI. Desta forma vai evitar alguns imprevistos e terá uma instalação muito mais tranquila.


Vamos configurar nosso arquivo php.ini.



É importante citar que certas configurações no arquivo php.ini melhoram o funcionamento da loja, porém vai depender das limitações do tipo de hospedagem contratada.



Portanto é aconselhável que consulte o serviço de sua hospedagem para saber suas limitações. Algumas configurações podem ser feitas, mas podem causar problemas de desempenho de outros usuários do servidor (hospedagem compartilhada por exemplo); neste caso corre-se o risco da hospedagem bloquear sua conta até que suas configurações sejam reajustadas.



Eu tenho como prática configurar o php.ini até mesmo antes de iniciar a instalação da loja, evitando assim esbarrar com problemas na instalação justamente por o php.ini não estar ativo no servidor.



Gostaria de lembrar também que esta série de Post sobre o PrestaShop & WebAcappella eu estou utilizando uma hospedagem compartilhada da Hostgator.  Apesar que poderia estar usando outros planos que tenho e até acho mais interessante para Prestashop, optei usar esta pois além de ser a mais popular; não possui uma velocidade ideal para uma loja . Eu mostrei neste artigo  que a taxa de transferência de uma hospedagem compartilhada da Hostgator não é ideal para uma loja com mais de 1000 produtos. Apesar que a Hostgator é ganhadora de vários prêmios e etc, ela oferece um programa de comissão. Pode até ser o motivo de ser tão indicada.



Eu gosto muito da Hostgator para certas situações, mas estaria enganando meus caros colegas dizendo que uma hospedagem compartilhada da Hostgator é boa para loja virtual  pelo fato de ganhar comissões sobre venda.



Resumindo, ao decorrer do tempo será mostrado on line a loja e seu desempenho utilizando uma hospedagem compartilhada Hostgator



Mas vamos ao que interessa.




Nosso primeiro passo é descobrir os módulos e funções em nosso servidor. Para isso vamos criar um arquivo chamado phpinfo.php. Este arquivo pode mudar de acordo com seu serviço de hospedagem. No caso da hostgator:



edite um arquivo pelo notepad++ e o salve como phpinfo.php


Cole neste arquivo o seguinte conteúdo

Mostrar todas as informações PHP

<?php
phpinfo ();
?>


Mostrar todos os modulos instalados


<?php
phpinfo(INFO_MODULES);
?>


Mostrar as configurações do php.ini



<?php
phpinfo(INFO_CONFIGURATION);
?>



OU faça um com todas as opções.

<?php 
phpinfo (); 
phpinfo(INFO_MODULES); 
phpinfo(INFO_CONFIGURATION); 
?>



Agora faça upload do arquivo para seu espaço web (dentro da pasta public_html)

exemplo: phpinfo.php


Feito, acesse o arquivo pelo seu navegador


exemplo: www.seudominio.com/phpinfo.php

Agora você poderá visualizar todas as opções ativas disponíveis em sua conta de hospedagem



Então no CPANEL de sua hospedagem na área de Software e Serviços procure por PHP Configuratiom




Acessando o PHP CONFIGURATION "Configuração PHP" normalmente você vai encontrá-lo configurado como System Default , mude para PHP5 e clique em Atualizar.




Futuramente iremos explicar como atualizar para php 5.3 e php 5.4,. Não vem ao caso agora.


Feito isso volte ao seu CPANEL na mesma área e clique duas vezes em PHP.INI EZCONFIG



A primeira coisa é saber se existe ou não o arquivo php.ini e como ativá-lo





Clique em Enable EzConfig para ativá-lo




Será então exposto opções configuráveis do seu servidor.





Repare que ao ativar o EzConfig automaticamente um arquivo php.ini é criado no diretório principal da sua hospedagem (não é no public_html) 





Muita atenção na hora de configurar seus valores, pois apesar de você ver por aí certas postagens; inclusive no próprio fórum do prestashop, informando valores em que melhorarão muito o desempenho de sua loja. Não significa que sua hospedagem comporta. Daí então evite que seu provedor bloquei sua conta até que normalize as configurações.


Melhor ter uma loja não muito rápida mas estável do que o cliente visitar sua loja 2 ou 3 vezes e ela estar fora do ar. Causa insegurança.


Na hospedagem compartilhada da Hostgator tem algumas limitações que devem ser respeitadas.


fonte: http://faq.hostgator.com.br/content/54/471/pt-br/configura%C3%A7%C3%B5es-do-php.html#maxphp


Então se sua hospedagem é uma hospedagem comum compartilhada na Hostgator, não adianta bater o pé e se aventurar forçar a barra ultrapassando seus limites.

Continuando.. Você pode alterar as configurações pelo Ezconfig ou editando o php.ini, Eu particularmente prefiro editar o arquivo PHP.INI


Existem várias formas de se configurar o php.ini. 

Citarei aqui algumas básicas em que ajudarão muito até mesmo na segunda parte sobre Tradução da loja que em breve estaremos disponibilizando


a) Ativando o file_upload

Esta opção diz ao serviço que pode fazer upload de arquivos permitidos. Pode até acontecer de não conseguirem fazer a instalação do Prestashop devido esta opção estar desabitada. 

No php.ini EZConfig
Procure por file_uploads e marque como ON





Editanto o arquivo  php.ini


Abra o arquivo php.ini e pesquise por file_uploads

Altere de off para on. Terá que ficar semelhante ao abaixo:


Se no seu php.ini não existir esta linha, incluo-a.










b) Ativando o allow_url_fopen 

Esta opçao é para autorizar ao prestashop abrir links externos. Desta forma o Prestashop poderá por exemplo atualizar taxas de câmbio automaticamente.

No php.ini EZConfig




Editanto o arquivo  php.ini










c) Desative register_globals



No php.ini EZConfig




Editanto o arquivo  php.ini






d) Ative a compressão Gzip

Assim você autoriza o Prestashop a extrair arquivos gzip no servidor para instalação de módulos


No php.ini EZConfig




Editanto o arquivo  php.ini










e) Desativando o magic quotes

No php.ini EZConfig



Editanto o arquivo  php.ini








f) Configurando limite de memória e tamanho


Você pode encontrar alguns erros por exemplo ao enviar uma imagem grande, e receber um erro que foi excedido o limite de memória. Ou você diminui o tamanho de imagem ou aumenta o limite no php.ini. Eu costumo deixar 256 no caso da Hostgator compartilhada.


No php.ini EZConfig



Editanto o arquivo  php.ini







Obs: Se você possui uma hospedagem compartilhada procure definir o menor limite possível. Pois definindo alto pode ocorrer problemas de desempenho a outros usuários do servidor resultando seu provedor bloquear sua conta té que faça novos ajustes. Caso possua uma vps ou um servidor dedicado utilize conforme o limite do contratado. Então não ultrapasse o máximo permitido.






g) Configurando o tempo máximo de execução 


Do mesmo modo que o anterior procure configurar de acordo com o tipo de hospedagem, se for compartilhada procure usar valores menores. Esta configuração é tipo você vai importar uma certa quantidade de produtos que ultrapassam o tempo máximo de execução, daí pode ocorrer um erro. Caso o erro ocorrer aumente de acordo com a necessidade respeitando os limites de sua hospedagem.


No php.ini EZConfig



Editanto o arquivo  php.ini






h) Configurando o tamanho de upload

Ao fazer o upload da imagem do produto e está seja muito grande, você também pode alterar o limite máximo com esta configuração . Mas aconselho que trabalha na imagem em vez de alterar estes valores.

No php.ini EZConfig



Editanto o arquivo  php.ini







i) Alterando o tamanho máximo de posts e tempo máximo de entrada. 



No php.ini EZConfig


Editanto o arquivo  php.ini






Portanto neste caso é interessante consultar sua hospedagem caso for compartilhada para não ter problemas como citados anteriormente


j) Incluindo extension=mcrypt.so

Este terá que ser incluído no arquivo php.ini

Edite o arquivo php.ini e procure o seguinte trecho


extension=pdo.so
extension=pdo_sqlite.so
extension=sqlite.so

extension=pdo_mysql.so


Inclua logo acima ficando assim:


extension=mcrypt.so
extension=pdo.so
extension=pdo_sqlite.so
extension=sqlite.so

extension=pdo_mysql.so


k) Incluindo o max_input_vars


Este geralmente não vem disponível no php.ini Ezconfig. Desta forma é necessário editar o arquivo php.ini. A inclusão desta linha é indispensável para o restante de nossa tradução da loja.


Localize no php.ini o seguinte trecho:

max_execution_time = 30
max_input_time = 60
memory_limit = 256M

e logo abaixo acrescenta a seguinte linha:


max_input_vars = 10000

e salve



Observe agora no php.ini Ezconfig que a opção agora ficou disponível. 






Bom, seguindo estas orientações estaremos prontos para iniciarmos a instalação de nossa loja quanto outras opções que serão vistas posteriormente. Lembrando que são configurações sugeridas para o tipo de hospedagem citada. As configurações podem ser melhores ajustadas de acordo com seu plano de hospedagem.

É isso aí galera do bem.. Abraço a todos e até a próxima postagem. 

Se gostou compartilhe, pois da mesma forma que estamos levando algum conhecimento a você, seja ele de grande importância ou não; sempre tem alguém que não tem este conhecimento e possa estar precisando. 

Ninguém é melhor que ninguém ..abraçooooo







26/09/2015

PRESTASHOP & WEBACAPPELLA | Tradução




TEMA: Prestashop integrado com Webacappella
ARTIGO: Revisado e Melhorado
VERSÃO: PRESTASHOP  1.5.x |  WEBACAPPELLA  4

Olá turma do bem!!

Continuando nosso artigo sobre Prestashop integrado com WebAcappella, vamos começar a falar da Tradução.


Então a parte de tradução eu vou dividir em 2 partes. Hoje falarei da primeira.


Antes de começar vou comentar de como gosto de trabalhar. Todo site que desenvolvo; meu cliente recebe uma área restrita a qual tem várias opções tais: 



  • Acesso ao webmail, 
  • Gerenciador de arquivos,
  • Forma do próprio cliente alterar aquela imagem que aparece no facebook se alguém clicar no botão compartilhar do site,
  • Acesso a área administrativa que é o adm do site,
  • Acesso a abertura de tickets
  • Link para o acesso ao painel da sua loja e outras coisas mais.


Enfim, procuro fornecer ao meu cliente a maior comodidade possível.


Enfim, nesta área restrita eu tenho a minha senha cadastrada também, facilita até pra mim quando tenho que executar algum chamado de suporte que envolva a loja. Desta forma não preciso ficar guardando a URL e nem abrir o projeto do WebAcappella para acessar.



Mas como não sei como cada um trabalha. Sendo assim, abra o Webacappella e clique em Back Office ou  na opção "MY shop>>Back office (url) address" e depois clique em Open para ser redirecionado ao painel da loja








É importante citar que neste artigo estou auxiliando a trocar o idioma do Prestashop para Português Brasil.




Agora selecione no menu LOCALIZATION>>TRANSLATION






Agora na área Trnaslation exchange selecione Português BR (Portuguese)





e clique em "Add or update a language"



Após então clique em "My Preferences" no topo a direita e procure o campo Language e selecione "Português BR (Portuguese)






Depois clique em Salvar na parte superior esquerda da tela. "NÃO ESQUEÇA DE SALVAR"



Bom, até agora já temos nosso Painel da loja traduzido, caso os menus superiores ainda estiverem em inglês repita esta parte:



Selecione novamente no menu LOCALIZATION>>TRANSLATION




Agora na área Trnaslation exchange selecione Português BR (Portuguese)





e clique em "Add or update a language"





Um dos motivos que gosto de ajustar o php.ini antes de tudo:

No painel da loja Em "Parâmetros avançados >> Informações da configuração" bem no fim da página, repare na figura abaixo  uma das consequências de se configurar o php.ini.




Continuando com as traduções............. 


Entre no menu Localização>> localização

Na área IMPORTAR PACOTE DE LOCALIZAÇÃO selecione Brazil  marque todas as caixas de verificação e clique em Importar.


Continuando na mesma página procure a área Localização e confira se as unidades estão todas corretas.



Ainda na mesma página, na área Avançado se Localização de idioma estiver "en" altere para "pt"

e clique em salvar


Agora vamos no menu LOCALIZAÇÃO>>TRADUÇÕES.


Logo na primeira parte em "Modificar traduções" (observe a figura abaixo)



Clicando na seta informada pela seta vermelha a) , abrirá todos os itens em que iremos traduzir
Observe que pela seta b) que para cada item deve selecionar na lista.

Sendo:
Para traduções da loja clique selecione o primeiro e clique na bandeira do Brasil, para traduções da área de administração no segundo e clique na bandeira do Brasil  assim por diante.

A cada opção traduzida será mostrado um resultado semelhante a figura abaixo:



Portanto a tradução não é assim 100% perfeita, é interessante  revisar perder o tempo revisando e adaptando as traduções.


Repare então na figura acima, a cada bloco você verá um número informando a quantidade de expressões que foram traduzidas. Clicando nesta área é mostrado todas as traduções executadas e as pedentes se existir.

Revise as traduções e as altere a seu gosto.

É importante fazer esta revisão pois lamentavelmente o Prestashop vem com com alguns errinhos até mesmo de português.

Observe na imagem abaixo que além de corrigir eu alterei a frase a meu gosto.


Depois de feita as mudanças é importante clicar em ATUALIZAR TRADUÇÕES no topo da página.

 Em alguns casos pode ocorrer do Prestashop não traduzir. Portanto isto é sinalizado em vermelho. Então vá ao campo sinalizado e preenche-o com  a tradução:




 Não esqueça de atualizar as traduções

Confesso a vocês que no caso desta loja exemplo que estou usando para nossos artigos, não farei essa revisão. Até mesmo que preciso que alguns erros apareçam para auxiliar nas correções futuras no processo da criação de nossa loja exemplo.


Após todas traduções feitas ainda na opção LOCALIZAÇÃO>> TRADUÇÕES, procure pela área
"Copiar"

Lembrando que este artigo tem como referência a tradução da loja para Português Brasil

Configure então exatamente como mostra a imagem abaixo e clique em Copiar.




Bom.. para quem pensa que terminou, tem alguns pequenos detalhes:

Detalhes que na verdade são conteúdos no banco de dados em que não são traduzidos pelas formas anteriores mostradas.

Por exemplo:

No painel do PRESTASHOP selecione a opção ADMINISTRAÇÃO>>PERFIS



Observe que o nome cadastrado para cada perfil está em inglês, então a necessidade de se alterar cada um, digitando o nome em português ou de uma forma que você ache melhor e salvar.

Agora preste atenção nos passos abaixo para que você consiga alterar sem problemas.

1) Clique no ícone apontado pela seta para editar


2) Clique na bandeira ao lado, aparecerão as demais bandeiras, daí clique na do Brasil e depois digite o conteúdo no campo. Após clique em Salvar.






Então vou adiantar e informar alguns locais que deverão ser feita as alterações manuais editando o próprio cadastro. Isso se você for aproveitar o que já está cadastrado.
Todos utilizando o processo do explicado acima.

Menus:

  • PREFERÊNCIAS>>CMS
  • CLIENTES>>GRUPOS DE CLIENTES
  • CLIENTES>>TÍTULOS
  • CLIENTES>>CONTATOS
  • PEDIDOS>>STATUS
  • PEDIDOS>>MENSAGENS DE COMPRAS



Pois é isso aí turma do bem, se alguém tiver algo a mais para complementar este artigo. Deixe em comentários para que possa atualizar..

Abração a todos

25/09/2015

Site Responsivo x Versão Mobile | PRIORIDADE 1 > Sair da Penalidade do Google






TEMA: Site Responsivo x Versão Mobile
ARTIGO: Revisado e melhorado
VERSÃO: WEBACAPPELLA  4

Olá galera do bem!

Voltamos em mais uma postagem da série Site Responsivo x Versão Mobile.


Portanto diante aos acontecimentos que algumas pessoas estão enfrentando, a prioridade mudou. 


Não sei você leitor, se você desenvolve seu próprio website, se faz por hobby ou se trabalha desenvolvendo websites para terceiros e como trabalha. No meu caso eu tenho contrato com clientes.


Ando observando que aqueles clientes em que o site não tem a versão mobile tem caído consideravelmente na quantidade de visitas. O que sei é que é uma situação muito ruim apresentar a estatística para seu cliente onde o resultado é negativo.


Muitos vão dizer: - Tem algo errado com o site, só pode.


Pior, ele está certo. Tem sim! O site não tem sua versão mobile.



 E o que fazer?



  • Chegar no meu cliente sem ter o mínimo de bom senso e dizer que ele não contratou uma versão mobile? 
  • Ignorar a situação como nada estivesse acontecendo e deixar que o mesmo fique insatisfeito até decidir cancelar o contrato?
  • Jogar a culpa no cliente dizendo que o negócio dele que não é interessante e ocultar a questão do mobile de forma não o conscientizar da situação? Saiba que uma hora pode aparecer um concorrente mostrando esta situação pra ele e ainda o convencendo que você o enganou o tempo todo.
Não sei a relação de vocês com seus clientes, mas a minha é de parceria. Cada cliente para mim é um parceiro. 

Portanto, não tem como simplesmente chegar no meu cliente e cobrar dele um site Mobile. Em qualquer ramo de atividade, um profissional que se preze passará momentos em que "vai trabalhar de graça". 

Mas como sempre digo "Olhe a Xícara por ambos os lados, a xícara tem uma alça de um lado só. Dependendo do ângulo que se olha para ela, verá a mesma xícara de formas diferentes." Então encare a situação com vários pontos de vista. 

Nesta situação, em vez de eu ser pessimista e ficar trabalhando pensando: "Que xato. to trabalhando de graça" vou pensar "O fato de esclarecer a situação com meu cliente, e fornecer uma solução vai aumentar a confiabilidade que ele tem em meu trabalho".

Galera, o seu cliente é o seu combustível para que seu negócio saia do lugar  para que ele prospere. 

Então qual a medida decidi tomar:

Simples, Contatei cada cliente, expliquei sobre as mudanças drásticas do Google e expus a solução imediata para contornar a situação no momento até tomarmos novas decisões. Informei que seria criado uma página básica a qual estaria informando que a versão mobile estava em construção e com um botão para que visite a versão Desktop" E depois seria criado a versão mobile bem simples direcionada no que é realmente é relevante sem custo algum. Assim, se ele optasse a ter uma versão mais completa para celular, neste caso sim; seria tarifado.

Desta maneira poderia salvar em menor espaço de tempo todos meus clientes da penalidade, ter tempo para um ajuste da versão Mobile simples e por fim; para os que interessassem criaria a versão mais completa e ainda teria entradas no caixa.


Diante desta história contada pra vocês, o post de hoje é:

PRIORIDADE 1 >> SAIR DA PENALIDADE DO GOOGLE


Como visto no artigo anterior vamos sequenciar este tema usando o próprio domínio do WebAcappelashow para criarmos duas ou mais versões do site.



O primeiro passo, feito anteriormente é criar a página mobile-provisoria.html

Mas seguindo nossa prioridade estaremos criando então o básico do básico para a versão mobile do site. Lembrando da meta prioritária: Sair da penalidade do Google.

Obviamente não estou querendo dizer que vamos nos posicionar melhor no ranqueamento e ou que estamos cumprindo todas as diretrizes do Google. Nossa primeira preocupação é passar no teste oficial de Google para dispositivos móveis. Se o Google disponibiliza uma ferramenta teste a qual fornece um resultado positivo ou negativo e ainda lista detalhes para correções; entende-se que passando no teste pelo menos o site está cumprindo com as principais regras e para ela está considerado um site para dispositivo móveis saindo da penalidade.



Então galera, vamos mexer no projeto do site do WebacappellaShow 

Como tenho uma prioridade, vou evitar perder tempo com novas experiências e vou criar a versão Mobile seguindo as instruções fornecidas no Blog Oficial do Webacappella.


Link da Matéria do Blog > http://blogwebacappella.fr/2013/04/04/creer-un-site-pour-les-appareils-mobiles/#more-2049


Está em Francês, mas nada que um bom translator não resolva. rs



Resumindo:




  • Configurar as páginas com 900px de largura ; pois em 1000 pixels como havia dito na postagem anterior. Conforme o blog oficial do WebAcappella 1000 px não seria muito adequado para os smartphones de tela como o iPhone.
  • Tamanho da fonte para textos: 36px
  • Tamanho da fonte para títulos: 44px 
  • Aproveitar bastante dos recursos âncora no WebAcappella ou utilizar de um menu flutuante para  páginas compridas .



Então no webacappella criei uma nova página nomeada como  mobile-provisória.html e fiz a telinha básica da básica para minha versão celular








Assim terá um botão redirecionando para a versão Desktop do site.



In no head da página principal vou inserir o seguinte código:

<script type="text/javascript">
var width = screen.width;
var height = screen.height;
if (width <= 640)
document.write("<meta http-equiv='refresh' content='0; url=http://www.webacappellashow.com.br/mobile-provisoria.html'>")


</script>




É importante citar que não são os códigos sugeridos pelo Google, estes serão explicados numa nova série de postagens que será lançada explicando como criar um site mobile no WA 4, até mesmo sem necessidade de seguir as instruções do Blog Oficial do Webacappella (link informado acima) e sem necessidade de ter projetos diferentes para cada versão. Tudo na pasta public da hospedagem.

O tema a ser lançado será "Criando um site mobile no WA 4"

Criado esta página emergencial vista pelo browser como http://www.webacappellashow.com.br/mobile/index.html



Agora testando o site no teste do Gooble  vamos conferir  o resultado:








Wowwww!!! Passamos!!!


Além de passarmos, melhor; se o internauta clicar em VERSÃO DESKTOP, ele será redirecionado para a versão desktop do site mesmo no celular. Faça o teste no seu celular e comprove.



Caso queira aproveitar este código, basta trocar os trechos em vermelho pela suas url


ps. Gostaria de lembrar que ao visitar o site pode não condizer com as telas aqui printadas. Isto porque a medida que vou postando  vou alterando o projeto de acordo com os artigos. 

Um grande abraço para todos vocês.












Related Posts Plugin for WordPress, Blogger...