Skip to content

Referência de seções e blocos ​

Todas as seções e blocos do Tenora, com as configurações que você vê no editor de temas. Os nomes correspondem exatamente ao editor. As seções marcadas com "Adicionar seção" podem ser adicionadas a qualquer página em Adicionar seção no editor de temas.

Barra de avisos ​

Cabeçalho e rodapé · sections/announcement-bar.liquid

ConfiguraçãoOpções e observações
Esquema de cores
Girar avisos automaticamenteMostra os controles de reproduzir e pausar. A rotação para para clientes que preferem menos movimento.
Trocar avisos a cadade 3 a 10 s

Blocos ​

Até 6 blocos.

Aviso ​

ConfiguraçãoOpções e observações
Texto

Cabeçalho ​

Cabeçalho e rodapé · sections/header.liquid

ConfiguraçãoOpções e observações
Esquema de cores
Posição do logoEsquerda (padrão), Centro, Acima do menu principal · Posição em telas grandes
Cabeçalho fixoNunca, Ao rolar para cima (padrão), Sempre
Mostrar borda inferior
Cabeçalho transparente
Ativar cabeçalho transparenteExibido sobre a primeira seção da página quando ela é um banner. Fica sólido ao rolar a página e ao passar o cursor.
Esquema de cores do cabeçalho transparenteUsa a cor do texto do esquema selecionado.
Logo do cabeçalho transparenteVersão clara opcional do seu logo
Navegação
Menu principal
Estilo do menuMenu suspenso, Megamenu (padrão) · O megamenu mostra o terceiro nível da navegação em colunas.
Menu da conta do cliente
País/região e idioma
Mostrar botão de país/região e idiomaAbre um painel com opções de país/região e idioma. Exibido apenas quando sua loja tem mais de uma opção.

Blocos ​

Até 3 blocos.

Promoção no megamenu ​

ConfiguraçãoOpções e observações
Item do menu principalInsira o nome de um item do menu principal com menu suspenso, por exemplo, Sala de estar. Exibido apenas com o estilo megamenu.
ImagemProporção 4:3 recomendada
Título
Link
Texto do link

Carrinho lateral ​

Cabeçalho e rodapé · sections/cart-drawer.liquid

ConfiguraçãoOpções e observações
Esquema de cores
Mostrar botões de checkout dinâmicoUsa as formas de pagamento disponíveis na sua loja, como o Shop Pay. As cores dos botões de marca não podem ser alteradas.

Rodapé ​

Cabeçalho e rodapé · sections/footer.liquid

ConfiguraçãoOpções e observações
Esquema de cores
Declaração da marca
DeclaraçãoUma frase curta sobre sua marca, exibida em destaque no topo do rodapé. Use itálico para destacar uma palavra.
Texto do link
Link
País/região e idioma
Para adicionar um país/região, acesse as configurações de Mercados. Para adicionar um idioma, acesse as configurações de Idiomas.
Mostrar seletor de país/região
Mostrar seletor de idioma
Barra inferior
Mostrar Seguir no ShopOs clientes podem seguir sua loja no app Shop. Requer o canal de vendas Shop e o Shop Pay.
Mostrar ícones de pagamento
Mostrar links das políticasPara adicionar políticas da loja, acesse as configurações de Políticas.
Mostrar Powered by Shopify
Preenchimento
Preenchimento superiorde 0 a 120 px
Preenchimento inferiorde 0 a 120 px

Blocos ​

Até 8 blocos.

ConfiguraçãoOpções e observações
Título
Menu do rodapé

Texto ​

ConfiguraçãoOpções e observações
Título
Texto

Inscrição por e-mail ​

ConfiguraçãoOpções e observações
Os inscritos são adicionados à sua lista de clientes com consentimento para marketing por e-mail.
Título
Texto
Texto do botão

Ícones de redes sociais ​

ConfiguraçãoOpções e observações
Adicione os links das suas redes sociais em Configurações do tema > Redes sociais.
Título
Texto

Adicionar seção · sections/hero.liquid

