Joomla.it Forum

Joomla! 4 => Joomla! 4.x => Topic aperto da: sgiobbio - 28 Ago 2022, 14:15:45

Titolo: [RISOLTO] Modificare il Template Cassiopeia per renderlo "OnePage" con Parallax
Inserito da: sgiobbio - 28 Ago 2022, 14:15:45
E' possibile utilizzare il template Cassiopeia come onepage with parallax?
E' un lavoro da effettuare con i css?
C'è qualche tutorial che insegni come adattare Cassiopeia alle proprie esigenze?
Titolo: Re:Modifica al Template Cassiopeia
Inserito da: marine - 29 Ago 2022, 10:13:05
Per cortesia modifica il titolo del post inserendone uno esplicativo del tuo quesito, grazie della collaborazione.

Titolo: Re:Modificare il Template Cassiopeia per renderlo "OnePage" con Parallax
Inserito da: sgiobbio - 04 Set 2022, 19:18:47
Se ho postato un argomento non di interesse generale, me ne scuso.
Oppure ho fatto male la domanda...
A me sembra che la tipologia di sito web "monopagina" sia di grande attualità.
Mi chiedevo se qualcuno avesse già provato ad adattare il template Cassiopeia per ottenere un sito "onepage", e se ci era riuscito.
Un sito monopagina deve avere almeno 3 o 4 sezioni diverse che scorrano in verticale e che riempiano completamente lo schermo dall'alto in basso, ciascuna a turno. Poi ci sarebbe da rendere "fluido" il passaggio da una sezione all'altra quando si clicca sulla rispettiva voce di menu.... Tutte cose che forse si possono ottenere semplicemente con regole css.

Fino ad ora le mie ricerche sul web hanno portato soltanto a questo:
http://talkerscode.com/webtricks/one-page-website-template-using-html-css-and-jquery.php
https://alvarotrigo.com/blog/how-to-create-a-parallax-effect-with-css-only/

Ovviamente esistono già template one page pronti all'uso, ma non mi va di aggiungere a Joomla 4 plugin o framework di terze parti (come Helix), e nella mia esperienza precedente mi sono accorto che più si appesantisce joomla con elementi terzi e più nascono i problemi, magari ad ogni aggiornamento alla versione successiva. Per questo mi piacerebbe utilizzare il template nativo.
Titolo: Re:Modificare il Template Cassiopeia per renderlo "OnePage" con Parallax
Inserito da: sgiobbio - 12 Set 2022, 17:32:18
Posto una soluzione perché alla fine ho ottenuto quello che mi ero prefissato, tranne l'effetto "parallax" da applicare su una delle prime sezioni del sito monopagina, un effetto che mi riprometto di realizzare e che mi pare ottenibile anche con pure CSS: https://codepen.io/yagoestevez/pen/EdgRMX

Quello che mi premeva, era di riuscire a realizzare un sito "one page" senza ricorrere a framework e template esterni, con il solo utilizzo di Cassiopeia.

In pratica ho creato un solo articolo, nel quale ci sono le varie sezioni che il menu raggiunge, puntando a semplicissimi <div id="XXX">, grazie a una sola riga di codice: <a href="#XXX">

Il menu è in puro css.
Ecco il link al sito finito: https://www.studiofogliano.info/
Spero che possa essere utile a qualcuno.