Galeria de Produtos RKR

Zoom, sem bordas brancas

O PrestaShop gera cada formato com as dimensões exatas do tipo de imagem e preenche o excesso com branco. Essa moldura permanece dentro do JPEG: não importa o quanto você dê zoom, você estará ampliando apenas a moldura.

O módulo começa com a imagem original ( img/p/ , preservando sua proporção, e gera uma cópia ampliada no tamanho e qualidade especificados. Ele amplia a própria imagem, não a área ao redor.

Um visualizador com todas as fotos.

Ao abrir o aplicativo, todas as imagens do produto aparecem, não apenas as que cabem na galeria: grade de miniaturas no computador, pontos no celular, setas, teclado, roda de zoom, clique duplo e gesto de pinça.

O estilo se escolhe sozinho.

As regras são avaliadas de cima para baixo e a primeira que se encaixa vence: pelo número de imagens, pela orientação dominante do conjunto, pela orientação ou largura da capa ou pelas categorias.

Um produto com duas fotos não deve usar o mesmo estilo que um com quatorze. A prioridade é clara: o estilo definido manualmente na listagem do produto sempre prevalece; caso contrário, a primeira regra que se aplicar; e se nenhuma se aplicar, o estilo padrão.

Projetado para dispositivos móveis, com dados.

Nos cartões de índice para desktop analisados pela Baymard, 100% usam miniaturas, enquanto nas versões para dispositivos móveis apenas 24% o fazem. Com pontos em vez de miniaturas, as pessoas pulam as fotos e, além disso, o ponto é um alvo muito pequeno para o dedo.

Por isso, o estilo recomendado para dispositivos móveis coloca a lista abaixo da foto, com um contador "3/12" e a última miniatura parcialmente visível: um sinal de que a lista ainda não ocupa muito espaço na tela. Os alvos aumentam para 44px e a animação é reduzida se o sistema assim o solicitar.

Vídeo dentro da galeria

O vídeo é exibido ao lado das fotos, e não abaixo da descrição, onde quase ninguém rola a página. O slide mostra uma foto com um botão de reprodução, e o player só carrega quando ele é pressionado: em um teste real do YouTube, observou-se uma requisição a um serviço externo antes de pressionar o botão, contra vinte depois .

O YouTube carrega o conteúdo do domínio sem cookies, e o Vimeo solicita que o usuário não seja rastreado. Vídeos com títulos e miniaturas são inseridos nos dados estruturados como VideoObject .

Um assistente que vigia sua loja.

Sete etapas que não substituem o formulário: você pode abri-las se quiser e abandoná-las onde preferir. Cada uma verifica o estado atual da sua loja — se o modelo está instalado no tema, quais formatos de imagem você tem, quais fotos estão carregadas — explica o que cada opção implica e oferece a aplicação das recomendações com um clique.

Inclui um painel de diagnóstico que mede suas imagens e indica quais delas não atendem aos padrões, além de um guia com uma simulação de cada estilo em ambas as telas.

O que vem incluído de série

• ImageGallery apresenta dados estruturados com todas as fotos, dimensões reais e a capa marcada como representativa da página.
• Modo de modelo (sem repintura) ou modo automático (sem alterar o tema).
• Rolagem automática opcional, apenas em dispositivos móveis se desejar, respeitando a configuração prefers-reduced-motion .
• Sem jQuery e sem bibliotecas de terceiros no front-end.
• Guia do usuário para o back-office, em espanhol e inglês.

Compatibilidade

PrestaShop 1.7.8 a 9.x, com PHP 7.4 ou superior. Testado nos temas Hummingbird e clássico.