ConfiguraçãoOpções e observações
ImagemRecomendado .jpg de 2400 x 1350 px. Defina um ponto focal no editor de imagens para controlar o corte.
Imagem para celularOpcional. Recomendado .jpg de 1080 x 1350 px
Altura da seçãoPequena, Média, Tela cheia (padrão), Adaptar à imagem
Estilo da sobreposiçãoGradiente (padrão), Sólido · O gradiente escurece o lado onde fica o texto.
Opacidade da sobreposiçãode 0 a 90 %
Mostrar sombra do textoAdiciona uma sombra suave atrás do título e do texto para dar mais contraste em imagens carregadas.
Esquema de coresCores do texto e dos botões. A cor de fundo é usada na sobreposição.
Conteúdo
Subtítulo
Título
Tamanho do títuloMédio, Grande (padrão)
Nível do títuloH1, H2 (padrão) · Use H1 somente quando este for o título principal da página.
Texto
Posição horizontalEsquerda (padrão), Centro, Direita
Posição verticalSuperior, Meio, Inferior (padrão)
Botões
Texto do primeiro botão
Link do primeiro botão
Texto do segundo botão
Link do segundo botão

Coleção em destaque ​

Adicionar seção · sections/featured-collection.liquid

ConfiguraçãoOpções e observações
Subtítulo
Título
ColeçãoMostra seus produtos mais recentes quando nenhuma coleção está selecionada.
Produtos a exibirde 2 a 16
Mostrar link Ver tudo
Cartão de produto
Mostrar fornecedor
Mostrar segunda imagem ao passar o cursor
Layout
Colunas no desktopde 2 a 5
Colunas no celular1, 2 (padrão)
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Compre o ambiente ​

Adicionar seção · sections/shop-the-room.liquid

ConfiguraçãoOpções e observações
ImagemProporção 3:2 recomendada. Posicione os pontos de destaque com as configurações de posição horizontal e vertical de cada um.
Subtítulo
Título
Texto
Esquema de cores do cartão de produto
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Blocos ​

Até 8 blocos.

Ponto de destaque ​

ConfiguraçãoOpções e observações
Produto
RótuloExibido quando nenhum produto está selecionado
Posição horizontalde 0 a 100 %
Posição verticalde 0 a 100 %

Depoimentos ​

Adicionar seção · sections/testimonials.liquid

ConfiguraçãoOpções e observações
Subtítulo
Título
Colunas no desktopde 2 a 4
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Blocos ​

Até 12 blocos.

Depoimento ​

ConfiguraçãoOpções e observações
Citação
Autor
Detalhe do autorPor exemplo, uma cidade ou a peça comprada
ProdutoOpcional. Vincula o depoimento a um produto.

Formulário de contato ​

Adicionar seção · sections/contact-form.liquid

ConfiguraçãoOpções e observações
Título
Texto
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Imagem com texto ​

Adicionar seção · sections/image-with-text.liquid

ConfiguraçãoOpções e observações
ImagemRecomendado .jpg de 1500 x 1875 px
Proporção da imagemAdaptar à imagem, Retrato (padrão), Quadrado, Paisagem
Legenda da imagemExibida abaixo da imagem com uma linha de cota, por exemplo, um tamanho ou material.
Posição da imagemEsquerda (padrão), Direita
Largura da imagemMetade, Grande (padrão)
Conteúdo
Subtítulo
Título
Texto
Posição verticalSuperior, Meio (padrão), Inferior
Texto do botão
Link do botão
Estilo do botãoLink de texto (padrão), Botão com contorno, Botão sólido
Layout
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Inscrição por e-mail ​

Adicionar seção · sections/newsletter.liquid

ConfiguraçãoOpções e observações
Os inscritos são adicionados à sua lista de clientes com consentimento para marketing por e-mail.
Subtítulo
Título
Texto
Texto do botão
Observação
AlinhamentoEsquerda, Centro (padrão)
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Liquid personalizado ​

Adicionar seção · sections/custom-liquid.liquid

ConfiguraçãoOpções e observações
Código LiquidAdicione snippets de apps ou outros códigos para criar personalizações avançadas.
Esquema de cores
Preenchimento
Preenchimento superiorde 0 a 120 px
Preenchimento inferiorde 0 a 120 px

Lista de coleções ​

Adicionar seção · sections/collection-list.liquid

