A secção Cabeçalho controla a navegação de topo, a marca e os controlos de utilidade de acesso rápido em toda a sua loja. As definições principais permitem ajustar a cor de fundo, a altura do cabeçalho, a exibição fixa, o layout do logótipo e controlos específicos para funcionalidades chave:

Barra de Pesquisa:

Ative ou desative a visibilidade da barra de pesquisa central e personalize o texto do espaço reservado.

Gaveta do Menu:

Selecione menus de navegação, personalize o texto dos links e escolha mostrar a navegação numa gaveta lateral (mesmo no ambiente de trabalho) posicionada à direita.

Gaveta da Conta e do Carrinho:

Defina etiquetas personalizadas para os gatilhos da conta do cliente e do carrinho, e defina o título do estado vazio para a gaveta do carrinho.

A secção Acordeão permite criar listas de texto dobráveis, perfeitas para Perguntas Frequentes ou políticas da loja. Os visitantes podem clicar em qualquer pergunta para deslizar e ler a resposta, mantendo a sua página limpa e organizada. Pode facilmente definir o título principal da secção, alterar a cor do texto e ajustar o espaçamento acima e abaixo do bloco usando controlos deslizantes simples no Editor de Tema.

A secção Divisão de Ação combina uma mensagem de texto detalhada à esquerda com uma caixa de funcionalidade dedicada ou menu de contacto direto à direita. É ideal para mostrar serviços como avaliações em massa, consignação ou canais especiais de apoio ao cliente. Pode personalizar o título principal, subtítulo, descrição, botões de etiqueta e título da barra lateral, bem como ajustar tamanhos de fonte, largura da barra lateral e cores de fundo e de destaque individuais diretamente nas definições.

A secção Deslizador do Blog apresenta as últimas publicações e histórias da sua loja num carrossel limpo e rolável. Nas definições principais da secção, pode definir uma cor de fundo ou gradiente, personalizar o preenchimento superior e inferior, ajustar os pesos das fontes e definir etiquetas padrão como o título da secção, texto do link e botões de ler mais. Ao adicionar blocos individuais de Artigo, pode mostrar publicações de blog padrão ou histórias personalizadas com opções para layouts de imagem completa ou cartão dividido, imagens personalizadas, fundos de vídeo (YouTube, Vimeo ou MP4) e links de redirecionamento personalizados.

O Banner de Chamada para Ação cria uma secção promocional ampla e apelativa, concebida para aumentar o envolvimento dos clientes. Pode personalizar o subtítulo, título principal, descrição e botão de chamada para ação com um link direto. Também pode adicionar blocos individuais de Informação, que são exibidos automaticamente abaixo do texto com ícones de verificação limpos para destacar pontos-chave de confiança ou garantias. As definições da secção também permitem ajustar o preenchimento superior e inferior e escolher uma cor de fundo ou gradiente personalizado.

A secção Centro de Campanha exibe uma grelha estruturada de cartões promocionais para destacar ofertas chave da loja, campanhas e conteúdos exclusivos. As definições da secção controlam os títulos principais, colunas por linha, estilo de fundo e efeitos globais de hover nos cartões, enquanto os blocos individuais de Cartão permitem personalizar títulos, descrições, links de botões e ícones.

Como Obter Códigos de Ícones SVG

Para adicionar ícones vetoriais personalizados aos seus cartões:

1. Encontre um Ícone: Visite uma biblioteca de ícones open-source gratuita (como Lucide Icons ou Tabler Icons).
2. Copie o Código SVG: Procure o ícone desejado (ex.: um coração, estrela ou diamante), clique nele e selecione Copiar SVG ou Copiar Código.
3. Cole nas Definições: Cole o bloco de código bruto diretamente no campo Ícone do seu bloco de Cartão.

A Gaveta do Carrinho permite aos clientes pré-visualizar e gerir itens através de um menu suspenso no cabeçalho ou uma gaveta deslizante com controlos de quantidade, entradas promocionais e links para checkout (requer adicionar o bloco da Gaveta do Carrinho no Cabeçalho). Em Definições do Tema > Recompensas do Carrinho, pode configurar até três níveis de gastos escalonados (ex.: níveis de gasto para 30%, 50% ou 70% de desconto) para exibir uma barra de progresso de recompensa dinâmica diretamente dentro da gaveta.

