Joomla.it Forum

Joomla! 3 => Joomla! 3 => : Cs3v3n 27 Jan 2017, 15:50:26

: Menu che ti porta alla parte desiderata della pagina
: Cs3v3n 27 Jan 2017, 15:50:26
Salve,


sto provando a fare sul mio sito, questo tipo di menu che trovate qui https://demo.gavick.com/joomla25/john/ (https://demo.gavick.com/joomla25/john/)


è una demo della GavickPro , io sono iscritto da loro e ho scaricato questo tema, e sto cercando di fare quel menu che appare da sopra mentre si scorre la pagina in giù.


La parte che mi interessa, è quella quando clicco su una voce di quel menu.


Per esempio se clicco sulla voce "My Blog" , mi porta in un punto determinato della pagina e via cosi per gli altri.


Mi spiegate come si fa cosi capisco come e cosa ometto.... ho visto sulla demo (ti danno anche la demo) che quelle voci di menu sono impostate come URL Esterni, ma se provo a fare la stessa cosa mi da questo Errore:


Errore
Salvataggio fallito con il seguente errore: La voce di menu home dev'essere un componente.


Mi aiutate perfavore?
: Re:Menu che ti porta alla parte desiderata della pagina
: alexred 27 Jan 2017, 16:23:40
Ciao Cs3v3n,
se vedi nel link è presente il cancelletto  #   
quindi sono ancore.
Qui trovi un video tutorial:  http://www.joomla.it/video-guide/8519-video-tutorial-come-inserire-le-ancore-e-relativi-link-in-un-contenuto.html
: Re:Menu che ti porta alla parte desiderata della pagina
: Cs3v3n 27 Jan 2017, 19:11:38
Ciao Cs3v3n,
se vedi nel link è presente il cancelletto  #   
quindi sono ancore.
Qui trovi un video tutorial:  http://www.joomla.it/video-guide/8519-video-tutorial-come-inserire-le-ancore-e-relativi-link-in-un-contenuto.html (http://www.joomla.it/video-guide/8519-video-tutorial-come-inserire-le-ancore-e-relativi-link-in-un-contenuto.html)


Grazie per l'articolo, ma rimane lo stesso il problema.


Nel senso, se io sulla voce di menu principale aggiungo url esterno e scrivo #parte1 , il tag #parte1 dove devo inserirlo afinché mi porti nella zona dove inizia la "parte1"


Se guardi nuovamente il link che ho postato precedentemente, e provi a usare queste ancore , mi spiegheresti come dovrei fare?


perché nell'esempio che mi hai dato, lo fa , ma all'interno di un articolo accade tutto e nel esempio che ti ho mostrato, non si trova in un articolo....


mi spiegheresti?
: Re:Menu che ti porta alla parte desiderata della pagina
: alexred 27 Jan 2017, 19:18:48
non ho ben capito cosa vuoi dire, ma se tu hai chiaro dove vuoi che sia portato il link ci posizioni la relativa ancora, che sia un modulo o in una zona di un articolo ecc...
Poi il menu porterà in quella zona dove hai posizionato l'ancora.
: Re:Menu che ti porta alla parte desiderata della pagina
: tomtomeight 27 Jan 2017, 19:28:57
E comunque non puoi mettere un ancora come voce predefinita home.
: Re:Menu che ti porta alla parte desiderata della pagina
: baronepiovasco 27 Jan 2017, 19:56:27
Ciao, non so se può esserti di aiuto ad un altro utente il consiglio è servito

https://extensions.joomla.org/extension/onepage/ (https://extensions.joomla.org/extension/onepage/)
: Re:Menu che ti porta alla parte desiderata della pagina
: Cs3v3n 27 Jan 2017, 22:53:50
Grazie per le risposte e i suggerimenti.


ho trovato questa documentazione: https://www.gavick.com/documentation/joomla/templates/customization/onepage-layout-menu-links (https://www.gavick.com/documentation/joomla/templates/customization/onepage-layout-menu-links)


Solo che non capisco una cosa. Come si fa ad assegnare un "id" ad una <div> ?


Nel senso che loro nella voce di menu, hanno scelto URL esterno e hanno messo un ancora # con il nome della div che ti porta in quel blocco della pagina.


Esempio, prendete questo link:https://demo.gavick.com/joomla25/john/ (https://demo.gavick.com/joomla25/john/)


andiamo nella parte della pagina dove viene la scritta grande sulla destra CHECK OUT MY WORKS.


Si nota che da sopra appare il menu, dove c'è la voce WORKS


Sono andato nel menu principale e ho trovato che sulla voce WORKS, nel box LINK c'è scritto #my-works
Poi ho analizzato la pagina nell'area dove c'è la scritta CHECK OUT MY WORKS e trovo che il <div> ha come id="my-works"
scritto cosi: <div id="my-works">


Io quello che non riesco a capire, è come ha fatto a dare come id a quel <div> il nome "my-works" ? Mi aiutate a capire questo?


Non capisco come ha fatto questo, per creare questa ancora. Perché quel <div> non si chiama diversamente ma si chiama "my-works" come se fosse dato apposta...?


Allego due immagini di ciò che parlo qui, per far capire quello che intendo...


Forse adesso mi sono spiegato meglio, era difficile spiegare anche per me.


Grazie per la pazienza. Attendo un vostro riscontro/risposta.