WebSite X5Help Center

 
Arredi Della Costa
Arredi Della Costa
User

Inserire Pulsante cta in hamburger menu  it

Автор: Arredi Della Costa
Просмотрено 823, Подписчики 3, Размещенный 0  

Buongiorno ragazzi, sfogliando alcuni siti mi è capitato di trovar spesso una call to action nell header.

Mi chiedevo come poterla inserire al click nell hamburger menu. Allego un esempio: ps ci sono anche riferimenti a lingue che non sarebbe male poter visualizzare direttamente nell'hamburger, in modo da poter lasciar l'header pulito. Avete idea di come poter fare? Grazie

Размещено
14 Ответы - 2 Полезно
Arredi Della Costa
Arredi Della Costa
User
Автор

nessuno ragazzi?

Читать больше
Размещено От Arredi Della Costa
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
Arredi Della Costa
nessuno ragazzi?

... io non so se ho capito, ... ma secondo me non dovrebbero esserci problemi ad usare nel menu al posto della pagina il livello, ed assegnare alle proprietà di questo, aspetto e relativi collegamenti, come previsto dalle opzioni...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Arredi Della Costa
Arredi Della Costa
User
Автор

mi spiego meglio. Il menu principali ha le sue sottosezioni. ( esempio home- about- ecc) Da mobile, aprendo l'hamburger menu vorrei poter vedere anche l'oggetto pulsante con la relativa call to action o che so anche la sua bandierina, in modo da avere l'header con logo e menu esteso in visualizzazione desktop, ma quanto passo in responsive ad altra visualizzazione,aprendo l'hamburger menu ho anche i relativi spazi dedicati alla bandierina cambio lingua e l'oggetto pulsante a cui collegare una call to action. Non so se ho reso bene. Grazie

Читать больше
Размещено От Arredi Della Costa
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... cioè, tu vorresti che la bandierina si vedesse solo nell'hamburger e non nel menu esteso...?...
... in questo caso penso che forse occorrerebbe del codice EXTRA...
... se riesci a postare un semplice link di un tuo esempio online, per me sarebbe meglio per poter capire...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Arredi Della Costa
Arredi Della Costa
User
Автор

Ciao Kola, nel primo post ho allegato un esempio di un sito. è esattamente cio che intendo 

Читать больше
Размещено От Arredi Della Costa
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... attualmente io non posso provare direttamente nel programma, ma penso che in teoria  non dovrebbero esserci problemi nei modi detti...

... magari attendi il parere di altri che possono sperimentare direttamente...

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Skeggia 12
Skeggia 12
Moderator

secondo me, se inserisci un livello, senza pagine sotto, e gli assegni nelle proprietà, passso 3, mappa, puoi con gli strumenti di website, assegnare un link (a quello che vuoi pubblicizzare e vuoi far fare), con una icona sul menu (freccia, pallino o immagine personalizzata), senza inserire codice extra... se ho capito bene...

Читать больше
Размещено От Skeggia 12
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... ciao Antonio,  come avevo pensato anche io inizialmente;  ...con pochi click ci si potrebbe riuscire...ciao.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Skeggia 12
secondo me, se inserisci un livello, senza pagine sotto, e gli assegni nelle proprietà, passso 3, mappa, puoi con gli strumenti di website, assegnare un link (a quello che vuoi pubblicizzare e vuoi far fare), con una icona sul menu (freccia, pallino o immagine personalizzata), senza inserire codice extra... se ho capito bene...

Ciao Skeggia, da quello che mi sembra di capire lui vuole che tale pulsante con link appaia solo nel menù hamburger. Così come hai spiegato tu succede che il livello, con relativa icona e collegamento, apparirà anche nel menù esteso. Al massimo si può inserire un codice extra per rendere invisibile tale pulsante nella visualizzazione desktop e lasciarlo visibile in quella responsive.

Читать больше
Размещено От Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