ConfiguraçãoOpções e observações
Subtítulo
Título
Texto
Texto do linkLeva à página da lista de coleções.
Layout
EstiloTexto abaixo da imagem, Texto sobre a imagem (padrão)
Proporção da imagemRetrato (padrão), Quadrado, Paisagem
Mostrar número de produtos
Colunas no desktopde 2 a 5
Layout no celularDeslizar (padrão), Grade
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Blocos ​

Até 12 blocos.

Coleção ​

ConfiguraçãoOpções e observações
Coleção
Título personalizadoSubstitui o título da coleção
Imagem personalizadaSubstitui a imagem da coleção

Lista de logos ​

Adicionar seção · sections/logo-list.liquid

ConfiguraçãoOpções e observações
Título
Altura do logode 20 a 80 px
Mostrar logos em escala de cinzaMostra os logos em escala de cinza até passar o cursor.
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Blocos ​

Até 12 blocos.

ConfiguraçãoOpções e observações
LogoRecomendado .png transparente ou .svg
NomeUsado como texto alternativo quando o logo não tem um
Link

Posts do blog ​

Adicionar seção · sections/blog-posts.liquid

ConfiguraçãoOpções e observações
Blog
Posts a exibirde 2 a 6
Subtítulo
Título
Texto do link
Cartão de artigo
Mostrar imagem
Mostrar data
Mostrar autor
Mostrar número de comentários
Mostrar resumo
Layout
Colunas no desktopde 2 a 4
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Produto em destaque ​

Adicionar seção · sections/featured-product.liquid

ConfiguraçãoOpções e observações
Produto
Posição da mídiaEsquerda (padrão), Direita · Posição em telas grandes
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Blocos ​

Subtítulo ​

ConfiguraçãoOpções e observações
Texto

Fornecedor ​

Esta seção não tem configurações.

Título ​

Esta seção não tem configurações.

Preço ​

Esta seção não tem configurações.

Seletor de variantes ​

ConfiguraçãoOpções e observações
Tipo de seletorBotões (padrão), Menu suspenso
Mostrar amostras

Seletor de quantidade ​

Esta seção não tem configurações.

Botões de compra ​

ConfiguraçãoOpções e observações
Mostrar botões de checkout dinâmicoUsa as formas de pagamento disponíveis na sua loja, como o Shop Pay. As cores dos botões de marca não podem ser alteradas.

Descrição ​

ConfiguraçãoOpções e observações
Limite de palavrasde 10 a 80

Texto ​

ConfiguraçãoOpções e observações
Texto

Esta seção não tem configurações.

Liquid personalizado ​

ConfiguraçãoOpções e observações
Código LiquidAdicione snippets de apps ou outros códigos para criar personalizações avançadas.

Produtos relacionados ​

Adicionar seção · sections/product-recommendations.liquid

ConfiguraçãoOpções e observações
As recomendações são geradas automaticamente e melhoram com o tempo. Você pode ajustá-las no app Search & Discovery.
Subtítulo
Título
Produtos a exibirde 2 a 10
Colunas no desktopde 2 a 5
Mostrar fornecedor
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Seção personalizada ​

Adicionar seção · sections/custom-section.liquid

ConfiguraçãoOpções e observações
AlinhamentoEsquerda, Centro (padrão)
Largura do conteúdoEstreita, Padrão (padrão), Larga
Espaçamentode 0 a 64 px
Plano de fundo
Imagem de fundo
Opacidade da sobreposiçãode 0 a 90 % · Escurece ou clareia a imagem de fundo com o plano de fundo do esquema de cores para manter o texto legível.
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Texto formatado ​

Adicionar seção · sections/rich-text.liquid

ConfiguraçãoOpções e observações
Subtítulo
Título
Tamanho do títuloMédio, Grande (padrão)
Texto
Texto do primeiro botão
Link do primeiro botão
Texto do segundo botão
Link do segundo botão
Layout
AlinhamentoEsquerda, Centro (padrão)
Largura do conteúdoEstreita, Larga (padrão)
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Trilha de navegação ​

Adicionar seção · sections/breadcrumbs.liquid

ConfiguraçãoOpções e observações
Mostra o caminho até a página atual nas páginas de produto, coleção, blog, artigo, página e pesquisa.
Esquema de cores
Mostrar página atual
Mostrar no celular

