Todos os sites do Squarespace aceitam a página da loja, onde você expõe e vende produtos. Alguns sites têm recursos extras, como visualização rápida, zoom de imagem e efeitos de passar o cursor, que aparecem quando o comprador passa o cursor sobre as imagens do produto. Este guia explica esses recursos e onde eles estão disponíveis.

Recursos por versão

Os recursos disponíveis dependem da versão do Squarespace em que seu site se encontra.

Na versão 7.0, essas opções estão disponíveis nas famílias de templates Brine, Farro, Galápagos, Skye, Tremont e York. Saiba mais sobre todos os templates em Tipos de página de loja.

Aproximação na imagem

Com a ampliação da imagem, os clientes podem ampliar as imagens do produto para uma análise mais detalhada do material, da textura e dos detalhes mais finos. Você pode definir a ampliação para que seja ativada ao passar o mouse ou se a imagem for clicada.

A ampliação de imagens está disponível em:

• Página de detalhes do produto 
• Visualização rápida das lightboxes

Ativar o zoom da imagem

A forma como você ativa o zoom da imagem depende da versão do seu site.

Mais ajuda com a Aproximação na imagem

• O Zoom da imagem mostra uma versão maior da imagem. Tecnicamente, ele não amplia o arquivo da imagem.
• A ampliação de imagens não está disponível na versão móvel.
• Para obter melhores resultados, formate a imagem do produto para exibição na web antes de enviar.
• Imagens com fundos transparentes (.png) exibirão a imagem original por trás da versão ampliada.
• Na versão 7.1, o Zoom da imagem não está disponível nas galerias de produtos com o design Carrossel.

Visualização rápida

Com a Visualização rápida, o cliente clica em um botão para ver os detalhes do item em uma lightbox, sem sair da página atual. A Visualização rápida incentiva o cliente a interagir com sua loja e a conhecer mais produtos.

O botão Visualização rápida pode ser exibido em:

• Blocos de Sumário
• Blocos de Produto
• Páginas de Armazenamento

O botão é exibido ao pairar sobre o produto. A lightbox de Visualização rápida inclui detalhes e imagens do produto, e um link para Exibir item completo que leva à página do item.

Se o código indesejado for exibido na visualização rápida, é provável que haja formatação de texto externo na descrição do produto. Para remover a formatação, digite novamente a descrição do produto manualmente ou cole-a como texto simples. 

Adicione um botão de Visualização rápida

Você pode habilitar a Visualização rápida por Página de Armazenamento e por bloco. Se tiver várias Páginas de Armazenamento ou blocos, adicione os botões a cada um.

Para adicionar uma visualização rápida a um Bloco de Produto:

1. No editor de Bloco de Produto, escolha um produto para exibir.
2. Marque Ativar Visualização rápida.
3. Clique em Apply (Aplicar) para salvar suas alterações.
4. Salve as alterações à página. 

Para adicionar visualização rápida a um Bloco de Sumário:

1. No editor de blocos de sumário, certifique-se de que há uma página de loja selecionada na aba Conteúdo.
2. Clique na aba Exibir.
3. Marque Ativar Visualização rápida.
4. Clique em Aplicar para salvar suas alterações. O botão de visualização rápida será exibido sobre toda a imagem em destaque do produto no bloco.
5. Salve as alterações à página.

Para adicionar visualização rápida a uma Página de Armazenamento:

1. Abra as configurações da página.
2. Clique em Avançado, clique em Exibição Rápidae, em seguida, ative a opção Ativar Exibição Rápida.
3. Se você tiver várias Páginas de Armazenamento, repita essas etapas para cada página.

Estilizar o botão e a lightbox (somente na versão 7.0)

Depois de ativar a Visualização rápida, novas seções aparecerão no Painel de Estilos do Site. As configurações de estilo são aplicadas em todo o site para criar uma estética consistente.

1. No Menu Inicial, clique em Design e depois em Estilos do Site.
2. Na seção Produtos: botão de Visualização rápida, personalize estilo, cor, fonte, preenchimento, posição e tamanho do botão Visualização rápida. 
3. Na seção Produtos: Visualização rápida em lightbox, personalize a aparência da lightbox. 

Dica: se o texto da Visualização Rápida tiver problemas de formatação, tente adicionar os detalhes do produto como texto simples.

Mais ajuda com a Visualização rápida

• A Visualização rápida não está disponível em dispositivos móveis.
• Não é possível personalizar o texto do botão de "Visualização rápida" neste momento.
• As imagens de produtos são exibidas como quadrados recortados na Visualização rápida.
• Na versão 7.0, as descrições dos produtos aparece na Visualização rápida sem formatação especial, incluindo estilo de cabeçalho, negrito, itálico, listas com marcadores ou quebras de linha.

Efeitos hover

Os efeitos do recurso de pairar exibem informações ou criam movimento quando você move o cursor sobre uma imagem do produto, adicionando interação e animação à sua loja. As opções de cursor disponíveis no seu site dependem da versão do site .