WebSite X5Help Center

 
Giuseppe Guida
Giuseppe Guida
User

Overlay solo quando si entra nel sito: come fare?  it

Autore: Giuseppe Guida
Visite 1217, Followers 4, Condiviso 0  

Ciao, al link a fine testo ho caricato online una bozza di un lavoro, ad apertura sito, quindi quando si entra, ho inserito un Overlay come da indicazioni di un altro utente (Alberto G. qui: https://helpcenter.websitex5.com/it/post/214229) con una foto e la scritta "Benvenuti in Dress Shop". Dopo circa 2 secondi sparisce l'Overlay e appare la Home Page...

Vorrei che questo Overlay appaia solo la prima volta che si entra nel sito ma poi, continuando a navigare nello stesso e ritornado sulla Home, tale schermata in Overlay non si debba più ripresentare (sarebbe fastidiosissimo per chi lo naviga se ogni volta che si ritorna sulla home appare quella finestra in Overlay). Uscendo ed entrando poi successivamente nel sito mi sta bene che tale Overlay appaia di nuovo (ma può anche non apparire, non è importante, in quel caso bisognerebbe agire sulla sessione dei cookie, ma ho provato e non ha funzionato).

Qualcuno ha una soluzione? Grazie in anticipo

LINK BOZZA SITO: http://bozzasito001.altervista.org/shop2019n2/

Postato il
34 RISPOSTE - 5 UTILI
Mirko Boschetti
Mirko Boschetti
Moderator

forse non ho capito, ma non andrebbe bene con la pagina d'ingresso ?

Fà proprio quello che chiedi...wink

Leggi di più
Postato il da Mirko Boschetti
Giuseppe Guida
Giuseppe Guida
User
Autore

Ciao Mirko... no. Non voglio la pagina di ingresso perchè al momento la foto è statica con la scritta ma poi inserirò un'animazione  (giá creata a parte) che non va bene con l'effetto (difficile da spiegare) che ho inserito  e che fará apparire la home in dissolvenza sotto l'overlay. Giá provato e non va bene.

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

Ok Luigi, grazie. Do uno sguardo e poi ti faccio sapere.

Leggi di più
Postato il da Giuseppe Guida
A. Kris
A. Kris
User

io vorreo sapere solo una cosa.... quando Giuseppe chiede una cosa per un oggetto che fa parte del software ws, ok che Luigi cerca di siutarlo , MA PERCHÈ DOBBIAMO SEMPRE USARE I CODICI per far funzionare oggetti che fanno parte del software? Ormai abbiamo superato da tempo la versione 10 di incomedia, no? 

Questa richiesta di Giuseppe è uguale alla finestra della privacy e cookie, ogni volta in ogni pagina da chiuderla è fastidioso pure quello. Amcge sul sito incomedia è cosi, stavo proprio pensando azz... ma quante volte chiudo sto coso?

Ho fatto notare come IDEA! picolezze , come anche larghezze lista discesa ed altre piccolezze , pero alla fine fanno la differenza!!!

Leggi di più
Postato il da A. Kris
A. Kris
A. Kris
User

scusate per gli ertori sul cell è difficile perchè ogni volta chiede di chiudere i cookie qui e da diventar scemi per navigarci. imfatti volevo dare solo un occhiata veloce alle mews, ma con accettare ad ogni pagine i cookie , uffa che p.... 

Leggi di più
Postato il da A. Kris
Giuseppe Guida
Giuseppe Guida
User
Autore

Kris ma in realtá la finestra in Overlay che ho inserito non fa parte del programma: ho usato codici esterni.

Leggi di più
Postato il da Giuseppe Guida
A. Kris
A. Kris
User
Giuseppe Guida
Kris ma in realtá la finestra in Overlay che ho inserito non fa parte del programma: ho usato codici esterni.
ah ok Giuseppe, ho pensato che ws abbia fatto un passo gigante :-) ma su ste cose allora aspettiamo ancora. un giorno forse... chissà ;-)

Leggi di più
Postato il da A. Kris
Giuseppe Guida
Giuseppe Guida
User
Autore

Ok Mirko. Grazie mille. Proverò anche quella soluzione.

Leggi di più
Postato il da Giuseppe Guida
Fabio C.
Fabio C.
User

