WebSite X5Help Center

 
Fabrizio Morosini
Fabrizio Morosini
User

Sticky bar con possibilità di posizione sopra o sotto  it

Автор: Fabrizio Morosini
Просмотрено 1524, Подписчики 2, Размещенный 0  

Salve, vorrei dare un consiglio che riguarda una piccola chicca che potrebbe rendere più utile l'utilizzo della sticky bar, la possibilità di poterla vedere anche sotto, opzione utile soprattutto quando si parla di landingpage per alcune funzioni.

Impostandola in trasparenza vi è la possibilità di inserire ad esempio un semplice pulsante o altro, fluttuante sulla pagina nello scorrimento, allo scopo di mantenere per esempio una call to action costante per il visitatore relativa a ciò che guarda.

Spero essermi spiegato.

Saluti

Размещено
14 Ответы - 4 Полезно
Stiac Engineering
Stiac Engineering
User

Proposta interessante!

P.s. Non so se è possibile ottenere un effetto analogo con la stessa Barra laterale (Step 2 > Contenuto del Modello > Barra Laterale).

Читать больше
Размещено От Stiac Engineering
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца IT

...intendi a fondo schermo ... ?

Читать больше
Размещено От Claudio D.
Giuseppe Puzzolo
Giuseppe Puzzolo
User

+1

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

+1

Читать больше
Размещено От Francesco Tedeschi
Incomedia
Elisa B.
Incomedia

Buongiorno Fabrizio, 

potresti per favore postare il link a un esempio oppure uno screenshot esplicativo? In questo modo potrò riportare la tua richiesta con maggiore precisione. 

Grazie! Buona giornata.

Читать больше
Размещено От Elisa B.
Mauro B.
Mauro B.
User

+1

Читать больше
Размещено От Mauro B.
Francesco Tedeschi
Francesco Tedeschi
User

Qualcosa tipo questo https://gurmont.it

Visualizzabile da mobile (da desktop non so)

Comunque è una stiky inferiore che quando si scrolla la pagina scompare per dar maggior visibilità e quando ci si ferma con la pagina o si scrolla poco poco in su, la stiky inferiore si visualizza nuovamente 

Читать больше
Размещено От Francesco Tedeschi
Fabrizio Morosini
Fabrizio Morosini
User
Автор

Scusate il ritardo nella mia risposta (impegni lavorativi) e grazie a tutti per interessamento.

Un esempio che intendo è su questo sito https://www.cosmesigraal.it/ che in realtà da PC fa apparire solo immagine in basso a destra, mentre su mobile appare anche un pusante di contatto whatsapp come si vede nella foto.

In realtà quello che interesserebbe me è poter inserire un pulsante che scorrendo la pagina di prodotti e descrizioni sia sempre presente e disponibile nella parte bassa.

Non so se poi vi è la possibilità in altra maniera di tenere un oggetto in primo piano costante. 

Читать больше
Размещено От Fabrizio Morosini
Fabrizio Morosini
Fabrizio Morosini
User
Автор
Elisa B.
Buongiorno Fabrizio,  potresti per favore postare il link a un esempio oppure uno screenshot esplicativo? In questo modo potrò riportare la tua richiesta con maggiore precisione.  Grazie! Buona giornata.
Читать больше
Размещено От Fabrizio Morosini
Fabrizio Morosini
Fabrizio Morosini
User
Автор
Gabriele C.
Forse intende un qualcosa tipo questo (http://www.studioguarascio.it) da desktop. 

Non proprio, bello comunque l'effetto parallasse!

Читать больше
Размещено От Fabrizio Morosini
Fabrizio Morosini
Fabrizio Morosini
User
Автор
Francesco Tedeschi
Qualcosa tipo questo https://gurmont.it Visualizzabile da mobile (da desktop non so) Comunque è una stiky inferiore che quando si scrolla la pagina scompare per dar maggior visibilità e quando ci si ferma con la pagina o si scrolla poco poco in su, la stiky inferiore si visualizza nuovamente 

Ciao, più o meno si, ma al posto del pulsante per invio messaggio vorrei inserire bottone call to action o di informazione da richiedere o altre funzioni raccolta dati.

Читать больше
Размещено От Fabrizio Morosini
Giorgio C.
Giorgio C.
User

@Fabrizio, puoi nel frattempo provvedere con un semplice foglio di stile.

https://ws5.altervista.org/2020/

codice inserito in statistiche, Seo ecc... naturalmente da personalizzare a seconda di cosa utilizzi come elemento.

<style>
#imHeader_imObjectImage_04_wrapper.template-object-wrapper {
position: fixed;
top: 75%;
left:10%;}
#imHeader_imObjectButton_05_wrapper.template-object-wrapper {
display: none;}
@media only screen and (max-width: 500px) {
#imHeader_imObjectButton_05_wrapper.template-object-wrapper {
display: block;
position: fixed;
top: 80%;
left:30%;}
}
</style>

Читать больше
Размещено От Giorgio C.
Roberto N.
Roberto N.
User

+1

Читать больше
Размещено От Roberto N.