Recursos especiais da página da loja

Para melhorar os serviços, ative a visualização rápida do produto, zoom de imagem, efeitos de foco e listas de espera.

Ultima atualização 3 de Janeiro de 2025

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.

Dica

matricule-se no nosso webinar com dicas de design para aumentar as vendas da sua loja (apenas em inglês). Apresentaremos ferramentas e dicas para você destacar seus produtos no site e gerar vendas.

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.

Na versão 7.1, a visualização rápida, o zoom da imagem e os efeitos ao passar o cursor estão disponíveis nas páginas de detalhes do produto com o layout Simples.

  Versão 7.1
Versão 7.0
Visualização rápida
  • Blocos de Produto
  • Blocos de Sumário
  • Página da loja
  • Blocos de Produto
  • Página da loja
  • Blocos de Sumário
Zoom na imagem
  • Páginas de detalhes de produtos
  • Lightboxes de Visualização rápida
  • Páginas de detalhes de produtos
  • Lightboxes de Visualização rápida
Efeitos hover
  • Imagem alternativa nas páginas da loja
Listas de espera
  • Sim 
  • Sim (indisponível em Galápagos)

Zoom 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. Você pode definir a ampliação para que seja ativada ao passar o cursor ou se a imagem for clicada.

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

image-zoom.gif

Ativar o zoom da imagem

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

Para ativar a ampliação da imagem: 

  1. Enquanto estiver em uma página de detalhes do produto, clique em Editar e depois no ícone de lápis.
  2. Clique no menu suspenso Ação de pairar
  3. Selecione Zoom. 

Para ativar a ampliação da imagem:

  1. Na página de detalhes do produto, retorne ao painel Site , clique em Design e depois em Estilos do site.
  2. Role para a seção Produtos: Zoom na imagem. (No Galapagos, role até a seção Item de produto.)
  3. Marque Ativar Zoom na imagem.
  4. Para definir o nível de ampliação, defina o controle deslizante do Fator de zoom entre 1 e 5. (No Galapagos, é o Fator de zoom na imagem.)
  5. Para escolher se a Imagem Amplia assim que o cursor se move sobre ela, defina Ampliação ativada: com Clique ou Passar o cursor. (Em Galápagos, a ampliação será sempre ativada ao passar o cursor)

Mais ajuda com a Zoom 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 da loja

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.

Product_Block_with_Quick_View.png

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 da loja e por bloco. Se tiver várias Páginas da loja ou blocos, adicione os botões a cada um.

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

  1. No editor do bloco de produto, escolha um produto para expor.
  2. Na aba Design, ative a opção Visualização rápida do produto.
  3. 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 Design.
  3. Ative a opção Ativar visualização rápida do produto. O botão para essa ação aparecerá sobre todas as imagens em destaque do produto no bloco.
  4. Salve as alterações à página.

Para adicionar visualização rápida a uma Página da loja:

  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 da loja, 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 Site, depois em Design e por último 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 .

Todas as Páginas da Loja mostram a segunda imagem do produto alternativo ao mover o cursor quando um produto tem mais de uma imagem.

As famílias de templates Brine, Farro, Skye, Tremont e York (com Páginas da loja avançadas) têm três opções:

  • Imagem alternativa
  • Fade
  • Sobreposição de informações do produto

Você pode exibir nomes e preços de produtos em uma sobreposição de cores ao passar o cursor do mouse nessas famílias de templates (com as Páginas da loja Clássicas):

  • Adirondack, Avenida, Aviador, Bedford, Cinco, Flatiron, Forte, Ishimoto, Momentum, Montauk, Nativo, Pacífico, Wells, Wexley

Dois templates oferecem opções exclusivas de pairar:

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Recursos especiais da página da loja