Layout e Tipografia

• Largura máxima do bloco (page_width) — largura máxima do contêiner em px

• Tamanho da fonte (font_size) — tamanho do texto dos breadcrumbs

• Tamanho do ícone separado (separated_icon_size) — tamanho do ícone divisor

• Espaçamento do separador (separated_size) — espaçamento ao redor do divisor

• Alinhamento do texto (text_align) — esquerda/centro/direita

Espaçamento interno (Padding)

• Topo e fundo (padding_block) — espaçamento vertical interno

• Esquerda e direita (padding_inline) — espaçamento horizontal interno

Opções de exibição

• Negrito no item atual (bold_current_item_on_breadcrumb) — enfatiza o último item do breadcrumb

• Efeito ao passar o mouse (hover_effect) — Nenhum / Sublinhado / Escala / Brilho / Salto / Balanço

• Ativar rolagem horizontal no celular (scroll_on_mobile) — rolar em vez de quebrar linha em telas pequenas

• Ocultar nome do produto nos breadcrumbs (hidden_product_name_on_breadcrumb) — oculta o título do produto nas páginas de produto

Cores

• Fundo (background_color) — cor de fundo do bloco

• Texto (text_color) — cor do texto

Personalização avançada

• Símbolo divisor de breadcrumb (trail_divider_style) — escolha um divisor: Chevron Right, Double Arrow, Forward Slash, Pipe, Bullet Point, Angle Bracket, Dash

Rótulo do item

Configure os rótulos exibidos na trilha de breadcrumbs (use o idioma da sua vitrine).

• Tipo de exibição da Home (home_display_type) — Texto / Ícone Home (Clássico) / Ícone Home (Contorno)

• Página inicial (label_home) — rótulo para o item home

• Página de lista de coleções (label_list_collections) — rótulo para a página de lista de coleções

• Página do catálogo (label_catalog) — rótulo para o item catálogo (use --- para ocultar; veja a nota na configuração)

• Link personalizado do catálogo (custom_catalog_link) — URL personalizada opcional (padrão para /collections/all)

Geral

• Largura máxima do bloco (page_width) — largura máxima do contêiner em px

• Ativar carrossel no desktop (enable_desktop_slider) — habilita o comportamento de slider no desktop

• Reprodução automática (autoplay_mode) — modos de auto-rolagem / auto-deslizamento (veja abaixo)

• Ativar a navegação (slider_enable_navigation) — mostra setas/pontos de navegação

• Espaçamento vertical (vertical_spacing) — espaçamento entre o título e o slider/grade

• Título (title) — texto do título da seção

• Proporção da imagem (image_ratio) — Adaptar à imagem / Quadrado / Retrato / Paisagem / Círculo

• Tipo de ajuste da imagem (image_fit_type) — Cobrir / Conter

• Raio da borda da imagem (image_border_radius) — não aplicável quando a proporção da imagem é Círculo

• Número de colunas no desktop (columns_desktop)

• Espaçamento dos cartões (card_spacing_desktop) — espaço entre os cartões de categoria

• Layout do conteúdo (content_layout) — Normal / Sobreposição / Texto Abaixo / Texto Abaixo com Borda

• Alinhamento do texto (text_alignment) — esquerda/centro/direita

• Mostrar a contagem de produtos (show_product_count)

• Ativar texto em maiúsculas (enable_uppercase_text)

• Truncar títulos longos (truncate_title) — limitar títulos a 5 palavras

• Inverter layout (Texto em cima, Imagem abaixo) (reverse_image_position)

Reprodução automática (auto-rolagem / auto-deslizamento)

Aplica-se somente quando Ativar carrossel no desktop está habilitado.

• Desligado (none)

• Lento – 50px/s (slow_scroll_50) — auto-rolagem contínua

• Rápido – 100px/s (slow_scroll_100) — auto-rolagem contínua

• A cada 3 segundos (1 item) (slide_3s) — desliza um item por vez

• A cada 3 segundos (Todos os itens visíveis) (slide_3s_page) — desliza uma página por vez

Cores

• Text (colors_text)

• Fundo (colors_background) — usado apenas quando o layout do conteúdo é Sobreposição

Layout móvel

• Número de colunas no tablet (columns_tablet) — 2/3/4

• Número de colunas no celular (columns_mobile) — 1/2

• Ativar deslizar no tablet e celular (swipe_on_mobile)

Tamanho da fonte do título da coleção

O tamanho da fonte da contagem de produtos é ajustado automaticamente com base no tamanho da fonte do título da coleção.

• Desktop (font_size_desktop)

• Tablet (font_size_tablet)

• Móvel (font_size_mobile)

Geral

• Largura máxima do bloco (page_width) — largura máxima do contêiner em px

• Ativar carrossel no desktop (enable_desktop_slider) — habilita o comportamento de slider no desktop

• Reprodução automática (autoplay_mode) — modos de auto-scroll / auto-slide (veja abaixo)

• Ativar a navegação (slider_enable_navigation) — mostra setas/pontos de navegação

• Espaçamento vertical (vertical_spacing) — espaçamento entre o título e o slider/grade

• Título (title) — texto do título da seção

• Proporção da imagem (image_ratio) — Adaptar à imagem / Quadrado / Retrato / Paisagem / Círculo

• Tipo de ajuste da imagem (image_fit_type) — Cobrir / Conter

• Raio da borda da imagem (image_border_radius) — não aplicável quando a proporção da imagem é Círculo

• Número de colunas no desktop (columns_desktop)

• Posição do conteúdo (content_position) — Topo / Centro / Inferior

• Alinhamento do texto (text_alignment) — Esquerda / Centro / Direita

• Mostrar a contagem de produtos (show_product_count)

• Ativar texto em maiúsculas (enable_uppercase_text)

• Direção do layout do conteúdo (content_layout_direction) — Linha única (linha) / Empilhado (coluna)

Reprodução automática (auto-scroll / auto-slide)

Aplica-se apenas quando Ativar carrossel no desktop está habilitado.

• Desligado (none)

• Lento – 50px/s (slow_scroll_50) — auto-scroll contínuo

• Rápido – 100px/s (slow_scroll_100) — auto-scroll contínuo

• A cada 3 segundos (1 item) (slide_3s) — desliza um item por vez

• A cada 3 segundos (Todos os itens) (slide_3s_page) — desliza uma página por vez

Layout móvel

• Número de colunas no tablet (columns_tablet) — 2/3/4

• Número de colunas no celular (columns_mobile) — 1/2

• Ativar deslizar no tablet e celular (swipe_on_mobile)

Tamanho da fonte do título da coleção

O tamanho da fonte da contagem de produtos é ajustado automaticamente com base no tamanho da fonte do título da coleção.

• Desktop (font_size_desktop)

• Tablet (font_size_tablet)

• Móvel (font_size_mobile)

Cor do texto do cabeçalho

• Cor do texto (colors_text)

• Cor do texto da sobreposição (colors_overlay) — cor da sobreposição para legibilidade