A Grelha da Galeria de Conteúdo combina elementos de mídia em destaque (vídeo e imagens estáticas) com um carrossel limpo de avaliações de clientes.

• Definições Gerais da Secção: Personalize o preenchimento superior e inferior, subtítulo da secção (ex.: "AVALIAÇÕES DE CLIENTES"), imagem principal, mídia de vídeo e cores das bordas do contentor. Para conteúdo de vídeo, pode carregar um ficheiro MP4 direto via Vídeo Shopify ou inserir uma URL do YouTube (usada automaticamente se nenhum Vídeo Shopify for selecionado), com opção para ativar Reprodução Automática do Vídeo.

• Blocos de Avaliação: Adicione múltiplos blocos de Avaliação para criar um deslizador de testemunhos ao lado da sua grelha de mídia. Para cada bloco individual de avaliação, pode ajustar: Classificação por Estrelas, Texto da Avaliação, Autor e Etiqueta.

A secção Carrossel de Coleção apresenta produtos de uma coleção selecionada num deslizador limpo e rolável horizontalmente com setas de navegação.

• Coleção e Título: Escolha qual coleção da loja destacar e defina um título personalizado para a secção (ex.: "Cartas de Fantasia Mythos").
• Definições do Emblema: Adicione um emblema promocional (ex.: "NOVO") ao lado do título, selecione a cor de destaque e ative a opção Posicionar emblema no topo para alinhá-lo.
• Botões e Navegação: Personalize etiquetas padrão para botões individuais dos cartões de produto (ex.: "Adicionar ao carrinho") e configure um botão independente da secção com etiqueta personalizada (ex.: "Comprar Coleção") e link direto.
• Estilo e Layout: Defina cores personalizadas para o fundo da secção, fundo do botão e texto do botão, juntamente com controlos de preenchimento superior e inferior da secção.

A secção Lista de Coleções cria uma grelha de cartões interativos com gradientes personalizados, ícones vetoriais e links diretos para coleções. Pode personalizar a cor de fundo da secção, o título, as colunas por linha e as cores de destaque ao passar o cursor, depois adicionar blocos individuais de Cartão de Coleção para representar cada coleção.

Definições do Bloco de Cartão de Coleção

Para cada bloco de cartão, pode configurar:

• Coleção:Selecione a coleção alvo para o link de redirecionamento.
• Título da Coleção:Introduza o rótulo personalizado do cartão (ex.: "Novidades").
• Ícone: Paste raw
• Gradiente de Fundo do Cartão:Adicione um código CSS de gradiente linear para dar a cada cartão uma transição de cor de fundo distinta.Formato: linear-gradient(direção, cor1, cor2)

A secção da grelha de Coleções exibe um layout responsivo de cartões de coleções em destaque com imagens em destaque e títulos diretos das coleções. Os controlos da secção permitem alternar o tamanho dos itens da grelha (Pequeno/Grande) e ajustar o espaçamento da grelha, enquanto os blocos individuais de coleções permitem selecionar e mostrar coleções específicas da loja.

A secção Formulário de Contacto apresenta um formulário simplificado de inquérito ao cliente dentro de um contentor de cartão escuro. As definições permitem a personalização completa dos títulos, subtítulos, descrições, etiquetas do botão de envio e etiquetas de campos personalizados ou texto de espaço reservado para os campos Assunto, Email e Mensagem.

A secção Herói apresenta um banner de fundo de largura total com sobreposições de texto centradas e um botão de chamada para ação. Os controlos da secção permitem selecionar a imagem de fundo e ajustar a altura total do banner, enquanto os blocos de conteúdo permitem adicionar elementos personalizáveis de Título, Parágrafo e Botão.

A secção Pontos Quentes do Herói combina um banner interativo com ícones de pontos quentes (+ indicadores) que revelam carrosséis de coleções vinculadas quando passados por cima. As definições da secção controlam a tipografia do herói, o estilo do botão, as imagens de fundo para desktop/móvel e a opacidade da sobreposição, enquanto os blocos individuais de Pontos Quentes permitem atribuir títulos, descrições, coleções alvo e coordenadas precisas em percentagem X/Y para posicionar cada alfinete sobre a imagem.

