Obs.: embora os nossos guias mais acessados tenham sido traduzidos para o português, outros guias estão disponíveis apenas em inglês.

Ajustes do template Brine no painel Estilos do Site

Esta é uma lista de todos os ajustes de Estilos do Site para templates da família Brine. Veja uma lista dos templates Brine.

A plataforma Squarespace está em constante evolução para oferecer as melhores ferramentas possíveis para criar seu site. Se a plataforma foi alterada recentemente, você poderá ver opções diferentes das listadas abaixo. A melhor maneira de aprender sobre como funcionam os ajustes é experimentá-los e ver as alterações no seu site.

Dica: para ajuda geral, veja o guia de templates Brine.

Antes de começar

Os ajustes (sobreposição) afetam os elementos que aparecem sobre as imagens do banner. Na Página Índice, eles afetam as seções de conteúdo com imagem de fundo e a todas as seções de Índice da galeria.

Ícones de redes sociais

Ative os ícones de redes sociais integrados na seção Cabeçalho: Layout.

  • Tamanho
  • Estilo: Normal, Borda, Vazado, Sólido
  • Formato: Quadrado, Arredondado, Círculo
  • Cor
  • Cor (sobreposição)

Site

Site

  • Fundo - a cor de fundo do site, visível com Design: Largura restrita.
  • Design: Largura toda, Fundo todo, Largura restrita. - Saiba mais.
  • Largura
  • Margens do site
  • Ícones: Fino, Leve, Médio, Grosso - Afeta versão móvel e desktop.

Site: Borda 

  • Mostrar Borda
  • Largura
  • Cor

Site: Carregando

  • Ativar carregamento Ajax - Saiba mais.
  • Mostrar Barra de Carregamento
  • Largura
  • Cor

Cabeçalho

O cabeçalho é dividido em seções superior e inferior.

Cabeçalho: parte superior

  • Plano de fundo - Cor do plano de fundo do cabeçalho superior.
  • Margem
  • Layout à esquerda: Horizontal, Empilhado
  • Layout no centroHorizontal, Empilhado
  • Layout à direitaHorizontal, Empilhado

Cabeçalho: parte inferior

  • Margem
  • Layout à esquerdaHorizontal, Empilhado
  • Layout no centroHorizontal, Empilhado
  • Layout à direitaHorizontal, Empilhado

Cabeçalho: layout

  • Espaçamento entre elementos (horizontal)
  • Espaçamento entre elementos (vertical)
  • Posição da marca
  • Posição do slogan
  • Posição da navegação principal
  • Posição da navegação secundária
  • Posição dos ícones de redes sociais
  • Posição da busca
  • Posição do carrinho
  • Posição do link de contas de clientes

Cada elemento do cabeçalho pode ser exibido nas seguintes áreas do cabeçalho:

  • Em cima à esquerda
  • Superior ao centro
  • Em cima à direita
  • Embaixo à esquerda
  • Inferior ao centro
  • Inferior à direita 

Ou selecione Ocultar para ocultar qualquer elemento.

Cabeçalho: marca 

  • Largura do logotipo
  • Fonte
  • Cor
  • Cor (Sobreposição)  - Defina a cor sobre os banners.

Cabeçalho: subtítulo

  • Fonte
  • Cor
  • Cor (Sobreposição)  - Defina a cor sobre os banners.

Cabeçalho: navegação primária

Os ajustes de (Sobreposição) definem a cor sobre os banners.

  • Espaçamento entre links
  • Estilo: Simples, Desvanecer, Destacado, Ativo, Botão
  • Estilo do botão: Sólido, Contorno, Alto-relevo
  • Formato do botão: Quadrado, Arredondado, Cápsula
  • Fonte
  • Cor
  • Cor ativa
  • Cor do texto do botão
  • Cor da pasta
  • Cor do texto da pasta
  • Cor (sobreposição)
  • Cor ativa (sobreposição)
  • Cor do texto do botão (sobreposição)
  • Cor da pasta (sobreposição)
  • Cor do texto da pasta (sobreposição)

Cabeçalho: navegação secundária 

