Criação de links de ancora com o Beaver Builder.

NobertoKicuti · 2024-06-14T21:06:12+00:00

Quando voce cria um link de ancoragem na mesma pagina voce cria um ID e no link voce apenas referencia #nomedoID. Mas quando um link deve acontecer em uma s...

NobertoKicuti

ivan Testei das duas formas.
Tanto no caso 1 como no caso 2 , Os links vao para a pagina de portfolio mas não se posicionam na seção desejada.
Muito estranho. Eu deixei os links no menu para mais testes.
Uma duvida: Eu posso criar a ancoragem em qualquer elemento, correto? Na linha ou no modulo, ne?

ivan

NobertoKicuti a princípio sim, mas para tirar dúvida do que possa ser (que pode ter a ver com a página ou algum elemento dentro dela), crie uma página em branco coloque duas linhas, na de cima você coloca uma altura mínima de uns 900px e pode deixar ela vazia ou colocar alguma coisa aleatoriamente só para ter visual. Na de baixo apenas coloque um elemento dentro dela para ficar um pouco mais fácil de visualizar e coloque um novo âncora nela (na linha de baixo). Depois adicione o link no menu e realzie novo teste.

NobertoKicuti

ivan Criei a pagina “teste” e adicionei dois infoBox ( Secao1 e secao2 ). Adicionei dois links no menu ( com os mesmos nomes ) Eles são redirecionados para a pagina Teste mas não se posicionam nas linhas correspondentes.

NobertoKicuti

@ivan A mensagem de erro apareceu de novo, mas as imagens subiram.

ivan

NobertoKicuti já estamos verificando a causa do problema.
Sobre o âncora, o jeito vai ser desativar todos os plugins para poder testar. Deixe ativo apenas os seguintes plugins: Plugins Premium e Plano CLoud (ambos da Hostnet - se se dativar vai dar erro crítico no site) e Beaver Builder. Todos os outros você deve desativar. Caso tenha usado algum módulo do Power Pack ou UABB nessas seções da nova página, refaça usando apenas os módulos padrão do BB. Feito isso teste em uma janela anônima.
Essa ação não deve resultar em nenhum problema mas não custa fazer aquele backupzinho.

[Edit] Observação: vai provavelmente quebrar o layout do site, mas tudo deverá voltar ao nomal assim que reativar os plugins.

LeandroGuedes

@NobertoKicuti já tentou remover a “/” no final do seu link que aponta para âncora? Fiz um teste aqui, modificando via Inspector e funcionou.
de: …site../portfolio/#secao-padroes/
para: …site../portfolio/#secao-padroes

Fiz uma simulação de teste aqui: https://jmp.sh/s/ksv9DbPrUfr915nLftL8

NobertoKicuti

ivan e LeandroGuedes , sempre achei que a barra no final reforçava o link, mas estava enganado. Aqui funcionou em parte. o primeiro link (padroes) foi direitinho mas os outros dois ( coleções e linhas ) foi direcionado mas não posicionou corretamente. Vou testar novamente com uma pagina nova e depois desabilitar os plugins para ver se o problema resolve. Muito obrigado.

[desconhecido]. Obrigado com atraso. Um dos problemas é a barra no final do link, mas agora estou com um problema de posicionamento. Valeu meu amigo!

NobertoKicuti

LeandroGuedes Obrigado pela dica!!!

ivan

@NobertoKicuti o @LeandroGuedes tem razão. Fiz testes e realmente a presença da barra no final do link vai desativar o âncora.

ivan

NobertoKicuti verifique se o ID está no container mais externo (no caso na linha pai); algumas vezes usar âncora em elementos no interior das linhas pode trazer efeitos indesejados. Caso eles estejam na linha pai verifique se ela não possui alguma configuração de margem e caso possua experimente zerar.

NobertoKicuti

ivan e @LeandroGuedes testei a ancoragem em um novo site e funcionou perfeitamente.
Preciso aprofundar os testes neste site para saber o que esta causando o mal funcionamento.
Assim que tiver alguma evidencia eu posto aqui.
Obrigado pela ajuda.

ivan

NobertoKicuti acredito que tenha sido apenas a questão da barra no final dos links mesmo. Se não colocar as barras e adicionar o ID preferencialmente em linhas/colunas creio que não vá ter mais problemas

NobertoKicuti

ivan, quando eu clico em padroes na home, ele vai para a pagina Portfolio e se posiciona corretamente. Mas os outros dois, Coleções e Linhas, quando selecionado, tambem vai para a pagina Portfolio, se posiciona na seção correta mas acaba descendo para o final da pagina. Ja olhei todas as linhas e aparentemente esta correto. Muito estranho.

ivan

NobertoKicuti uma coisa que você pode tentar fazer é colocar o ID em outro elemento pois por alguma razão pode estar dando alguma incompatibilidade, como por exemplo nos títulos

« Página anterior