Pular para o conteúdo principal
PT Deutsch Español Français Italiano

Widget de pesquisa de produtos em Native Store

native-store.png Esse conteúdo só é relevante para a loja nativa.

Para determinar em qual solução de comércio eletrônico você está usando, consulteComo sei se estou usando o comércio eletrônico nativo ou o comércio eletrônico de terceiros?

O widget Product Search permite que os compradores pesquisem produtos em sua loja. Conforme o comprador digita na barra de pesquisa, os resultados são preenchidos com base nos produtos que correspondem aos critérios de pesquisa. Depois de selecionar uma opção, o comprador é direcionado diretamente para a página do produto

Para adicionar o widget Product Search:

  1. No painel lateral, clique em Adicionar, em seguida, clique em Elementos.

  2. Na seção Loja, clique e arrastePesquisa de produtosno local desejado na página.

Editor de conteúdo

Para acessar o editor de conteúdo, clique com o botão direito do mouse no widget e clique emEditar conteúdo.

NaTexto de espaço reservadocampo, você pode inserir o texto que aparecerá no widget Product Search. Esse texto desaparecerá quando o usuário começar a digitar no widget

Editor de design

Para acessar o editor de design, clique com o botão direito do mouse no widget Product Search e clique emEditar design.

Estilo

Campo de entrada

O campo de entrada é a área do widget de pesquisa de produtos em que o comprador digita sua consulta de pesquisa. Você pode editar as seguintes configurações de design para o campo de entrada:

  • Dimensões

    • Altura (em px)

  • Plano de fundo e layout (Essas configurações se aplicam ao campo de entrada antes que o comprador comece a digitar sua consulta):

    • Cor de fundo

    • Espessura da borda (em px). Para alterar o tipo de borda, clique no Engrenagem ícone ao lado de Fronteiras.

    • Cantos arredondados (em px). Para alterar o tipo de borda, clique no Engrenagem ícone ao lado de Cantos arredondados.

    • Se existe ou não uma sombra e, em caso afirmativo, a cor, o tipo e a posição da sombra.

  • Foco (Essas configurações se aplicam ao campo de entrada depois que o comprador começa a vincular sua consulta):

    • Cor de fundo

    • Espessura da borda (em px)

    • Se existe ou não uma sombra e, em caso afirmativo, a cor, o tipo e a posição da sombra.

Resultados da pesquisa

Os resultados da pesquisa são a área em que os resultados são preenchidos abaixo do campo de entrada. Você pode editar as seguintes configurações de design para os resultados da pesquisa:

  • Dimensões

    • Altura máxima (em px)

  • Plano de fundo e layout(Essas configurações se aplicam aos resultados da pesquisa antes que o comprador passe o mouse sobre um resultado específico):

    • Cor

    • Fronteira. Para alterar o tipo de borda, clique no Engrenagem ícone ao lado de Fronteira.

    • Cantos arredondados. Para alterar quais cantos são arredondados, clique noEngrenagemícone ao lado deCantos arredondados.

    • Se existe ou não uma sombra e, em caso afirmativo, a cor, o tipo e a posição da sombra.

  • Pairar(Essas configurações se aplicam quando o comprador está passando o mouse sobre um resultado de pesquisa específico):

    • Cor de fundo

    • Se existe ou não uma sombra e, em caso afirmativo, a cor, o tipo e a posição da sombra.

Texto

Para o texto dentro do campo de entrada e dos resultados da pesquisa, você pode editar as seguintes configurações de design:

  • Fonte

  • Tamanho da fonte

  • Cor da fonte

  • Formato (negrito, itálico, sublinhado)

  • Alinhamento

  • Direção

  • Quando o texto passa o mouse sobre os resultados da pesquisa, você pode editar a cor e o formato.

Para obter informações sobre opções de design que não são específicas desse widget (animação ou espaçamento), consulte Design do widget.

Was this article helpful?

Voltar ao topo