Os ajustes de (Sobreposição) definem a cor sobre os banners.

  • Herdar Estilos de Navegação Primária - Desmarque para personalizar a Navegação Secundária de maneira diferente da Navegação Primária.
  • Espaçamento entre links
  • EstiloSimples, Desvanecer, Destacado, Ativo
  • Estilo do botão: Sólido, Contorno, Alto-relevo
  • Formato do botão: Quadrado, Arredondado, Cápsula
  • Fonte
  • Cor
  • Cor ativa
  • Cor do texto do botão
  • Cor da pasta
  • Cor do texto da pasta
  • Cor (sobreposição)
  • Cor ativa (sobreposição)
  • Cor do texto do botão (sobreposição)
  • Cor da pasta (sobreposição)
  • Cor do texto da pasta (sobreposição)

Estilize a barra de busca. Os ajustes de (Sobreposição) definem a cor sobre os banners.

  • Estilo: Retângulo, Sublinhado, Apenas o Ícone
  • Mostrar texto do marcador de posição - Adicionar ou excluir o texto "Buscar"
  • Fonte
  • Escala do ícone - Defina o tamanho do ícone
  • Cor do ícone
  • Cor de fundo
  • Cor da borda
  • Cor do texto
  • Cor do ícone (sobreposição)
  • Cor de fundo (sobreposição)
  • Cor da borda (sobreposição)
  • Cor do texto (sobreposição)

Cabeçalho: carrinho 

Estilize o carrinho de compras. Os ajustes de (Sobreposição) definem a cor sobre os banners.

  • Estilo: Texto, Carrinho, Sacola, Carrinho (alternativo), Sacola (alternativo)
  • Fonte
  • Cor
  • Cor da quantidade
  • Cor do texto de quantidade
  • Cor (sobreposição)
  • Cor da quantidade (sobreposição)
  • Cor do texto de quantidade (sobreposição)

Cabeçalho: link de contas de clientes

  • Estilo: texto ou ícone
  • Fonte
  • Cor

Principal

Principal 

  • Cor - Defina a cor de fundo da área de conteúdo principal.
  • Espaçamento da Introdução (sem imagem de fundo) - defina o espaçamento acima e abaixo do conteúdo nas áreas de introdução para todas as páginas sem banners. Este ajuste aparece quando você está em uma página sem banner.
  • Espaçamento da Introdução (com imagem de fundo) - defina o espaçamento acima e abaixo do conteúdo nas áreas de introdução exibidas sobre banners. Este ajuste aparece quando você está em uma página com banner.
  • Margem da seção de conteúdo - Defina o espaçamento acima e abaixo do conteúdo da página.
  • Inserção de conteúdo - definir a largura da inserção de conteúdo. Deve haver pelo menos um bloco afetado na página para este ajuste aparecer.

Principal: sobreposição

  • Ativar parallax - ative rolagem parallax em banners.
  • Recorte inteligente parallax - certifique-se de que os banners sejam recortados na quantidade mínima.
  • Cor da sobreposição - Adicione um filtro de cor a todos os banners do site.

Índice

Saiba mais sobre as Páginas Índice Brine.

Índice: navegação

Estilize a navegação do Índice.

  • Estilo: Nenhum, Rádio, Pontos Preenchidos, Pontos Esmaecidos, Linhas Horizontais, Linhas Verticais, Linhas Horizontais em Expansão 
  • Posição: Esquerda, Direita
  • Ponto de quebra- Defina a largura do navegador em que a navegação do índice desaparece. O padrão para dispositivos móveis é 640 pixels.
  • Deslocamento
  • Espaçamento
  • Tamanho do indicador
  • Cor - Defina a cor do círculo ou da linha nas seções inativas.
  • Cor ativa - Defina a cor do círculo ou da linha na seção ativa.
  • Cor (Sobreposição) - Para seções de conteúdo com imagens de fundo e seções Índice de galeria.
  • Cor ativa (Sobreposição) - Para seções de conteúdo com imagens de fundo e seções Índice de galeria.
  • Mostrar títulos - Decida se os títulos aparecem ao mover o cursor.
  • Fonte
  • Cor do texto
  • Cor do texto (sobreposição)