A secção Vitrine com Dicas de Ferramentas combina um banner de fundo em destaque com títulos alinhados à esquerda, descrições e blocos personalizáveis de Itens com Marcadores. As definições da secção permitem ajustar o meio de fundo, a opacidade da sobreposição e o estilo do cartão (cores e raio da borda), enquanto os blocos de Pontos Quentes permitem colocar alfinetes interativos na imagem com coordenadas X/Y independentes para desktop e móvel para mostrar detalhes e links em cartões pop-up.

A secção Faixa de Texto cria um banner de texto animado e em rolagem contínua para anúncios e alertas do site. As definições da secção permitem personalizar a cor de fundo, a cor do texto, o tamanho da fonte e o espaçamento entre os itens, enquanto os blocos individuais de Texto permitem adicionar mensagens promocionais únicas, emojis ou notas de atualização ao loop da faixa.

A secção Texto com Ícones exibe cartões de funcionalidades com ícones personalizados, títulos e descrições organizados numa grelha de várias colunas. As definições gerais da secção permitem personalizar títulos, colunas por linha, espaçamento da grelha, dimensões dos ícones e um distintivo opcional de contagem de passos, enquanto os blocos individuais de Caixa permitem carregar imagens ou inserir ícones vetoriais SVG brutos, definir fundos de gradiente personalizados e configurar cores específicas do cartão e botões de chamada para ação.

Para obter código SVG, visite uma biblioteca de ícones open-source como Lucide Icons ou Tabler Icons, pesquise o ícone desejado e clique em Copiar SVG ou Copiar Código. Depois, cole o bloco de código bruto diretamente no campo SVG do seu bloco de Caixa.

A secção Migalhas de Pão fornece uma navegação simples da página com um botão de voltar à esquerda e um indicador da página atual à direita. As definições da secção permitem personalizar a cor de fundo, a etiqueta do botão de voltar (ex.: "Voltar") e o texto prefixo do indicador de visualização (ex.: "Está a visualizar:").

A secção Multicolunas permite exibir conteúdo lado a lado para destacar vantagens principais, passos ou características da loja num layout limpo. Pode definir um título principal e um subtítulo para toda a secção, bem como adicionar ou remover blocos individuais de colunas para apresentar imagens, títulos e descrições breves.

A secção Lista de Desejos cria um espaço dedicado para exibir todos os itens que um cliente guardou enquanto navegava.

Quando um comprador clica no botão utilitário Lista de Desejos em qualquer página de produto, esse item é guardado e automaticamente exibido como uma grelha de cartões dentro desta secção—dando aos clientes um local fácil e centralizado para rever e comprar os seus itens favoritos mais tarde.

A secção Rodapé assenta a parte inferior da sua loja com links de navegação, branding, detalhes de conformidade e ferramentas de envolvimento do cliente. Aqui, pode definir a cor de fundo, ativar Mostrar ícones de pagamento para exibir métodos de pagamento aceites e ativar as Políticas da loja na barra inferior.

Blocos do Rodapé

• Bloco de Logótipo: Carregue o seu logótipo, ajuste o seu tamanho e adicione um slogan rápido. Também pode ativar ícones sociais ou o nome da sua loja.

• Bloco de Links: Exiba um menu de navegação do seu administrador Shopify sob um título personalizado.

• Bloco de Newsletter: Adicione uma caixa de inscrição por email com o título, subtítulo e texto de espaço reservado à sua escolha.

A secção Produto apresenta um layout de duas colunas que exibe mídia do produto ao lado de detalhes principais e opções de compra. As definições principais permitem ajustar a cor de fundo, largura da secção, imagens fixas, raio da borda e zoom da imagem, enquanto blocos como Título, Preço, Inventário, Seletor de Variante e Botões de Compra completam o layout principal do produto.