Várias colunas ​

Adicionar seção · sections/multicolumn.liquid

ConfiguraçãoOpções e observações
Subtítulo
Título
Colunas no desktopde 2 a 4
AlinhamentoEsquerda (padrão), Centro
Mostrar divisores
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Blocos ​

Até 8 blocos.

Coluna ​

ConfiguraçãoOpções e observações
MídiaÍcone (padrão), Imagem, Nenhuma
ÍconeCaminhão de entrega (padrão), Ferramentas de montagem, Régua, Amostra de material, Folha, Escudo, Devolução, Chat, Caixa, Marcador de local
Imagem
Título
Texto
Texto do link
Link

Vídeo ​

Adicionar seção · sections/video.liquid

ConfiguraçãoOpções e observações
Vídeo hospedado na ShopifySubstitui o vídeo externo quando ambos estão definidos.
URL do vídeo externoLink do YouTube ou Vimeo
Imagem de capaExibida até o vídeo começar. Proporção 16:9 recomendada.
Conteúdo
Subtítulo
Título
Texto
Layout
Seção em largura total
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Artigo ​

Seção do modelo · sections/main-article.liquid

ConfiguraçãoOpções e observações
Mostrar imagem em destaque
Mostrar autor
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Carrinho ​

Seção do modelo · sections/main-cart.liquid

ConfiguraçãoOpções e observações
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Grade de produtos ​

Seção do modelo · sections/main-collection.liquid

ConfiguraçãoOpções e observações
Mostrar descrição da coleção
Mostrar imagem da coleçãoUsa a imagem definida para a coleção no admin da Shopify.
Grade de produtos
Produtos por páginade 8 a 48
Colunas no desktopde 2 a 5
Mostrar fornecedor
Mostrar segunda imagem ao passar o cursor
Filtragem e ordenação
Ativar filtragemPersonalize os filtros no app Search & Discovery.
Layout dos filtrosBarra lateral (padrão), Gaveta
Ativar ordenação
Layout
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Informações do produto ​

Seção do modelo · sections/main-product.liquid

ConfiguraçãoOpções e observações
Layout da galeriaEmpilhado (padrão), Duas colunas · Layout em telas grandes. Em telas pequenas, a mídia pode ser deslizada.
Ativar zoom da imagem
Manter as informações do produto visíveis ao rolar
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Blocos ​

Fornecedor ​

Esta seção não tem configurações.

Título ​

Esta seção não tem configurações.

Preço ​

ConfiguraçãoOpções e observações
Mostrar Shop Pay ParceladoMostra os preços do Shop Pay Parcelado quando disponível na sua loja.

Seletor de variantes ​

ConfiguraçãoOpções e observações
Tipo de seletorBotões (padrão), Menu suspenso
Mostrar amostrasUsa as amostras de cor ou imagem definidas nos valores das opções do produto.

Seletor de quantidade ​

Esta seção não tem configurações.

Botões de compra ​

ConfiguraçãoOpções e observações
Mostrar botões de checkout dinâmicoUsa as formas de pagamento disponíveis na sua loja, como o Shop Pay. As cores dos botões de marca não podem ser alteradas.
Mostrar formulário de destinatário para cartões-presentePermite que os clientes enviem um cartão-presente a um destinatário em uma data escolhida.

Status do estoque ​

ConfiguraçãoOpções e observações
Limite de estoque baixode 0 a 20 · Mostra a quantidade restante quando o estoque estiver igual ou abaixo deste número.

SKU ​

Esta seção não tem configurações.

Descrição ​

Esta seção não tem configurações.

Guia recolhível ​

ConfiguraçãoOpções e observações
Título
Conteúdo
Conteúdo da página

Texto ​

ConfiguraçãoOpções e observações
Texto

Dimensões ​

ConfiguraçãoOpções e observações
Mostra os metacampos de produto specs.width, specs.depth, specs.height, specs.seat_height e specs.weight. Oculto quando nenhum está preenchido.
Título
Unidades padrãoCentímetros e quilogramas (padrão), Polegadas e libras · Os clientes podem trocar de unidade. A escolha deles fica salva.
Mostrar desenho com medidas
Mostrar assistente de medidasPermite que os clientes comparem as medidas de portas e espaços com a largura, profundidade e altura do produto.