Índice: página 

  • Margem
  • Margem (páginas em sobreposição)
  • Aplicar altura mínima: Nenhuma, Somente a primeira página, Somente páginas com planos de fundo, Todas as páginas - este ajuste afeta seções de conteúdo.
  • Altura mínima - define a altura mínima. Isso usa uma porcentagem da altura da janela de visualização (a parte do navegador onde o seu site é exibido). Por exemplo, se escolher 100vh, a seção ocupa 100% da altura da janela de visualização. A altura real em pixels varia de acordo com a altura do navegador ou dispositivo do visitante.
  • Borda espelhada abaixo da primeira página - adicione espaçamento abaixo de algumas primeiras seções.

Índice: indicador de rolagem

  • Opção: Nenhuma, Apenas o Ícone, Ícone e Texto
  • Ícone: Linha, Seta
  • Peso do ícone: Fino, Leve, Médio, Grosso
  • Fonte
  • Cor

Seções de índice da galeriade estilos.

  • Sobreposição de cabeçalho na primeira galeria de Índice - se a primeira seção em seu Índice for uma galeria, escolha se o cabeçalho inferior a sobrepõem.
  • Layout: embalado, dividido, grade, slideshow - defina o layout de todas as seções de Índice da galeria. Embalado e dividido têm o layout definido automaticamente com base no número e no tamanho das imagens na galeria, além do espaçamento.
  • Espaçamento
  • Aplicar espaçamento nas laterais
  • Aplicar espaçamento na parte superior/inferior
  • Use altura fixa - defina a altura (somente seções de slideshow)
  • Borda espelhada abaixo da primeira galeria - adicione espaçamento abaixo de algumas primeiras seções.
  • Proporção - Ajuste a forma. A porcentagem de controle deslizante definida em 100 cria imagens quadradas. Para mais ajuda, veja nossas dicas sobre o cálculo da proporção como uma porcentagem.
  • Máximo de itens por linha - aparece com Layout: Grade.
  • Largura mínima de itens - aparece com Layout: Grade.
  • Estilo de efeito do cursor: Simples, Desvanecer
  • Sobreposição de imagem - Defina a sobreposição de cor.

Seções de índice da galeria de estilos quando definido como Layout: Apresentação de slides.

  • Controles Próximo/Anterior: Nenhum, Setas Grandes, Setas Pequenas - Adicione ou oculte as setas de navegação exibidas sobre a galeria.
  • Deslocamento dos controles
  • Margem dos controles
  • Peso dos controles: Fino, Leve, Médio, Grosso
  • Cor dos controles
  • Cor de fundo dos controles
  • Indicadores: Nenhum, Pontos, Linha - Estilize os pontos ou as linhas que mostram quantas imagens existem na galeria.
  • Deslocamento de indicadores
  • Largura do indicador
  • Altura do indicador
  • Espaçamento entre indicadores
  • Cor do indicador
  • Cor do indicador (ativo)
  • Reprodução automática - Escolha se o slideshow passa as imagens automaticamente.
  • Duração da reprodução automática (segundos)
  • Transições: Nenhuma, Desvanecer, Deslizar, Cartão - Defina como a galerias passa de uma imagem para a outra.
  • Duração da transição (Milissegundos)

Estilizar os títulos e as descrições que aparecem sobre as imagens da galeria.

  • Posição do conteúdo: superior esquerda, superior ao centro, superior direita, centro à esquerda, centro, centro à direita, inferior esquerda, inferior ao centro, inferior direita
  • Deslocamento de conteúdo (superior)
  • Deslocamento de conteúdo (direita)
  • Deslocamento de conteúdo (inferior)
  • Deslocamento de conteúdo (esquerda)
  • Largura máxima do conteúdo
  • Espaçamento de conteúdo
  • Alinhamento do texto do conteúdo: esquerda, centro, direita
  • Plano de fundo de conteúdo
  • Fonte do título
  • Cor do título
  • Fonte do corpo
  • Cor do corpo

Conteúdo

Fontes do conteúdo

  • Texto do corpo
  • Título 1
  • Título 2
  • Título 3

Cor do conteúdo

Os ajustes de (Sobreposição) definem a cor sobre os banners.

  • Texto do corpo
  • Título 1
  • Título 2
  • Título 3
  • Links - Afeta os links de texto do corpo.
  • Linhas
  • Corpo do texto (sobreposição)
  • Título 1 (sobreposição)
  • Título 2 (sobreposição)
  • Título 3 (sobreposição)
  • Link (Sobreposição) - Afeta os links de texto do corpo.
  • Linhas (sobreposição)