O bloco Separador de Detalhes organiza a informação do produto numa interface limpa com separadores para manter a página arrumada e fácil de navegar. Pode definir títulos personalizados para os separadores (por exemplo, "Descrição do Cartão" e "Visão Geral do Cartão") e inserir texto enriquecido para cada área de conteúdo correspondente.

Dica: Para puxar automaticamente a descrição real do seu produto do Shopify, clique no ícone de Conectar fonte dinâmica (o símbolo da base de dados empilhado ao lado do rótulo do campo) acima da caixa de conteúdo e selecione Descrição.

O bloco Características do Produto exibe atributos chave — como Raridade do Cartão ou Condição — numa lista limpa de rótulo e valor (suportando até 6 pares de características personalizadas).

Como Ligar Detalhes Personalizados do Produto

1. Crie o Campo de Detalhe (Configuração Única)
   • Vá a Definições > Dados personalizados > Produtos no Shopify.
   • Clique em Adicionar definição, nomeie o seu detalhe (como "Raridade do Cartão") e clique em Guardar.
2. Adicione Detalhes a um Produto
   • Abra a página do seu produto no Shopify.
   • Desça até à secção Metafields no fundo, escreva o valor (como "Raro") e guarde.
3. Mostre-o na Sua Loja
   • No editor do tema, abra o seu bloco de Características do Produto.
   • Escreva o rótulo (ex.: "Raridade do Cartão") na caixa de Título.
   • Na caixa de Texto, clique no ícone da base de dados empilhada no canto e selecione o nome do seu detalhe para o ligar automaticamente!

O bloco Texto com Ícone exibe até 3 pílulas compactas de características lado a lado dentro da secção do produto para destacar pontos chave de venda (como envio rápido, garantias do produto ou autenticidade). Cada bloco de texto permite inserir texto personalizado juntamente com código SVG bruto para renderizar o ícone vetorial da sua escolha.

O bloco Botão Utilitário adiciona ações secundárias à sua página de produto, permitindo que os clientes guardem itens ou partilhem produtos com outros. As definições permitem ativar ou desativar independentemente os botões Lista de Desejos e Partilhar e personalizar o texto do rótulo do botão para cada um.

Tipografia

As definições de Tipografia controlam os estilos globais de fonte em toda a sua loja. Selecionar uma fonte Primária (como Work Sans) estabelece uma identidade visual consistente, aplicando automaticamente a tipografia escolhida aos títulos, texto do corpo, botões e elementos de navegação em todo o site.

Layout

As definições de Layout definem as dimensões estruturais e o espaçamento da sua vitrine, controlando a Largura da página (largura máxima do contentor para o conteúdo principal) e a Margem da página (espaçamento lateral externo para evitar que o conteúdo toque as bordas do ecrã em dispositivos menores).

Cores

As definições de Cores estabelecem a paleta de cores global da sua loja para total consistência da marca em todas as páginas:

• Fundo e Primeiro Plano: Define a cor principal do fundo da página e o estilo de destaque padrão.
• Primário e Secundário: Define as cores da fonte dos títulos principais (Primário) e do texto do corpo (Secundário).
• Borda e Destaque: Controla os divisores de linha, bordas dos contentores e destaques estruturais.
• Controlo dos Botões: Personaliza as cores de fundo, texto e borda dos botões.
• Link e Passar o Cursor: Define as cores padrão dos hiperlinks e os seus estados interativos ao passar o cursor.

Redes Sociais

As definições de Redes Sociais permitem adicionar links para as contas de redes sociais da sua marca. Basta colar os URLs dos seus perfis nos campos correspondentes das plataformas, e os ícones sociais correspondentes aparecerão automaticamente no rodapé.

As definições do Logótipo permitem carregar o logótipo principal da sua loja, controlar o tamanho de exibição em pixels e definir um ícone favicon para representar o seu site nas abas do navegador.

As definições de Recompensas do Carrinho permitem incentivar encomendas maiores configurando até três metas de gastos em níveis. Defina valores específicos do carrinho e etiquetas personalizadas para cada nível para exibir uma barra de progresso dinâmica diretamente na gaveta do carrinho de compras, incentivando os clientes a adicionar mais itens para desbloquear descontos ou benefícios.