Visão geral dos blocos

Visão geral Todos os planos 6 min de leitura

Um bloco é um elemento de conteúdo dentro de um mega menu ou de um separador. Os blocos ficam lado a lado numa linha, e a Width (largura) de cada bloco define quanto da linha ocupa.

Ligações e botões

Lista de ligaçõesUm título e uma coluna de ligações, com ícones, imagens e etiquetas opcionais. Ligações com imagem ao passar o ratoLigações ao lado de uma imagem grande que muda ao passar o rato. Lista de vantagensPontos fortes como o envio gratuito, cada um com um ícone. BotãoUm botão de chamada para a ação, como “Ver tudo”.

Imagens e faixas

ImagemUma imagem de faixa ou promocional com título e ligação. Carrossel de imagensVárias imagens num carrossel.Growth · Pro Faixa promocionalUma imagem com título, texto e botão. Logótipos de marcasUma grelha de logótipos de marcas, cada um com a sua ligação.

Produtos e coleções

Lista de produtosUm cartão de produto, ou produtos em grelha, lista ou carrossel. Lookbook com pontos interativosUma fotografia com pontos clicáveis sobre os produtos que mostra. Lista de coleçõesColeções com as respetivas imagens.Growth · Pro Coleção em destaqueNomes de coleções ao lado de uma grelha com os seus produtos.Growth · Pro

Conteúdo e promoções

Publicações no blogueOs artigos mais recentes do seu blogue, ou os que escolher.Growth · Pro Formulário de contactoUm formulário que os clientes usam para lhe enviar uma mensagem. NewsletterUm formulário de subscrição por e-mail. Contagem decrescenteUm temporizador que faz a contagem decrescente até uma data.Growth · Pro Código de descontoUm código de desconto que os clientes copiam com um clique.Growth · Pro HTML personalizadoQualquer HTML: mapas, vídeos, conteúdos incorporados.Pro

Qual devo usar?

Bloco	Ideal para	Separador em Select block	Plano
Lista de ligações	Categorias, marcas, tamanhos	Link list	Todos os planos; Badge requer Pro Navigation
Ligações com imagem ao passar o rato	Categorias com pré-visualização por imagem	Link list	Todos os planos
Lista de vantagens	Envio gratuito, devoluções, pagamento seguro	Link list	Todos os planos
Botão	Uma chamada para a ação “Ver tudo”	Link list	Todos os planos
Imagem	Uma faixa sazonal ou promocional	Add custom image	Todos os planos
Carrossel de imagens	Várias campanhas num só bloco	Add custom image	Growth Navigation, Pro Navigation
Faixa promocional	Uma promoção ou nova coleção, com botão	Add custom image	Todos os planos
Logótipos de marcas	“Comprar por marca”	Add custom image	Todos os planos
Lista de produtos	Um best-seller, novidades, uma coleção	Add product	Single product: todos os planos. Grelha, lista, carrossel: Growth Navigation, Pro Navigation
Lookbook com pontos interativos	“Compre o visual”	Add product	Todos os planos
Lista de coleções	Mosaicos “Comprar por categoria”	Collection	Growth Navigation, Pro Navigation
Coleção em destaque	Produtos de várias coleções	Collection	Growth Navigation, Pro Navigation
Publicações no blogue	Guias, lookbooks, novidades	Blogs	Growth Navigation, Pro Navigation
Formulário de contacto	Perguntas sem sair da página	Contact form	Todos os planos
Newsletter	Aumentar a sua lista de e-mails	Contact form	Todos os planos
Contagem decrescente	Promoções relâmpago e prazos	Countdown	Growth Navigation, Pro Navigation
Código de desconto	Um código de desconto para copiar	Coupon code	Growth Navigation, Pro Navigation
HTML personalizado	Mapas, vídeos, conteúdos incorporados	Add HTML to menu	Pro Navigation

Há mais dois separadores que acrescentam estrutura em vez de um único bloco:

• Multi block (multibloco) adiciona combinações prontas, como 3 Link lists + 1 Image ou Map + Contact + Address, com um clique. O plano necessário depende dos blocos incluídos. Group of items (grupo de itens) empilha vários blocos numa coluna; consulte Disposição em mosaico (Pro Navigation).
• Tab (separador) adiciona separadores simples ou aninhados, com os títulos à esquerda, em cima ou à direita. Consulte Menu com separadores (Pro Navigation).

Adicionar um bloco

1. Abra o painel

   No editor de menu, clique no item que tem um mega menu para abrir o respetivo painel. Clique em Add block (adicionar bloco).

   

   Clique em Add block no painel do mega menu aberto.

2. Escolha um separador e um esquema

   Em Select block (selecionar bloco), clique num separador, como Multi block, Link list ou Coupon code. Passe o rato sobre um esquema e clique em Select.

   

   (1) Escolha um separador, (2) passe o rato sobre um esquema e clique em Select.

3. Configure o bloco

   As definições do bloco abrem em Edit Item (editar item). Preencha o conteúdo e escolha a Width. Para o editar mais tarde, clique no bloco na pré-visualização.

   

   (1) Clique na contagem decrescente na pré-visualização, (2) defina a Width.

4. Guarde e publique

   Clique em Save e, depois, em Publish.

Nota

Um esquema com a etiqueta Growth Navigation ou Pro Navigation não está incluído no seu plano atual. O botão mostra Upgrade to use (mudar de plano para usar) e leva-o para Pricing (preços).

Definições comuns a todos os blocos

WidthPredefinição: Depende do esquema

Quanto da linha o bloco ocupa: Auto ou de 8,33% a 100%. Os blocos cujas larguras somem mais de 100% passam para uma nova linha. Para colunas iguais, use 4 × 25%, 3 × 33.33% ou 2 × 50%.

Hide on desktop / Hide on mobilePredefinição: Desativado

Em Visibility (visibilidade). Oculta o bloco num tipo de dispositivo.

Hide when logged in / Only show when logged inPredefinição: Desativado

Em Visibility. Mostra o bloco apenas a visitantes, ou apenas a clientes com sessão iniciada.

Schedule publishingPredefinição: Desativado

Em Visibility. Mostra o bloco apenas entre uma Start date / Start time (data / hora de início) e uma End date / End time (data / hora de fim). Consulte Agendar menus.

Extra classnamePredefinição: Vazio

Em Advanced (avançado). Adiciona a sua própria classe CSS para poder estilizar o bloco com CSS personalizado.

Os dados da Shopify atualizam-se sozinhos

Os blocos de produtos, coleções e blogue leem os títulos, preços, imagens, stock e novas publicações diretamente da sua loja. O bloco só memoriza quais os itens que escolheu: se eliminar um deles ou mudar o respetivo handle (URL), escolha-o novamente. Consulte As alterações no Shopify admin não aparecem no menu.

Páginas relacionadas

• Mega menuCrie um painel de submenu largo a partir de blocos como listas de ligações, imagens, produtos e um formulário de contacto.
• Menu com separadoresPermita que os clientes alternem entre grupos de conteúdo, como Homem, Mulher e Criança, dentro de um submenu.
• Disposição em mosaico e Special menuEmpilhe corretamente em colunas blocos de alturas diferentes ou mostre uma lista de categorias com um painel para cada categoria.
• Planos e faturaçãoCompare os planos do Globo Mega Menu, inicie um período de avaliação gratuita e mude para um plano superior ou inferior, ou cancele o plano.

Esta página foi útil?

Comunicar um problema