Rodapé

  • Mostrar Rodapé - mostre ou oculte o rodapé em todas as páginas
  • Layout: Empilhado, Colunas
  • Colunas de largura automática - Escolha se a largura das colunas deve ser definida manualmente. Use os ajustes de largura nas seções Rodapé: Negócios e no Rodapé: Navegação para definir as larguras.
  • Margem
  • Alinhamento: Esquerda, Centro, Direita
  • Cor de fundo

Estilize suas informações comerciais.

  • Mostrar informações do negócio
  • Largura das informações do negócio - Aparece quando a opção Colunas de Largura Automática está desmarcada
  • Fonte do nome
  • Cor do nome
  • Fonte das informações
  • Cor das informações
  • Mostrar horário de funcionamento
  • Largura do horário de funcionamento - Aparece quando a opção Colunas de Largura Automática está desmarcada
  • Fonte do cabeçalho do horário
  • Cor do cabeçalho do horário
  • Fonte do horário
  • Cor do horário
  • Largura da coluna de navegação - Aparece quando a opção Colunas de Largura Automática está desmarcada
  • Fonte do cabeçalho de navegação
  • Cor do cabeçalho de navegação
  • Fonte da navegação
  • Cor da navegação
  • Texto do corpo 
  • Título 1 
  • Título 2 
  • Título 3 
  • Links - Afeta os links de texto do corpo.
  • Linhas

Dispositivo móvel

Estilize como os elementos de cabeçalho do seu site são exibidos em dispositivos móveis.

Dispositivo móvel

  • Ponto de quebra no dispositivo móvel - Escolha a largura do navegador em que o cabeçalho passa para a visualização por dispositivo móvel. O padrão é 640 pixels.

Dispositivo Móvel: superior 

Para adicionar uma barra de dispositivos móveis na parte superior, adicione qualquer elemento móvel de cabeçalho (identidade visual, ícone de menu, ícone de pesquisa, carrinho) a uma das posições Superiores nas seções abaixo.

  • Parte Superior Fixa no Dispositivo Móvel - Escolha se a barra superior se mantém fixa na parte superior ou acompanha a rolagem da página. A barra inferior é sempre fixa.
  • Plano de fundo superior - Defina a cor da barra móvel superior.

Dispositivo Móvel: inferior 

Para adicionar uma barra de dispositivos móveis na parte inferior, adicione qualquer elemento móvel de cabeçalho (identidade visual, ícone de menu, ícone de pesquisa, carrinho) a uma das posições Inferiores nas seções abaixo. Esta seção não aparecerá se todos os elementos estiverem na barra superior.

  • Plano de fundo inferior - Defina a cor da barra móvel inferior.

Dispositivo Móvel: marca 

Estilize como o título ou logotipo do seu site será exibido em dispositivos móveis. 

  • Posiçãoocultar, superior esquerda, superior ao centro, superior direita, inferior esquerda, inferior ao centro, inferior direita
  • Largura do logotipo - Defina o tamanho do logotipo.
  • Font - defina a fonte do título do site. Para manter sua identidade visual consistente em todos os dispositivos, use a mesma fonte da seção Cabeçalho: Identidade Visual.
  • Cor - Defina a cor do título do site.

Dispositivo Móvel: ícone do menu 

Estilize o ícone ☰.

  • Posição do Ícone do MenuOcultar, Superior esquerda, Centralizada superior, Superior direita, Inferior esquerda, Centralizada inferior, Inferior direita - escolha se será exibido na barra de dispositivos móveis superior ou inferior.
  • Ícone do menu: Hambúrguer, Duas Linhas, Mais, Pontos Horizontais, Pontos Verticais, Quadrados Horizontais, Quadrados Verticais
  • Cor do ícone do menu - Altere a cor.

Dispositivo Móvel: ícone da busca 

Estilize o ícone da barra de busca.

  • Posiçãoocultar, superior esquerda, superior ao centro, superior direita, inferior esquerda, inferior ao centro, inferior direita
  • Cor

Dispositivo Móvel: carrinho 

Edite o estilo do carrinho de compras que aparece quando você adiciona uma Página de Armazenamento ao site. Para manter a identidade visual igual em todos os aparelhos, use o mesmo estilo da seção Cabeçalho: carrinho.

  • Posiçãoocultar, superior esquerda, superior ao centro, superior direita, inferior esquerda, inferior ao centro, inferior direita
  • Estilo: Texto, Carrinho, Sacola - escolha o estilo móvel do carrinho de compras.
  • Fonte - Defina a fonte do texto do carrinho de compras.
  • Cor - Defina a cor do ícone ou do texto.
  • Cor da quantidade - Altere o círculo de quantidade do estilo Carrinho.
  • Cor do texto de quantidade

Dispositivo Móvel: link de contas de clientes 

Se você ativou o estilo Contas de clientes, escolha o estilo de exibição do link Entrar/Minha Conta em dispositivos móveis.

  • Posição: ocultar, superior esquerda, superior ao centro, superior direita, inferior esquerda, inferior ao centro, inferior direita
  • Estilo -Texto ou Ícone.
  • Font - defina a fonte do link. Para manter sua identidade visual consistente em todos os dispositivos, use a mesma fonte da seção Cabeçalho: Conta do Cliente.
  • Cor - Defina a cor do link.

Menu no Dispositivo Móvel: geral

Estilize a sobreposição exibida quando você toca no ícone do menu em dispositivos móveis.

  • Lado: esquerdo, direito
  • Cor do fundo
  • Exibir botão Fechar
  • Cor de fundo de Fechar
  • Cor do ícone de Fechar
  • Cor do Menu
  • Cor do indicador - Defina a cor do ícone da pasta expandir/ocultar

Menu no Dispositivo Móvel: principal

  • Fonte
  • Cor do texto
  • Converter navegação primária em botões
  • Estilo do botão: Sólido, Contorno, Alto-relevo - As subpáginas da pasta não serão exibidas como botões.
  • Formato do botão: Quadrado, Arredondado, Cápsula
  • Fonte
  • Cor do botão
  • Cor do texto do botão

Menu no Dispositivo Móvel: secundário

  • Herdar estilos de Navegação Primária- Desmarque para personalizar a Navegação Secundária de maneira diferente da Navegação Primária.
  • Fonte
  • Cor do texto
  • Converter navegação secundária em botões
  • Estilo do botão: Sólido, Contorno, Alto-relevo - As supáginas da pasta não serão exibidas como botões.
  • Formato do botão: Quadrado, Arredondado, Cápsula
  • Fonte
  • Cor do botão
  • Cor do texto do botão

Bloco de Citação

  • Alinhamento: Esquerda, Centro, Direita
  • Fonte da citação
  • Fonte de origem

Opções do álbum

Esses ajustes aparecem nas Páginas de Álbum.

  • Cor do texto do álbum
  • Ocultar link de compartilhamento do álbum

Blog

Esses ajustes aparecem em Páginas do Blog em grade/empilhadas.

Blog: metadados 

É possível mostrar até dois tipos de metadados na Página do Blog e nas publicações do blog.

  • Principal: Nenhum, Categoria, Autor, Data, Localização, Tags, Comentários
  • Secundário: Nenhum, Categoria, Autor, Data, Localização, Tags, Comentários 

Blog: lista 

  • Estilo: Grade, Empilhado
  • Publicações por linha (máx.)
  • Espaçamento
  • Mostrar Separador - Adicione ou remova uma linha entre publicações empilhadas.
  • Largura do separador 
  • Cor do separador 
  • Alinhamento: Esquerda, Centro, Direita
  • Espaçamento entre itens 
  • Mostrar imagem
  • Relação de Aspecto da Imagem
  • Largura Máxima da Imagem
  • Mostrar título
  • Mostrar trecho
  • Link Leia Mais: Ocultar, Inline, Abaixo do Trecho
  • Metadados: Acima do título, Abaixo do título, Abaixo do conteúdo
  • Mostrar Etiqueta de Paginação
  • Mostrar Setas de Paginação
  • Peso da seta de paginação: Fino, Leve, Médio, Grosso

Blog: item 

  • Alinhamento: Esquerda, Centro, Direita
  • Espaçamento entre os itens
  • Metadados: Acima do título, Abaixo do título
  • Ícones de compartilhamento: Acima do conteúdo, Abaixo do conteúdo
  • Mostrar Setas de Paginação
  • Mostrar Etiqueta de Paginação
  • Exibir título de paginação
  • Meta de paginação: Ocultar, Categoria, Autor, Data, Localização, Tags
  • Peso da seta de paginação: Fino, Leve, Médio, Grosso

