Imagens e vídeo do catálogo

Usar imagens de alta qualidade de proporção consistente dá ao seu catálogo uma aparência profissional com apelo comercial. Se você tiver um grande catálogo com várias imagens por produto, poderá facilmente ter centenas, se não milhares de imagens de produtos para gerenciar. Antes de começar, estabeleça uma convenção de nomenclatura para seus arquivos de imagem e organize-os para que você possa encontrar os originais, se precisar deles.

{width="600" modal="regular"}

Uma única imagem do produto é renderizada em tamanhos diferentes no catálogo. O tamanho de exibição do container de imagem na página é definido na folha de estilos do seu tema. No entanto, onde a imagem aparece no armazenamento é determinada pela função atribuída à imagem. A imagem do produto principal, ou a imagem base, deve ser grande o suficiente para produzir a ampliação necessária para o zoom. Além da imagem principal, uma versão menor da mesma imagem pode aparecer nas listagens de produtos ou como uma miniatura no carrinho de compras. Você pode carregar uma imagem do tamanho máximo necessário ou usar uma imagem do Adobe Stock e permitir que o Commerce renderize os tamanhos necessários para cada uso. A mesma imagem pode ser usada para todas as funções, ou uma imagem diferente pode ser atribuída a cada função. Por padrão, a primeira imagem carregada é atribuída às três funções.

Navegador de mídia da loja

O navegador de mídia na página do produto exibe várias imagens, vídeos ou amostras relacionados ao produto. Cada miniatura pode mostrar uma visualização ou variação diferente do produto. O comprador pode clicar em uma miniatura para navegar pelos ativos de mídia. Embora a posição do navegador de mídia varie de acordo com o tema, a posição padrão é logo abaixo da imagem principal na página do produto. Para controles de acessibilidade, consulte Acessibilidade de navegação.

{width="700" modal="regular"}

Zoom da imagem

Se a imagem base for grande o suficiente para criar o efeito de zoom, os clientes poderão visualizar uma parte ampliada da imagem passando o mouse sobre ela. Quando o zoom for ativado, os clientes poderão clicar na imagem principal e mover o cursor para ampliar diferentes partes da imagem. A seleção ampliada é exibida à direita da imagem.

{width="700" modal="regular"}

Caixas de luz e barras deslizantes

Há muitas caixas de luz e controles deslizantes de terceiros que você pode usar para aprimorar a apresentação de suas imagens do produto. Procure extensões em Commerce Marketplace.

Solução de problemas de recursos

Para obter ajuda com a solução de problemas de imagem e vídeo, consulte os seguintes artigos da Base de conhecimento de suporte da Commerce: