DEV Community: PANC

Como corrigir problemas de volume baixo ao usar Apple AirPods no Android

PANC — Tue, 08 Dec 2020 11:14:49 +0000

Desde que tenho os Apple AirPods que venho a usar tanto com iOS como Android. Um problema que sempre tive ao usar os AirPods com um dispositivo Android são os níveis de volume que ficam demasiado baixos. Mesmo com o volume no máximo tenho dificuldade em ouvir musica, principalmente se estiver num ambiente com muito ruído.

O mais estranho é que os niveis de volume são diferentes entre aplicações. Se ouvir musica no Google Music reparo que o volume é mais alto do que se estiver a ouvir musica no Spotify.

É normal encontrar este tipo de problemas ao usar os AirPods uma vez que não foram desenhados para Android.

Aqui está o que precisas fazer para corrigir o problema do volume ao usar os AirPods num dispositivo android:
1. Abrir as definições
2. Desça até ao final da página e carregue em "Sistema"
3. Procure por "Número de série" (esta informação pode estar localizada em "Sobre o Telefone").

4. Carregue sete vezes em "Número de série", até aparecer uma mensagem a dizer que se tornou desenvolvedor.
5. Volte para a página "Sistema" e carregue em "Opções de desenvolvedor".

6. Desça até encontrar "Desativar volume absoluto" e carregue uma vez para activar esta opção.

Feito! Agora pode usar os Airpods no Android sem qualquer problema.

[PRESTASHOP]Melhorar a performance

PANC — Fri, 04 Dec 2020 16:52:02 +0000

1. Activar CCC para CSS e JS

CCC (Combinar, Comprimir e Cache) são opções que o Prestashop disponibiliza no backoffice que servem para melhorar a performance do site.

Para aceder às opções CCC use o menu do lado esquerdo do backoffice “Parâmetros avançados” e clica em “Desempenho” como mostra na imagem à esquerda.

CCC permite reduzir o tempo de carregamento das páginas. Com estas definições pode aumentar o desempenho sem sequer tocar no código do tema. CCC é 100% compatível com o tema original do Prestashop, caso use um tema não original, confirme que ao ativar estas opções não cause problemas no site.

Nesta pagina vai encontrar um quadrado com as opções CCC.

Ative todas as opções.

 1. Cache inteligente no CSS – SIM
 2. Cache inteligente no JavaScript – Sim
 3. Optimização Apache – Sim

2. Ative a cache do Prestashop.

Na mesma pagina do CCC ira encontrar um quadrado chamado “Smarty”.

 1. Na caixa “Compilação de modelos” escolha a opção “Recompile templates if the files have been updated”. Esta opção faz com que sempre que faça uma alteração no site, o Prestashop automaticamente apaga a cache para que o seu cliente veja o conteúdo sempre atualizado.
 2. Na caixa “Cache” carregue no botão “Sim” para ativar a cache do Prestashop.
 3. Na caixa “Otimização de várias lojas” pode ativar mesmo que só tenha uma loja.
 4. “Tipo de cache” escolha “File System”. Isto faz com que o Prestashop crie cache em ficheiro. Escolhemos “File system” porque se escolhermos MySQL podemos atingir o numero máximo de processos na base de dados o que fará com que o site pare de funcionar temporariamente.
 5. “Limpar cache” escolha “Clear cache everytime something has been modified”.

3. Tamanho das imagens no site.

As imagens podem ser uma das coisas com mais impacto na performance do site.

Por vezes temos imagens com grandes dimensões para um espaço pequeno no site.

Por exemplo: Queremos mostrar uma imagem que vai ocupar 250px por 250px na pagina inicial, mas a imagem que temos tem 300px por 300px.

O objetivo é usar as imagens com tamanhos aproximados ao bloco em que a queremos mostrar.

Imaginemos que temos um div com 250px x 250px. O objetivo é usar uma imagem com as mesmas dimensões do div como vemos no exemplo abaixo.

4. Compressão das imagens.

Outra forma de otimizar as imagens é usar uma ferramenta de compressão. Isto faz com que as imagens tenham menos qualidade mas que também ocupem menos, carregando o conteúdo mais rápido pois o utilizador tem menos Mb para descarregar.

Uma boa ferramenta para comprimir imagens é o Optimizilla. Nesta ferramenta podemos fazer upload de uma ou varias imagens e o site fará a sua compressão. Ao fazer a compressão, o optimizila sugere uma percentagem de compressão (que na maioria das vezes é a melhor) mas também nos permite ajustar a percentagem ao que achamos melhor.