Blog: tipografia e cores

  • Fonte do título da lista
  • Fonte do título do item
  • Cor do título
  • Fonte Meta
  • Cor Meta
  • Fonte do trecho
  • Cor do trecho
  • Fonte do link Leia Mais
  • Cor do link Leia Mais
  • Fonte da etiqueta de paginação
  • Cor da etiqueta de paginação
  • Cor da seta de paginação

Eventos

Esses ajustes aparecem em Páginas de Eventos.

  • Desativar Páginas de Itens
  • Mostrar eventos passados
  • Mostrar imagens em miniatura
  • Tamanho da miniatura
  • Mostrar tag de data
  • Mostrar tag de data c/ hora
  • Mostrar categorias
  • Mostrar Data
  • Mostrar hora
  • Mostrar localização
  • Mostrar links de exportação
  • Mostrar botões de redes sociais
  • Mostrar trecho
  • Mostrar botão
  • Mostrar link para Voltar
  • Hora no formato 24 horas
  • Visualização empilhada
  • Mostrar ícones

Estilos de galeria

Esses ajustes aparecem em Páginas de Galeria padrão.

  • Design de Galeria - definir o layout.
  • Proporção da imagem
  • Espaçamento da grade
  • Largura mínima da coluna
  • Estilo do Lightbox: escuro, claro
  • Navegação da Galeria: Imagens em miniatura, Marcadores, Números, Círculos, Simples, Nenhum
  • Sobreposição de Informações da Galeria: Mostrar sempre, Mostrar ao pairar, Ocultar
  • Proporção da Galeria
  • Estilo da Seta da Galeria: Cantos arredondados, Retangular, Circular, Sem plano de fundo
  • Transições da galeria: desaparecer, rolar
  • Exibir Setas da Galeria
  • Recorte Automático da Galeria
  • Reprodução Automática da Galeria
  • Execução em Loop da Galeria
  • Velocidade de reprodução automática da galeria (s)
  • Tamanho de Imagem em Miniatura da Galeria
  • Plano de fundo da seta da galeria
  • Cor da seta da galeria
  • Cor do círculo da galeria
  • Plano de Fundo de Informações da Galeria

Produtos

Os seguintes ajustes aparecem na Página de Armazenamento Avançada.

Produtos: layout 

  • Itens por linha
  • Espaçamento entre os itens
  • Relação de Aspecto da Imagem
  • Comportamento ao passar o mouse sobre item: Mostrar Imagem Alternativa, Desvanecer, Nenhum
  • Espaçamento
  • Margem Superior
  • Exibição da Navegação: Apenas Trilha de Navegação, Apenas a Paginação, Trilha de Navegação e Paginação, Nenhuma
  • Estilo da Paginação: Anterior/Próximo, Títulos
  • Alinhamento de navegação: Esquerda, Direita, Centro, Dividir
  • Fonte da navegação
  • Cor da navegação
  • Cor do separador da navegação

Produtos: detalhes 

  • Posição: Embaixo, Sobreposição
  • Posição (Dispositivo Móvel): Embaixo, Sobreposição
  • Alinhamento - Opções abaixo da imagem: Centro, Esquerda. Opções de sobreposição: superior esquerda, superior ao centro, superior direita, centro à esquerda, centro, centro à direita, inferior esquerda, inferior ao centro, inferior direita.
  • Cor de sobreposição
  • Margem da sobreposição
  • Espaçamento
  • Mostrar título
  • Fonte do título
  • Cor do título
  • Cor do título (versão móvel)
  • Margem do título
  • Mostrar preço
  • Fonte do preço
  • Cor do preço
  • Cor do preço (versão móvel)
  • Cor do preço em Promoção
  • Cor do preço em Promoção (versão móvel)
  • Espaçamento entre Preços
  • Alinhamento: Esquerda, Centro, Direita
  • Espaçamento
  • Mostrar título
  • Fonte do título
  • Cor do título
  • Mostrar preço
  • Fonte do preço
  • Cor do preço
  • Cor do preço em Promoção
  • Mostrar trecho
  • Posição do Trecho: Acima do Preço, Abaixo do Preço, Abaixo do Botão Adicionar ao carrinho
  • Fonte do trecho
  • Cor do trecho
  • Cor do link do trecho
  • Mostrar botões de compartilhamento