@Arredi della Costa, devi usare, come detto da Kol e Skeggia, un Livello senza nessun nome al PASSO 3 Mappa, devi poi inserire nelle "Proprietà" del Livello sia il collegamento che l'icona da visualizzare sul menù, cioè l'immagine del pulsante (con dimensioni congrue ad essere contenuto nell'hamburger) e poi inserire al PASSO 1 "Impostazioni / Statistiche e Codice / Codice Personalizzato / Codice / Prima della chiusura del Tag HEAD", il seguente codice:

<style>
@media screen and (min-width: 1150px) {
#imHeader_imMenuObject_01 .imLevel {
display: none !important;
}
}
</style>

Devi modificare il valore in grassetto in base ai tuoi breakpoint e inserire il valore del breakpoint che nel tuo progetto fa apparire il menù hamburger. Nel mio esempio tale valore è 1150px (come indicato nel codice), al di sotto dei quale appare l'hamburger menù.

Qui l'esempio online, dovrebbe fare al caso tuo:

https://www.bozzasito001.altervista.org/cta_in_hamburger/

Читать больше
Размещено От Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

P.S. se si vuole essere precisi al massimo ed ottenere una migliore compatibilità con i browser più vecchi, che potrebbero non riconoscere le media query, allora devi sostituire nel codice di sopra questa stringa:

@media screen and (min-width: 1150px)

con questa:

@media only screen and (min-width: 1150px)

tutto il resto rimane invariato.

Ciao

Читать больше
Размещено От Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
‪ KolAsim ‪ ‪
... io non so se ho capito, ... ma secondo me non dovrebbero esserci problemi ad usare nel menu al posto della pagina il livello, ed assegnare alle proprietà di questo, aspetto e relativi collegamenti, come previsto dalle opzioni... .
 ‪ KolAsim ‪ ‪
... cioè, tu vorresti che la bandierina si vedesse solo nell'hamburger e non nel menu esteso...?... ... in questo caso penso che forse occorrerebbe del codice EXTRA... ... se riesci a postare un semplice link di un tuo esempio online, per me sarebbe meglio per poter capire... .

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Arredi Della Costa
Arredi Della Costa
User
Автор

Buongiorno Ragazzi ed innanzitutto, grazie a tutti per il supporto datomi. Ho fatto le dovute prove,ma in caso di font più larghi ed in base al numero di pagine esistenti, c'è la controparte che si potrebbe perder la possibilità di visualizzar il menu principale (come nel mio caso) nella visualizzazione desktop, riducendolo al solo tasto per l'hamburger. 

Credo che si potrebbe pensare come suggerimento la possibilità di poter inserire pulsanti direttamente nelle sezioni menu di livello o hamburger menù, visto l'importanza ormai nei siti di una call to action adeguata ed immediata, senza possibilità di dover inserire troppi codici esterni. Alla fine sarebbe un semplice copia incolla. 

Credo che farò in modo di metter l'oggetto pulsante o in header o in footer. 

Ma qualora si potesse aggiungere questa possibilità di cui parlavo poco sopra, sarebbe il top.

Grazie mille comunque per il supporto a voi ragazzi e buona domenica.

Читать больше
Размещено От Arredi Della Costa
Giuseppe Guida
Giuseppe Guida
User
Giuseppe Guida
@Arredi della Costa, devi usare, come detto da Kol e Skeggia, un Livello senza nessun nome al PASSO 3 Mappa, devi poi inserire nelle "Proprietà" del Livello sia il collegamento che l'icona da visualizzare sul menù, cioè l'immagine del pulsante (con dimensioni congrue ad essere contenuto nell'hamburger).

Arredi della Casa, scusami ma non capisco dov'è il problema a questo punto: meglio ancora se nel tuo caso appare già l'hamburger alle visualizzazioni desktop: in quel caso fai tutto come giá ti é stato descritto sopra evitando l'inserimento del codice extra e hai risolto il tuo problema

P.S. Naturalmente l'immagine del pulsante te la crei/procuri a priori e, come già detto da molti e da me, la inserisci nel livello come icona.

Читать больше
Размещено От Giuseppe Guida