Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : $Red 11 Feb 2016, 16:40:48
-
Ciao a tutti, sto cercando di inserire la navigazione fissa allo scroll della pagina in gantry 5 tramite atom come spiegato nella documentazione (http://docs.gantry.org/gantry5/theme-development/theme-customization), ma proprio non ci riesco sicuramente salto qualcosa ma non mi sembra, se qualcuno l'ha già fatto e mi sa aiutare ne sarei felice visto che c'è anche su joomla estesa, anche se guardando la demo penso che li sia stato fatto con la copia del file page.html.twig.
- Scaricato il file headroom.min.js ed inserito in custom/js/ "fatto"
- attivato l'atom Custom CSS / JS ed in javascript file selezionato hedroom.min.js nel campo inline inserito il codice "fatto"
- nel file custom/scss/custom.scss inserito il codice "fatto"
- ricompilato css e salvato il tutto "fatto"
- svuotato tutte le cache "fatto"
- risultato "niente" :-[
sarò un pò tonto!'! bhoo!! vi chiedo gentilmente un aiutino grazie mille a tutti :)
-
L'atom dove l'hai inserito ? Verifica se magari l'hai messo su un outline diverso...
-
Ciao xplosion, prima solo in baswe, poi l'ho attivato anche su quelle home e predefinito niente :( ho anche rimosso <script></script> come dice sotto il box
// grab an element
var myElement = document.querySelector("#g-navigation");
// construct an instance of Headroom, passing the element
var headroom = new Headroom(myElement);
// initialise
headroom.init();
// grab an element
var myElement = document.querySelector(".g-offcanvas-toggle");
// construct an instance of Headroom, passing the element
var headroom = new Headroom(myElement);
// initialise
headroom.init();Grazie xplosion :)
-
Ma quel codice non l'hai inserito in page.html.twig ?
-
no se vedi la documentazione http://docs.gantry.org/gantry5/theme-development/theme-customization indica 3 modi e quello tramite copia del file page.html.twig è sconsigliato, almeno cosi ho capito io :-[
-
hai ragione, anche se io in passato avevo utilizzato proprio questo metodo e ha funzionato :) sembra che adesso hanno cambiato qualcosa.
guarda, cerco di rifare questi passaggi su un installazione pulita e ti faccio sapere
-
Grazie xplosion :)
-
trovato il problema(?) non so! forse! perche sono in ambiente di test e ho infilato il cod. in piu parti ;D ma sembra funzionare, quoto (http://gantry.org/blog/fixed-navigation#comment-2230383344) perche non è merito mio, dalla "vecchia guida" sul blog, penso la prima uscita con la modifica al file twig, sembra un piccolo problema al css
2 issues with Gantry 5.1.2
1) add the following code on line 61, just below the main.js one
Should be line 71
2) Works for me with first CSS codes but not more advance behavior CSS codes ??
OK when i replace
@include transform(translateY(-100%)); by
@include transform(translateY(-10%));
quella al punto 1 non l'ho capita bhoo!! comunque ho sostituito -100% con -10% e sembra funzionare... provo un altro pò, se puoi anche tu ti ringrazio tanto ciao :)
P.S. secondo me sarebbe meglio integrare questo metodo su joomla estesa
-
Qualcuno ha già creato un atom che fa tutto quello che serve. Insomma pappa pronta :)
-
Ok scusate se faccio UP ma ho replicato e risolto, c'era anche il problema del css come ho scritto sopra e un pò di miei errori ;D , poi magari ci facciamo un articolo se lo vuoi scrivere tu fammi sapere, questa la procedura per inserire la posizione navigation fixed
- scaricare headroom.min.js
- caricarlo in ......./custom/js
- creare il file custom.scss nella cartella ..../custom/scss con il codice corretto come detto sopra
- andare alla base outline tab style ricompilare il css
- andare alla base outline tab settings
- selzionare in Custom CSS / JS a javascript nel campo file location il file headeroom caricato precedentemente
- inserire nel campo inline javascript il codice, senza <script></script>, e selezionare berfore </body>
- andare alle altre outline al tab page setting a fondo pagina ci sono gli atoms con sotto la scritta drop atoms here selezionare la spunta sul lato destro per attivare quella sezione e trascinarci l'atom Custom CSS/JS salvare
-
Io sto lavorando sodo per la pubblicazione della documentazione gantry 5 in italiano come promesso in passato... purtroppo è tanta e non l'ho ancora finita.