A imagem abaixo tem 300px x 300px e ocupa 45.8Kb. Ao comprimir, o optimizilla sugeriu uma compressão de 77% fazendo com que a imagem apenas ocupe 11Kb como vemos no exemplo abaixo. Quando vemos a imagem no tamanho normal, é muito difícil perceber que ela perdeu qualidade, apenas conseguimos perceber isso quando ampliamos a imagem.

5. Especificar dimensões das imagens.

Especificar a largura e altura na tag de todas as imagens permite uma renderização mais rápida, ajudando o navegador a reservar o espaço para a imagem sem que tenha que redimensionar enquanto renderiza.

Exemplo:

<img src="smiley.gif" alt="Smiley face" width="42" height="42">

[PRESTASHOP]Como adicionar campos personalizados ao produto.

PANC — Fri, 04 Dec 2020 16:23:20 +0000

Como existem duvidas sobre como adicionar campos personalizados aos produtos e esta informação está em falta na documentação do Prestashop, decidi criar este tutorial.

Começamos por copiar o ficheiro classes/Product.php para override/classes. Ao criar um override deste ficheiro fazemos com que seja possível atualizar a versão do Prestashop no futuro sem que apague as nossas alterações.

Neste exemplo vou criar o campo “field_exemplo” que vai adicionar um campo à pagina de criação de produtos no BackOffice para depois mostrar esta informação na pagina do produto no FrontOffice

Por baixo de “class ProductCore extends ObjectModel” vamos adicionar o seguinte:

/** @var string Exemplo */
public $field_exemplo;

No mesmo ficheiro pesquisamos por “‘id_shop_default’ =>” e acrescentamos por cima dessa linha o seguinte:

'field_exemplo' => array('type' => self::TYPE_HTML, 'lang' => true, 'validate' => 'isString'),

No mesmo ficheiro pesquisamos por ” pl.description” e acrescentamos depois da virgula o seguinte:

pl.`field_exemplo`,

Abrimos o ficheiro AdminModelAdapter.php localizado em src\PrestaShopBundle\Model\Product\AdminModelAdapter.php e dentro do ficheiro pesquisamos por ‘link_rewrite’, e por cima dessa linha adicionamos o seguinte código:

'field_exemplo',

No mesmo ficheiro pesquisamos por $this->product->name, e por cima dessa linha adicionamos a seguinte linha de codigo:

'field_exemplo' => $this->product->field_exemplo,

Agora abrimos o ficheiro ProductInformation.php que está em src\PrestaShopBundle\Form\Admin\Product\ProductInformation.php e pesquisamos por add(‘name’, TranslateType::class, array e por cima dessa linha adicionamos o seguinte código:

->add('field_exemplo', 'PrestaShopBundle\Form\Admin\Type\TranslateType', array(
            'options' => [
                'required' => false
            ],
            'locales' => $this->locales,
            'hideTabs' => true,
            'label' => $this->translator->trans('field_exemplo', [], 'Admin.Global'),
            'required' => false
))

Agora abrimos o ficheiro essentials.html.twig que está em src\PrestaShopBundle\Resources\views\Admin\Product\ProductPage\Panels\essentials.html.twig e pesquisamos por {% if ‘PS_STOCK_MANAGEMENT’|configuration %} e por cima dessa linha adicionamos o seguinte código:

<div class="form-group mb-4">
   <h2 style="padding-top:0px;">
      Field Exemplo
   </h2>
   <div class="row">
      <div class="col-xl-12 col-lg-12">
         {{ form_widget(form.step1.field_exemplo) }}
      </div>
   </div>
</div>

Criamos uma nova coluna na base de dados executando o seguinte código no separador “SQL”:

ALTER TABLE `product_lang` ADD `field_exemplo` TEXT NOT NULL AFTER `name`;

Agora só falta mostrar a informação que submetemos no Backoffice na pagina do produto do FrontOffice.

Dependendo do sitio onde queremos mostrar, os ficheiros variam, mas neste exemplo vamos adicionar por baixo do preço do produto alterando o ficheiro product-prices.tpl que fica em themes\classic\templates\catalog_partials\product-prices.tpl adicionando o seguinte código por cima de {block name=’product_unit_price’} adicionamos o seguinte codigo:

{if $product.field_exemplo}
   {$product.field_exemplo}
{/if}