Materiais e cuidados ​

ConfiguraçãoOpções e observações
Mostra os materiais vinculados no metacampo de produto specs.materials (metaobjetos material). Oculto quando nenhum está vinculado.
Título
LayoutLista (padrão), Cartões

Entrega e montagem ​

ConfiguraçãoOpções e observações
Mostra os metacampos de produto delivery.lead_time, delivery.method, delivery.assembly_required e delivery.assembly_guide. Oculto quando nenhum está preenchido.
Título

Pedir uma amostra ​

ConfiguraçãoOpções e observações
Usa o metacampo de produto specs.sample_product quando definido; caso contrário, o produto abaixo. Oculto quando não há amostra.
Produto de amostra
Título
Texto
Texto do botão

Produtos complementares ​

ConfiguraçãoOpções e observações
Para mostrar produtos complementares, configure-os no app Search & Discovery.
Título
Produtos a exibirde 1 a 6

Liquid personalizado ​

ConfiguraçãoOpções e observações
Código LiquidAdicione snippets de apps ou outros códigos para criar personalizações avançadas.

Lista de todas as coleções ​

Seção do modelo · sections/main-list-collections.liquid

ConfiguraçãoOpções e observações
Título
Coleções por páginade 6 a 48
EstiloTexto abaixo da imagem, Texto sobre a imagem (padrão)
Proporção da imagemRetrato (padrão), Quadrado, Paisagem
Mostrar número de produtos
Colunas no desktopde 2 a 4
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Página ​

Seção do modelo · sections/main-page.liquid

ConfiguraçãoOpções e observações
Alinhamento do títuloEsquerda, Centro (padrão)
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Página não encontrada ​

Seção do modelo · sections/main-404.liquid

ConfiguraçãoOpções e observações
Título
Texto
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Posts do blog ​

Seção do modelo · sections/main-blog.liquid

ConfiguraçãoOpções e observações
Artigos por páginade 3 a 24
Colunas no desktopde 2 a 4
Mostrar filtro de tags
Cartão de artigo
Mostrar imagem
Mostrar data
Mostrar autor
Mostrar número de comentários
Mostrar resumo
Layout
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Resultados da pesquisa ​

Seção do modelo · sections/main-search.liquid

ConfiguraçãoOpções e observações
Resultados por páginade 8 a 48
Mostrar fornecedor
Filtragem e ordenação
Ativar filtragemPersonalize os filtros no app Search & Discovery.
Layout dos filtrosBarra lateral (padrão), Gaveta
Ativar ordenação
Layout
Esquema de cores
Preenchimento superiorde 0 a 160 px
Preenchimento inferiorde 0 a 160 px

Senha ​

Seção do modelo · sections/main-password.liquid

ConfiguraçãoOpções e observações
Imagem de fundoRecomendado .jpg de 2400 x 1350 px
Opacidade da sobreposiçãode 0 a 90 %
Subtítulo
Título
A mensagem abaixo do título é a mensagem da página de senha definida em Loja virtual > Preferências.
Mostrar inscrição por e-mail
Texto do botão
Esquema de cores

Blocos do tema ​

Botão ​

blocks/button.liquid

ConfiguraçãoOpções e observações
Texto do botão
Link
Abrir link em nova guia
Estilo do botãoBotão sólido (padrão), Botão com contorno, Link de texto

Liquid personalizado ​

blocks/custom-liquid.liquid

ConfiguraçãoOpções e observações
Código LiquidAdicione snippets de apps ou outros códigos para criar personalizações avançadas.

Grupo ​

blocks/group.liquid

ConfiguraçãoOpções e observações
Direção do layoutHorizontal, Vertical (padrão)
AlinhamentoEsquerda, Centro (padrão), Direita
Espaçamentode 0 a 64 px
Preenchimentode 0 a 96 px

Texto ​

blocks/text.liquid

ConfiguraçãoOpções e observações
Texto
Estilo do textoTítulo, Subtítulo, Texto do corpo (padrão)
Tamanho do títuloPequeno, Médio (padrão), Grande
AlinhamentoEsquerda, Centro (padrão), Direita