<SCRIPT LANGUAGE="JavaScript">
function setCookie(visits) {
var expireDate = new Date();
expireDate.setDate(1 + expireDate.getDate());
document.cookie = "Visits=" + visits + "; expires=" +
expireDate.toGMTString() + ";";
}

if ("" == document.cookie) {
setCookie(1);
window.open("http://www.pagina.com","pop","width=1000,height=600");
}
</SCRIPT>

Da inserire o in oggetto HTML nella pagina dove lo vuoi far vedere o in codice esperto di quella pagina

In grassetto il codice da personalizzare

Leggi di più
Postato il da Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Autore

OK, grazie Patrizia, proverò appena possibile. Ciao

Leggi di più
Postato il da Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT
Giuseppe Guida
... ... ... Vorrei che questo Overlay appaia solo la prima volta che si entra nel sito ma poi, continuando a navigare nello stesso e ritornado sulla Home, tale schermata in Overlay non si debba più ripresentare  ... ... ...

... potresti usare il mio controllo cookie di sessione che mi ero inventato per il mio storico > DIV_CUSTOM  tuttofare (corrispondente al tuo "loader_overlay"), originale e semplicissimo da configurare e personalizzare...
... se non ti riesce ottenerne il controllo, fatti sentire...
.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

Ok Kol, grazie... ricordo di aver giá visto un tuo esempio su ciò che servirebbe a me e ricordo anche che funzionava bene. Se mi dai indicazioni in più te ne sono grato...

Ciao

Leggi di più
Postato il da Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... surprised ... era rimasto indietro il LINK, che adesso funziona...

... il mio cookie lo trovi alla righe >> 22-32 ... Ctrl+U

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

Ok. Grazie Kol. Domani ti faccio sapere. 

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

@KolAsim, ho provato con il tuo codice e funziona sull'apertura una sola volta dell'overlay ad ingresso sito. Puoi vederlo qui: http://bozzasito001.altervista.org/shop2019n2/

Io ho inserito un pulsante ENTRA al posto della X inserita da te e vorrei che cliccando sul pulsante ENTRA venga mantenuto lo stesso effetto di scomparsa dell'overlay (uscita da sinistra con dissolvenza) come si vede qui dopo circa due secondi dalla sua apparizione: http://bozzasito001.altervista.org/shop2019n2/effetto-overlay.html

In definitiva il pulsante ENTRA sosituirebbe il timer impostato su 2000ms e al click sul pulsante rimane invariato l'effetto di scomparsa dell'overlay a sinistra con dissolvenza.

Come si può fare? E' possibile? Grazie in anticipo.

Leggi di più
Postato il da Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

...  il tasto ENTRA mi sembra troppo in basso; ...lo posso vedere solo con zoom al 67% ...

... col  mio PC/Vista obsoleto non riesco a navigare la tua pagina...

... faccio prima con degli esempi copia/incolla direttamente online, e se poi ti servissero chiarimenti in merito, avvisami...

>> automatico   ||   >> automatico cookie

>> ENTRA    ||   >>   ENTRA cookie

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

Grazie Kol, tutto perfetto. Ho apportato delle piccole modifiche ed ho dovuto mettere un valore z-index molto elevato al DIV_CUSTOM se no rimaneva sotto la home e non era visibile l'overlay. Poi però il DIV_CUSTOM avendo valore z-index più elevato di quello della home, al click su "ENTRA" spariva regolramente e diventava trasparente ma era comunque sempre presente sulla home su un livello superiore per cui, anche se  trasparente e non visibile, NON mi faceva cliccare nè i pulsanti del menù nè qualsiasi altra cosa cliccabile sulla home e ho aggiunto nello script la funzione remove() per quel DIV. Ora è tutto perfetto, lo puoi vedere qui:

http://bozzasito001.altervista.org/shop2019n2/

Ciao e grazie ancora!

Leggi di più
Postato il da Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... OK... ... visto su FireFox; ... ENTRA adesso è in posizione  visibile ed il cookie funziona... OK..

... note:
... l'immagine su smartphone in verticale si vede solo sino ai gomiti, ed in orizzontale solo sino a "Benvenuti in"...

... apporterei queste aggiunte e/o modifiche:

... in //HEAD:

<style>
#entraK {top:50% !important;margin-top:-25;
-webkit-animation: fadein 8s linear 1 forwards; animation: fadein 8s linear 1 forwards;}
@-webkit-keyframes fadein { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadein { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; }}
#loader_overlay_img {top: 50% !important;margin-top:-240px !important;}
</style>

... al div loader_overlay :

<div id="loader_overlay" onclick="overlayK()" alt="ENTRA" title="ENTRA"> *******.....

...!... il risultto delle modifiche dovrebbe essere:
- visibilità ritardata di 4" al pulsante ENTRA;
- ENTRA ed IMMAGINE centrate nella pagina;
- click attivo sul div loader_overlay;

... puoi eliminare i commenti ...

... lo STYLE di OVERLAY dovrebbe andare in //HEAD...

.

...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

Ok Kol, grazie proverò gli altri suggerimenti. Ti faccio sapere e metto online il risultato finale. A presto

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

Si lo style dell'Overlay lo avrei poi messo in head, lo avevo messo lì per averlo sottomano per eventuali modifche e non dover "saltare" sempre tra la sezione body e quella head in Website X5.

Ciao

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

P.S. dando uno sguardo al codice il valore dell'animazione è impostato su 8s... Tu avevi scritto che il pulsante "Entra" appariva con 4s di ritardo... Lo correggo al momento delle ulteriori prove.

Leggi di più
Postato il da Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT
Giuseppe Guida
P.S. dando uno sguardo al codice il valore dell'animazione è impostato su 8s... Tu avevi scritto che il pulsante "Entra" appariva con 4s di ritardo... Lo correggo al momento delle ulteriori prove.

... 8" = 4" di pausa (50%) + 4" (50%) effetto dissolvenza in entrata...  (puoi personalizzarlo a piacere)...

... in più, un eventuale click su overlay attiverebbe lo stesso la sua function()...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

Ok... lo avevo visto velocemente.

Ho impostato il valore su 2s

per la prova online il link è sempre lo stesso:

http://bozzasito001.altervista.org/shop2019n2/

Non ho attivato la function() su tutto l'overlay (ho provato però in locale e funziona benissimo cliccando su qualsiasi punto dell'overlay. Ma non mi serve al momento quella funzione). I contenuti (foto e pulsante) sono centrati. Per me così è perfetto. Non posso che ringraziarti infinitamente.

P.S. per il momento lascio aperto il post (metto utile però sui tuoi post), potrebbe servire a qualcun altro per intervenire e chiedere magari altre delucidazioni. Ciao ciao

Leggi di più
Postato il da Giuseppe Guida
A. Kris
A. Kris
User

Giuse, facci sapere quando hai inserito il video. OK? cosi riusciremo a vedere e salvare sti passaggi di codici per il futuro cool

Leggi di più
Postato il da A. Kris
Mirko Boschetti
Mirko Boschetti
Moderator
Giuseppe Guida
.......I contenuti (foto e pulsante) sono centrati. Per me così è perfetto.

Sicuro? Io con IE la foto la vedo tutta dx, e il pulsante al centro... surprised

Leggi di più
Postato il da Mirko Boschetti
Giuseppe Guida
Giuseppe Guida
User
Autore

Mirko, non ho idea di come si possa vedere con IE... 

Con Edge, Chrome e FireFox si vede al centro... 

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

Eh si... in effetti con IE la foto è spostata a destra, mentre il pulsante rimane al centro...

Leggi di più
Postato il da Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

...!...  anche il primo > DIV_CUSTOM  ... è decentrato...?...

... .... ed anche gli altri esempi... ...?...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

Kol più tardi provo e ti faccio sapere se anche il primo div custom risulta decentrato o meno.

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

Kol, tutti gli altri tuoi esempi si vedono centrati e perfetti su IE. Solo il mio si vede decentrato. Poi devo rivedere con calma tutto il codice, non vorrei aver sbagliato qualcosa nella fretta. 

Leggi di più
Postato il da Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT
Giuseppe Guida
Kol, tutti gli altri tuoi esempi si vedono centrati e perfetti su IE. Solo il mio si vede decentrato. ... ... 

... allora prova ad aggiungere:

<style> #loader_overlay_img {left:-325px; margin-left:50%;} </style>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

Ok, provo subito e ti dico...

Leggi di più
Postato il da Giuseppe Guida