Informações do produto
O que você vai aprender
- Pra que serve esta section
- O recurso de barra fixa de compra ao rolar a página
- Como ela organiza galeria e detalhes em colunas
Pra que serve
É a section principal da página de produto: organiza a galeria de mídia numa área e os detalhes (título, preço, variantes, botão de compra, descrição) em outra, lado a lado. É onde ficam os blocks Galeria de mídia do produto, os detalhes à esquerda e à direita da página de produto.
💡 Ao rolar a página pra baixo (passando do botão de compra original), uma barra fixa aparece automaticamente no rodapé da tela com foto, título, preço e botão de adicionar ao carrinho, pra não precisar rolar de volta pro topo pra comprar.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Ativar barra fixa de compra | Liga/desliga esse recurso. |
| Espaçamento | Distância entre a galeria e a coluna de detalhes. |
| Esquema de cores | Cor de fundo/texto da section. |
Modal (celular)
Configurações da janela de zoom/galeria em tela cheia que abre no celular ao tocar numa imagem:
| Configuração | Pra que serve |
|---|---|
| Raio do canto | Arredondamento da janela. |
| Bordas | Nenhuma ou Sólida. |
| Sombra | Ativa uma sombra sutil ao redor da janela. |
| Desfoque de fundo | Deixa o fundo semitransparente com efeito de desfoque. |
Boas práticas
- A barra fixa de compra é automática e não precisa ser adicionada como block, ela lê o preço e a variante selecionada em tempo real.
- Se a loja tiver produto sem opção de variante (produto único), a barra fixa esconde sozinha o nome da variante, sem precisar de configuração extra.