Posicionamento
O posicionamento define onde a prateleira sera inserida na homepage. O ShelfFlow usa um sistema inteligente de 3 camadas para encontrar o ponto de insercao correto em qualquer tema Nuvemshop.
Posicoes disponiveis
Seção intitulada “Posicoes disponiveis”| Posicao | Descricao |
|---|---|
| Apos o banner | Logo abaixo do slider/banner principal da homepage |
| Apos os destaques | Abaixo da secao de produtos em destaque |
| Apos os promocionais | Abaixo dos banners promocionais |
| Antes do rodape | Na parte inferior da pagina, antes do footer |
Como funciona o posicionamento
Seção intitulada “Como funciona o posicionamento”O ShelfFlow detecta automaticamente as secoes da homepage do seu tema usando seletores semanticos. O sistema funciona em 3 camadas:
Camada 1: Seletores semanticos
Seção intitulada “Camada 1: Seletores semanticos”O ShelfFlow conhece a estrutura HTML dos temas classicos da Nuvemshop. Ele procura elementos como [data-store="home-slider"], .featured-products, etc.
Camada 2: Seletor CSS customizado
Seção intitulada “Camada 2: Seletor CSS customizado”Se voce conhece a estrutura do seu tema, pode informar um seletor CSS especifico. Esse seletor tem prioridade sobre os seletores automaticos.
Camada 3: Fallback
Seção intitulada “Camada 3: Fallback”Se nenhum seletor encontrar o elemento, a prateleira e inserida antes do footer como ultimo recurso.
Metodo de insercao
Seção intitulada “Metodo de insercao”Alem da posicao, voce pode escolher o metodo de insercao:
- Depois (padrao) — insere a prateleira logo apos o elemento de referencia
- Antes — insere a prateleira logo antes do elemento de referencia
Temas compativeis
Seção intitulada “Temas compativeis”O posicionamento automatico foi testado e validado em todos os 11 temas classicos da Nuvemshop:
Amazonas, Brasilia, Cali, Lima, Morelia, Recife, Rio, Toluca, Simple, Trend e Jeronimo.