Come creare Sticky Bar diversa dal Modello del Sito per una sola Pagina
Автор: Sofia D.Ciao a tutti,
Attualmente ho già un sito web dove è presente una Sticky Bar del modello che riprende il menù principale del sito.
Ora però vorrei poter creare all'interno di Una Sola Pagina (una landing page da cui non vorrei far uscire gli utenti) un menù che resta sempre visibile, a lato o in alto, dove poter inserire delle Ancore presenti nella stessa pagina.
Servirà per permettere agli utenti una facile navigazione all'interno della pagina stessa.
Questa è la LP: https://www.risparmioenergiaitalia.it/offerta-fotovoltaico-ecobonus
Nel menù visibile vorrei inserire i link che rimandano alle diverse sezioni, ad esempio:
-Esempio Kit Fotovoltaico con Ecobonus
-Perché scegliere Desamo?
-Recensioni
-ecc.
C'è un modo per poterlo fare tramite Website X5? L'idea poi è di fare la stessa cosa anche su altre Landing Page.
Grazie a tutti per l'attenzione!
Sofia
Buongiorno,
credo che la soluzione più semplice sarebbe quella di creare un nuovo progetto solo per la Landing Page, esportarla in una sottocartella (come si fa per i siti multilingua per intenderci) e poi collegarla al progetto principale.
Resto a tua disposizione e ti auguro una buona giornata.
Credo che la soluzione migliore sia quella suggerita dalla gentile Elisa.
Se vuoi una LandingPage gratis puoi eventualmente scaricarla dal mio sito, sempre che faccia al caso tuo... ciao.
... x Sofia D., ... ... se ti interessa, ...con una semplice idea potresti risolvere in meno di 10 minuti, senza strafare, senza complicazioni, e mantenendo la stessa attuale pagina, agendo nel Progetto stesso con piccola modifica alla struttura, e senza aver a che fare con sotto-directory...
... poi rimarrebbe l'unica incombenza EXTRA, semplice ed immediata, con un istantaneo copia/incolla di un mini codice nella sezione Esperto, ...facile per chiunque...
... quindi, se nel breve ti interessa la mia procedura, avvisami per continuare...
.
ciao
.
Автор
Grazie a tutti, sarei interessata a sapere quale codice usare
Grazie!
Forse potresti anche farlo senza codici direttamente con website
crei un livello di menù tipo landing e lo metti non visibile
poi inserisci dei sottolivelli esempio
Fotovoltaico con Ecobonus
Perché scegliere Desamo?
Recensioni
i sottolivelli punteranno alle ancore, ed il menù che inserirai solo in quella pagina punterà al livello landing.
Spero di essermi spiegato.
Ciao.
Автор
Ciao Giancarlo,
grazie per il suggerimento, era una cosa a cui avevo già pensato, il problema però resta perché l'oggetto menù resta fisso nella posizione (ad es. in alto a destra) e poi quando si scorre la pagina non viene più visualizzato, come invece fa la sticky bar, ma che è agganciata al modello intero del sito.
si capisco, ma comunque c'è visibile il pulsante che rapidamente porta la pagina sù, al menù principale. Era comunque il modo più semplice.
Oppure, puoi posizionare più oggetti menù sulla stessa pagina nelle varie sezioni.
alternativa menù fluttuante tipo questo.
https://giancawordpress.altervista.org/fluctuating-social.html
.
.. OK, ... ti passo il mio suggerimento; ...inizialmente non servono codici; ...è molto semplice, ci vuole più tempo a dire che a fare; ...il mini codice EXTRA te lo fornirò alla fine, quando mi farai vedere le operazioni concluse online...
... procedimento, tutto nel Progetto:
1) ... sopra al primo oggetto della pagina, quello del logo solare su sfondo azzurro, inserisci come primo oggetto della stessa riga un Oggetto Testo a tutta estensione in larghezza;
2) ... nell'Oggetto Testo metti le voci ordinate da collegare alle relative sezioni con semplici ancoraggi;
3) ... per esempio la lista delle voci del testo da usare come meu potrebbe essere questa e che volendo puoi anche copiare e/o personalizzare:
Richiesta Preventivo | Offerta | Kit Ecobonus | Info Desamo | Recensioni | Info Preventivo | VIDEOCONFERENZA | PARTNER
4) ... visto che le sezioni sono incolonnate in sequenza regolare dalla riga 4 per la prima voce alla riga 10 per l'ultima voce del meni, per assegnare il collegamento agli ancoraggi esistenti devi usare l'opzione del collegamento File o URL | File su Internet, selezionando voce per voce, e digitare nel reltivo campo di input per esempio per la prima voce "Richiesta Preventivo":
#imPageRow_3
... per la seconda voce "Offerta":
#imPageRow_4
... eccetera eccetera a seguire in crescendo...
... e per l'ultima voce "PARTNER":
#imPageRow_10
5) ...!... fatto...!... ... come vedi è molto semplice......
...
... quando avrai fatto, pubblica le modifiche online ed avvisami, così poi ti posterò il codice relativo per fissare il menu in alto in modo sempre visibile allo scroll...
.
...!... > > ...!...
.
.
Автор
Grazie! Lunedì provo a impostare come hai suggerito e ti avviso una volta che sarà pronto!
... nel caso, se ti interessa, dimmi se per caso vuoi provare la magia che hai visto, senza dover toccare niente......
.
Автор
Ecco la pagina modificata come suggerito: https://www.risparmioenergiaitalia.it/offerta-fotovoltaico-ecobonus-prova
Ora resto in attesa di sapere come proseguire, grazie mille!
... OK ... copia ed incolla nella sezione Esperto il file in allegato con le mie invenzioni esclusive...
... la chiave sta nell'oggetto del menu supplementare (#imCell_878), da controllare in caso di pagina diversa da quella del link di prova...
... ↓ ...
>> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto > ▪Codice personalizzato:
> 3^ opzione > Prima della chiusura del tag HEAD
.
Автор
Ciao! Sono riuscita e funziona perfettamente, grazie mille!
Questo codice posso utilizzarlo anche su altre pagine sempre inserendo un oggetto testo in alto con le varie ancore?
Grazie ancora!
... sì... ... devi solo controllare il selettore di riferimento che in questo caso era (#imCell_878)...
.
ciao
.
Автор
Ecco aggiornata anche la pagina: https://www.risparmioenergiaitalia.it/offerta-fotovoltaico-ecobonus
Dato che lo stesso codice non funziona, come sostituire "#imCell_878" per poterlo applicare anche su altre pagine?
Grazie mille
Sofia
... per questa pagina il selettore è (#imCell_879).., ...quindi ti basta correggere nel codive i due riferimentu iniziali...
... ho provato e funziona...
ciao
.