Tudo o que quer saber antes de instalar.
Uma análise detalhada de como o Módulo Dark Mode PrestaShop 8/9: Modo escuro automático funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.
O modo escuro passou a ser um padrão, e não uma opção
A maioria dos telemóveis e dos computadores está configurada em tema escuro, pelo menos durante parte do dia. Um site que se mantém branco e brilhante às 23 h num ecrã de telemóvel provoca um desconforto visual imediato e, muitas vezes, uma saída. Este módulo traz à sua loja PrestaShop o conforto que os seus clientes já encontram em todo o lado, sem que tenha de mexer numa única linha do seu tema.
Segue a preferência dos seus visitantes, sozinho
Por predefinição, o módulo lê a preferência de cor do sistema operativo do visitante e aplica o modo correspondente. Se o cliente puser o aparelho em modo escuro durante a navegação, a loja acompanha em direto, sem recarregar. Assim que ele usa o botão para escolher de forma explícita, a sua escolha fica memorizada no navegador e é mantida em todas as visitas seguintes.
Um motor universal que respeita as suas fotografias de produto
O motor de filtro inteligente inverte a página e contrainverte cada conteúdo: imagens, vídeos, iframes, canvas e fundos. As suas fotografias de produto mantêm, por isso, as cores naturais, e uma t-shirt branca continua branca. Uma proteção contra dupla inversão trata dos conteúdos inseridos uns nos outros, um caso frequente nos temas que usam o elemento picture para o responsivo. O brilho e o contraste são ajustáveis para afinar o resultado.
Ou uma verdadeira paleta escura, gerada por si
O segundo motor calcula uma gama escura completa a partir de apenas duas cores: um fundo e um destaque. Três níveis de superfície, os contornos, o texto principal e o texto atenuado, o destaque e o seu estado ao passar o rato são daí derivados automaticamente e depois expostos em variáveis CSS. A cor do texto dos botões é até escolhida segundo a luminância relativa do seu destaque, para garantir um contraste legível.
Zero flash branco, logo na primeira imagem
A maioria das soluções de modo escuro aplica o seu tema em JavaScript depois do carregamento, o que produz um clarão branco desagradável. Aqui, um script síncrono coloca a classe escura na etiqueta raiz antes da primeira apresentação do navegador. O visitante nunca vê a versão clara, nem por uma fração de segundo.
O botão onde o quiser, sem programar
Botão flutuante discreto num dos quatro cantos, ou interruptor integrado no seu cabeçalho ou no seu rodapé. Escolhe o hook de destino numa lista, ou escreve o nome de um hook personalizado do seu tema: o módulo regista-o automaticamente ao gravar. Para os integradores, a sintaxe widget do PrestaShop também permite mostrar o botão em qualquer ponto de um modelo.
Leve, autónomo e sem dependências
Sem Composer, sem frameworks e sem bibliotecas JavaScript externas. Cerca de 8 KB acrescentados no total, uma API pública e um evento de mudança de modo para ligar as suas próprias integrações, e uma atenção completa à acessibilidade: atributos ARIA, foco visível e respeito pela definição de sistema de redução de animações.
Ainda não existem avaliações.