Kowal Product Gallery Grid para Magento 2
- Compatibilidade
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4
Descrição / Kowal Product Gallery Grid para Magento 2
MAGENTO 2 · FOTOGRAFIAS · DESKTOP · GALERIA DE PRODUTO
Mostre mais perspetivas do produto numa grelha de fotografias clara.
Kowal Product Gallery Grid
Aproveite a largura do ecrã do computador: fotografias grandes apresentam os detalhes, enquanto a coluna de informações acompanha a deslocação. Mantenha o fullscreen nativo do Magento e a galeria padrão nos telemóveis.
1–4 colunas · Fotografias de variantes · Ampliação nativa
COMO FUNCIONA NA PRÁTICA
01 · Define o layout das fotografias
Configura o número de colunas e as dimensões das imagens.
02 · O cliente vê os detalhes
As perspetivas visíveis ajudam a comparar o aspeto do produto.
03 · Abre a fotografia selecionada
O clique inicia o fullscreen da galeria nativa.
O que ganha a sua loja?
Conheça as funcionalidades, a utilização e as definições do módulo.
Uma nova qualidade na apresentação de fotografias de produto no Magento 2
Kowal_ProductGallery transforma a galeria de produto padrão no desktop numa grelha moderna e clara de fotografias grandes. Em vez do layout clássico com uma fotografia principal e miniaturas pequenas, o cliente vê de imediato mais perspetivas do produto, compreende mais rapidamente o seu aspeto e toma a decisão de compra com mais facilidade.
Esta solução foi concebida para lojas em que as fotografias vendem de facto: moda, interiores, equipamento para casa, beauty, acessórios, premium retail e todos os contextos em que o detalhe do produto é importante.
1. Mais fotografias visíveis de imediato
O cliente não precisa de clicar nas miniaturas para ver as perspetivas seguintes. Logo ao entrar pela primeira vez na ficha de produto, recebe uma visão mais ampla da oferta:
- vê o produto a partir de várias perspetivas,
- avalia mais rapidamente a cor, a textura, as proporções e os detalhes,
- compara fotografias com mais facilidade, sem interações desnecessárias.
Isto encurta o caminho entre o interesse e a compra.
2. Impacto visual mais forte na ficha de produto
Fotografias grandes organizadas numa grelha estética criam uma perceção mais moderna e premium da loja. O produto apresenta-se melhor e a própria ficha parece mais cuidada e mais orientada para vendas do que no layout padrão do Magento.
Esta forma de apresentação apoia particularmente bem sortidos em que a imagem é um dos principais argumentos de compra.
3. Melhor experiência de compra no desktop
O layout foi preparado especificamente para desktop, onde o utilizador tem mais espaço no ecrã e espera acesso rápido a uma maior quantidade de conteúdo. A galeria utiliza este espaço de forma eficiente:
- as fotografias são maiores e mais legíveis,
- o layout é mais intuitivo durante a navegação,
- a coluna direita com informações sobre o produto permanece convenientemente acessível durante o scroll.
O resultado é uma navegação mais fluida pela página de produto e um menor risco de perder a atenção do cliente.
4. Manutenção do mecanismo conhecido de ampliação de fotografias
A nova forma de apresentação não retira ao utilizador as funcionalidades convenientes da galeria padrão do Magento. Depois de clicar numa fotografia, o cliente continua a poder abrir a pré-visualização em ecrã inteiro e ver o produto em detalhe.
Assim, a loja ganha um aspeto mais moderno sem abdicar dos comportamentos de galeria já conhecidos.
5. Sem alterações no mobile
O módulo modifica apenas a vista desktop. Em dispositivos móveis, permanece a galeria nativa do Magento, o que permite manter uma experiência de compra previsível e conveniente nos telemóveis.
Isto é importante porque as expectativas dos utilizadores desktop e mobile são diferentes, e um único layout nem sempre funciona bem em ambos os contextos.
Impacto nas vendas e na perceção do produto
Uma melhor exposição das fotografias pode traduzir-se em:
- maior envolvimento do utilizador na ficha de produto,
- melhor compreensão do produto ainda antes de o adicionar ao carrinho,
- apresentação mais forte da qualidade, do acabamento e dos detalhes,
- redução da incerteza na compra,
- imagem mais profissional da loja.
Na prática, isto significa uma ficha de produto que trabalha de forma mais eficaz para a conversão e aproveita melhor os materiais fotográficos já disponíveis na loja.
Para que lojas este módulo oferece maior valor
O módulo funciona especialmente bem em setores em que o cliente compra com os olhos:
- fashion e calçado,
- mobiliário e decoração de interiores,
- decoração e home accessories,
- cosméticos e beauty,
- joalharia e acessórios,
- produtos premium e lifestyle.
Quanto maior for a importância das fotografias de produto, maior é o benefício de passar para um layout em grelha.
Resumo
Kowal_ProductGallery ajuda a transformar a ficha de produto padrão do Magento 2 numa apresentação mais moderna, visual e comercial. O cliente vê mais informação mais rapidamente, avalia o produto com maior facilidade e utiliza a galeria de forma mais cómoda, enquanto a loja ganha uma exposição mais forte da oferta sem alterar os hábitos básicos do utilizador.
É uma extensão prática para lojas que pretendem aproveitar melhor as fotografias de produto como uma verdadeira ferramenta de vendas.
Configuração da grelha e dos tamanhos das fotografias
Stores → Configuration → Catalog → Catalog → Kowal Product Gallery permite definir de 1 a 4 colunas, a largura e a altura das imagens. Por predefinição, são 2 colunas e 640 × 640 px; as definições podem ser ajustadas à vista da loja.
Para materiais quadrados, escolha dimensões iguais. As alterações na configuração dos tamanhos de imagem do tema exigem que a cache de imagens seja considerada no processo de implementação.
Variantes e âmbito de compatibilidade
O módulo mantém o widget mage/gallery/gallery e atualiza a grid quando os dados da galeria do produto configurable são alterados. A coluna direita de informações acompanha o ecrã e para no final da área das fotografias.
A integração utiliza o layout Luma/Blank, RequireJS, jQuery e Fotorama. Uma substituição própria do template da galeria ou um tema Hyvä requer verificação e adaptação; o pacote não inclui um adaptador Hyvä dedicado.
Instalação via Composer
Pacote kowal/module-product-gallery, módulo Kowal_ProductGallery. Depois de configurar o acesso ao repositório Kowal, instale o pacote, ative o módulo, atualize o Magento e limpe a cache. Em produção, considere a compilação e a implementação de conteúdos estáticos de acordo com o processo da loja.
Da configuração ao resultado
1. Define o layout das fotografias
Configura o número de colunas e as dimensões das imagens.
2. O cliente vê os detalhes
As perspetivas visíveis ajudam a comparar o aspeto do produto.
3. Abre a fotografia selecionada
O clique inicia o fullscreen da galeria nativa.
Detalhes do produto sem clicar nas miniaturas
No vestuário, apresenta a frente, as costas e aproximações do material na grid desktop. O cliente escolhe uma variante e a grelha é atualizada juntamente com os dados da galeria.
A fotografia pode ser aberta numa pré-visualização em ecrã inteiro. O telemóvel utiliza a galeria Magento existente.
Adapte a galeria às fotografias e ao tema da loja
Pretende adaptar o módulo à sua loja? Peça a implementação do Kowal Product Gallery Grid e discuta a configuração ou as extensões necessárias.
Mais informação
| Compatibilidade com o modelo | Luma / Blank, KOWAL |
|---|
Manual de instalação do módulo
Instruções de instalação e configuração
Módulo
Kowal_ProductGallery
Pacote Composer:
kowal/module-product-gallery
Requisitos
Antes da instalação, certifique-se de que o ambiente cumpre as seguintes condições:
- Magento 2 com o módulo de catálogo ativo,
- PHP numa versão compatível com os requisitos do pacote,
- acesso ao repositório Composer ou ao repositório Git a partir do qual o módulo é publicado,
- permissões para executar comandos
bin/magento, - acesso administrativo ao painel Magento para configurar as definições.
Instalação via Composer
Adicione o repositório Composer Kowal à configuração do projeto:
Os dados de acesso ao repositório Composer, endereço de e-mail do cliente e token de licença, serão enviados por e-mail após a compra. Também estão disponíveis no painel do cliente após iniciar sessão em kowal.store. Substitua TWOJ_EMAIL_KLIENTA pelo endereço de e-mail da sua conta e TWOJ_TOKEN pelo token recebido. Execute os comandos no diretório raiz do Magento.
composer config repositories.kowal composer https://repo.kowal.storeConfigure os dados de acesso ao repositório Composer Kowal:
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'Em seguida, instale o módulo:
composer require kowal/module-product-galleryAtivação do módulo no Magento
Após instalar o pacote, execute o conjunto padrão de comandos Magento:
bin/magento module:enable Kowal_ProductGallerybin/magento setup:upgradebin/magento setup:di:compilebin/magento setup:static-content:deploy -fbin/magento cache:flushSe a loja estiver em modo de desenvolvimento, alguns comandos podem depender do processo de implementação do projeto. Em ambiente de produção, recomenda-se a execução de um deployment padrão completo, de acordo com a política do projeto.
Verificação da instalação
Após ativar o módulo, verifique:
- Se o módulo está visível na lista:
bin/magento module:status Kowal_ProductGallerySe, na ficha de produto em desktop, a galeria foi substituída por uma grelha de fotografias grandes.
Se clicar numa fotografia abre o fullscreen padrão da galeria Magento.
Se a vista móvel permaneceu sem alterações.
Localização das definições no painel de administração
A configuração do módulo está disponível em:
Stores > Configuration > Catalog > Catalog > Kowal Product Gallery
O acesso a esta secção depende das permissões ACL atribuídas ao administrador.
Definições disponíveis
1. Número de colunas da grid
Campo:
Liczba kolumn grida
Descrição:
Define o número de colunas na grelha desktop de fotografias do produto.
Recomendação:
2para um layout clássico e claro,- valores mais elevados apenas quando as fotografias de produto continuarem suficientemente grandes e legíveis.
2. Largura da imagem
Campo:
Szerokość obrazka
Descrição:
Define a largura máxima da fotografia na grid desktop, em píxeis.
Recomendação:
- para fotografias quadradas, um bom ponto de partida é
640.
3. Altura da imagem
Campo:
Wysokość obrazka
Descrição:
Define a altura máxima da fotografia na grid desktop, em píxeis.
Recomendação:
- para fotografias quadradas, defina um valor igual à largura, por exemplo
640, - para fotografias com outras proporções, ajuste a altura ao formato real dos materiais de produto.
Recomendações de configuração
- Para um efeito visual consistente, utilize fotografias de produto com proporções semelhantes.
- Para fotografias quadradas, defina os mesmos valores de largura e altura.
- Após alterar os tamanhos das imagens, teste o aspeto da ficha de produto em vários produtos representativos.
- Verifique o funcionamento para produtos simples e configuráveis.
Reconstrução das imagens após alterações de tamanho
Se as alterações de configuração ou das definições da vista exigirem a atualização da cache de imagens do catálogo, execute:
bin/magento catalog:images:resizeApós concluir a reconstrução, limpe a cache:
bin/magento cache:cleanVerificação após a implementação
Depois de implementar no ambiente de teste ou de produção, verifique:
- o aspeto da galeria no desktop,
- a ausência de regressões no mobile,
- o funcionamento do fullscreen após clicar numa fotografia,
- o funcionamento da galeria para produtos configurable,
- a correção do comportamento sticky da coluna com informações sobre o produto,
- o tempo de carregamento da ficha de produto e os indicadores básicos de qualidade de renderização.
Observações de implementação mais frequentes
- Se as alterações não estiverem visíveis, verifique primeiro a cache e o deployment dos recursos estáticos.
- Se a loja utilizar um tema muito modificado, vale a pena confirmar a compatibilidade do template da galeria com o theme ativo.
- Se o administrador não vir as definições do módulo, verifique as permissões ACL atribuídas à sua função.