Crie uma seção fixa

O que é uma seção fixa?

Uma seção fixa permanece fixa enquanto os visitantes rolam pela sua página, tornando-a ideal para manter conteúdo importante visível, como promoções, barras de navegação ou detalhes de produtos. Neste artigo, você aprenderá a criar facilmente dois tipos comuns de layouts fixos usando o GemPages V7:

• A barra pegajosa que fica no topo ou no final da página
• A coluna fixa que mantém as imagens dos produtos fixas junto com as informações do produto rolando

Como criar uma seção fixa no GemPages?

#1. Adicione uma barra fixa na sua página

Uma barra fixa é útil para anúncios, links de navegação, CTAs ou promoções que permanecem visíveis enquanto os usuários rolam.

De Painel GemPages, abra seu modelo preferido para editar. Você pode encontrar rapidamente o Linha elemento na barra lateral esquerda do editor, arraste e solte o Linha na sua posição preferida.

Aninhe todos os elementos que você precisa dentro do Linha para criar uma barra adesiva conforme você deseja finalizar seu design. 

Alternativamente, você pode usar um dos nossos seções adesivas pré-projetadas em vez de construir uma do zero.

• Acesse Biblioteca > Seções, procure "Pegajoso".
• Você encontrará uma variedade de layouts prontos, incluindo Barras pegajosas e Carrinhos pegajosos.
• Clique Adicionar à página na seção que você deseja usar. O layout selecionado será inserido automaticamente no seu modelo.

#2. Faça com que a imagem do seu produto seja atraente

Esse layout é comumente usado em páginas de produtos, onde a imagem do produto permanece no lugar enquanto os usuários navegam pelos detalhes adicionais do produto.

Etapa 1: No Painel do GemPages, abra seu modelo de página de produto no Editor.

Passo 2: Clique no Elemento de imagens do produto para revelar a configuração na barra lateral esquerda. Vá para o Avançado guia, encontre o "Posição" seção e selecione “Pegajoso”No menu suspenso.

Etapa 3: Acertar "Economize" e "Publicar" e confira o resultado na página ao vivo.

Dependendo do tema que você usa, a funcionalidade de posição Sticky pode não se comportar como esperado. Se isso ocorrer, entre em contato com nossa equipe de suporte para obter assistência.