WebSite X5Help Center

 
Sofia D.
Sofia D.
User

Come creare Sticky Bar diversa dal Modello del Sito per una sola Pagina  it

Autor: Sofia D.
Visited 452, Followers 2, Udostępniony 0  

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

Posted on the
19 ODPOWIEDZI - 4 USEFUL - 1 PRAWIDłOWA ODPOWIEDź
Incomedia
Elisa B.
Incomedia

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.

Czytaj więcej
Posted on the from Elisa B.
Giancarlo B.
Giancarlo B.
User
Najlepszy Użytkownik miesiąca IT

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.

Czytaj więcej
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Sofia D.
Sofia D.
User
Autor

Grazie a tutti, sarei interessata a sapere quale codice usare 

 ‪ KolAsim ‪ ‪
... 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!

Czytaj więcej
Posted on the from Sofia D.
Giancarlo B.
Giancarlo B.
User
Najlepszy Użytkownik miesiąca IT

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.

Czytaj więcej
Posted on the from Giancarlo B.
Sofia D.
Sofia D.
User
Autor
Giancarlo B.
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.

Czytaj więcej
Posted on the from Sofia D.
Giancarlo B.
Giancarlo B.
User
Najlepszy Użytkownik miesiąca IT

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.

Czytaj więcej
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

.

Sofia D.
Grazie a tutti, sarei interessata a sapere quale codice usare   ‪ KolAsim ‪ ‪ ... x Sofia D., ... ... se ti interessa, ...con una semplice idea potresti risolvere in meno di 10 minuti, senza strafare... ...  .. ... 

.. 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...cool...
...
... 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...
.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...!... innocent >  > ...!...

.

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Sofia D.
Sofia D.
User
Autor
 ‪ KolAsim ‪ ‪
...!...  >  > ...!... . .

Grazie! Lunedì provo a impostare come hai suggerito e ti avviso una volta che sarà pronto!

Czytaj więcej
Posted on the from Sofia D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... nel caso, se ti interessa, dimmi se per caso vuoi provare la magia che hai vistolaughing, senza dover toccare niente...cool...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...
... ↓ ...

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Sofia D.
Sofia D.
User
Autor
 ‪ KolAsim ‪ ‪
>> 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! smile

Questo codice posso utilizzarlo anche su altre pagine sempre inserendo un oggetto testo in alto con le varie ancore?

Grazie ancora!

Czytaj więcej
Posted on the from Sofia D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... sì... ...  devi solo controllare il selettore di riferimento che in questo caso era (#imCell_878)...

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Sofia D.
Sofia D.
User
Autor
 ‪ KolAsim ‪ ‪
>> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto > ▪Codice personalizzato: > 3^ opzione > Prima della chiusura del tag HEAD .

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

Czytaj więcej
Posted on the from Sofia D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per questa pagina il selettore è  (#imCell_879)..,  ...quindi ti basta correggere nel codive i due riferimentu iniziali...

... ho provato e funziona... 

ciao 

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