Produtos: classificar + filtrar 

  • Exibição: Ocultar, Superior, Lado Esquerdo, Lado Direito
  • Largura
  • Margem
  • Espaçamento entre os itens
  • Alinhamento: Esquerda, Centro, Direita
  • Fonte
  • Cor
  • Cor ativa

Produtos: galeria 

  • Posição: Esquerda, Direita
  • Design: Slideshow, Empilhado
  • Largura
  • Proporção da imagem
  • Alinhamento da Miniatura: Esquerda, Centro, Direita
  • Largura da imagem em miniatura
  • Espaçamento entre imagens em miniatura
  • Espaçamento

Produtos: opções 

  • Mostrar variantes
  • Mostrar quantidade
  • Estilo: Apenas Texto, Quadrado, Arredondado, Cápsula
  • Cor da borda
  • Cor de fundo
  • Fonte da etiqueta
  • Cor da etiqueta
  • Fonte
  • Cor do texto

Produtos: Botão Adicionar ao carrinho

  • Mostrar botão
  • Estilo: Sólido, Contorno, Alto-relevo
  • Formato: Quadrado, Arredondado, Círculo
  • Margem: Pequena, Média, Grande
  • Cor
  • Cor do texto
  • Fonte

Produtos: Zoom da Imagem

  • Ativar o zoom da imagem
  • Fator do zoom
  • Ativar zoom ao: Mover o cursor, Clicar
  • Ativar lightbox

Produtos: Produtos Relacionados

  • Itens por linha
  • Espaçamento entre os itens
  • Relação de Aspecto da Imagem
  • Alinhamento de detalhes
  • Espaçamento do título do item

Produtos: Selos de Status 

  • Estilo: Retângulo, Quadrado, Círculo, Nenhum
  • Cor de Promoção
  • Cor de Esgotado
  • Fonte
  • Margem
  • Posição: superior esquerda, superior central, superior direita, centro-esquerda, centro-centro, centro-direita, inferior esquerda, inferior central, inferior direita
  • Inserção: Flutuante, Alinhado, Ancorar Verticalmente, Ancorar Horizontalmente
  • Tamanho da inserção

Produtos: Botão de Visualização Rápida

  • Estilo: Barra, Flutuante, Ancorado
  • Cor
  • Fonte
  • Margem
  • Posição: Superior, Centro, Inferior
  • Tamanho da inserção

Produtos: Lightbox da Visualização Rápida 

  • Margem
  • Cor de sobreposição
  • Cor de fundo
  • Exibição de trecho: truncar, ocultar
  • Controles: mostrar setas
  • Controles: mostrar botão Fechar
  • Cor dos controles
  • Peso dos controles: Fino, Leve, Médio, Grosso
  • Tamanho dos controles 

Botões de compartilhamento

Os seguintes ajustes aparecem na publicação do blog ou na página de detalhes do produto. Os ajustes que aparecem dependem da sua opção no ajuste Estilo.

  • Estilo: Apenas o Ícone, Sólido, Contorno, Alto-relevo
  • Mostrar ícones
  • Mostrar etiquetas
  • Mostrar contagens
  • Arredondamento
  • Tamanho
  • Espaçamento
  • Borda: Largura
  • Borda: Cor
  • Ícones: cor padrão
  • Ícones: cor personalizada
  • Plano de fundo: Cor padrão
  • Plano de Fundo: Cor personalizada
  • Etiqueta: Fonte
  • Etiqueta: Cor

Páginas de Entrada

As Páginas de Entrada são estilizadas independentemente do template do site. Saiba mais no nosso guia de Páginas de Entrada .

Block tweaks

Ajustes para determinados blocos também são exibidos em Estilos do Site. Para saber mais sobre as opções de estilo, acesse Adicionando conteúdo com blocos e clique no nome do bloco sobre o qual você deseja saber mais.

Alguns blocos apresentam inserção de conteúdo.

Este artigo foi útil?
Utilizadores que acharam útil: 9 de 46
Ajustes do template Brine no painel Estilos do Site