NobertoKicutiQuando 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 seção de outra pagina?
Tentei colocar no link
mas não funcionou.Alguma dica? Valeu
há 10 meses
Marcelo-Goularta princípio é assim mesmo.
colocou no campo correto do módulo?
ivanNas configurações do menu experimente colocar a url completa caso não tenha feito. Exemplo: https://www.seu-dominio.com.br/#id-do-ancora
As vezes colocar apenas o ID no menu acaba dando problema mesmo.
ivan . Mas o link não esta no menu. O link esta dentro do modulo do BB - Interactive Banner na home. Se o cliente clicar no banner, ele deveria ir para a pagina portfolio e deveria se posicionar na linha onde eu cadastrei o ID.
o site é www.marelgabriel.com.br
o site é https://www.marelgabriel.com.br
o site éwww.marelgabriel.com.br
ivanEu não tinha visto a imagem corretamente. Estou achando que o problema não é do âncora em si; mas para testar retire o id do âncora deixandoapenas para redirecionar para a página de portfólio, no caso deixe a url dessa forma e veja se ele redireciona assim:
https://www.marelgabriel.com.br/portfolio/
ivanAcessei o site e vi que agora está redirecionado para a outra página mas o âncora não está funcionando. Suas configurações me parecem corretas, então penso que pode estar havendo um de dois problemas:
1 - o elemento que está com o link clicável que leva à outra página com o ID está com problema
2 - conflito com algum plugin ou código adicionao ao site
Para testar você o possível problema 1 pode começar colocando o link em um elemento do menu temporariamente. Crie um elemento de link personalizado no menu, coloque o link da mesma forma que colocou na print, salve e faça alguns testes.
Já para testar o possível problema 2 terá que desativar plugins. Recomendo desativar todos exceto os criados pela Hostnet senão poderá dar erro crítico no site (Plano Cloud e Plugins Premium) e mantenha ativo também apenas o Beaver Builder e o UABB já que o módulo que está usando na print é dele. Todos os outros você desativa e roda novos testes.
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?
ivanNobertoKicuti 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.
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.
@ivan A mensagem de erro apareceu de novo, mas as imagens subiram.
ivanNobertoKicuti 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.
@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:
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 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!
ivanNobertoKicuti 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.
LeandroGuedes Obrigado pela dica!!!
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.
ivanNobertoKicuti 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
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.
