WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Comportamento incomprensibile dell'oggetto Galleria  it

Author: Vincenzo Errico
Visited 1289, Followers 1, Shared 0  

Buongiorno Incomedia

Potreste spiegarmi il comportamento anomalo di questo oggetto sui dispositivi mobili? Noto che non è possibile scorrere la pagina in verticale posizionando il dito sulla galleria stessa, ma invece continuano a scorrere le immagini. Mi sembra assurdo! Le immagini dovrebbero scorrere solo al tocco orizzontale. Lo stesso accade con l'oggetto Testo quando si aggiungono le schede. Trovo tutto ciò incomprensibile!

Posted on the
35 ANSWERS - 3 USEFUL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... è un fatto noto da diversi anni...

... basta semplicemente prevedere un adeguato margine laterale...

(... o, ...se proprio lo si vuole, ...usare una delle mie invenzioni per questi simili casi, da valutare...)

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

Ciao KolAsim, se imposto la galleria in modalità "estendi" non voglio margini... altrimenti non avrebbe senso estendere l'oggetto.

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... io l'ho capito e rimediato anni fa già per la v.12...
... ci sono visti decine di Topic come questo risolti nel modo detto...
... a  sapere cosa fare o come evitare non è più un problema...
... comunque puoi giustamente attendere il parere dello STAFF,  che in passato si era espresso negli stessi termini...

ciao

............................
... nel caso io ritornerò qui se ti interessasse provare con i miei codici (non necessari), e nel qual caso posterai il  LINK della tua galleria, altrimenti ignora...ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Incomedia
Stefano G.
Incomedia

Buongiorno Vincenzo

Come indicato da KolAsim, il funzionamento dello scroll su mobile è proprio quello descritto. Personalmente, l'ho riscontrato non solo sui siti di WebSite X5, ma ogni tanto capita anche online in generale. E' una delle logiche con le quali si può far navigare questo tipo di oggetti. Di norma, per evitare la cosa si può o lasciare del margine laterale come indicato da KolAsim che però può non sempre fare al caso tuo visto che dipende da come è configurato lo slider, oppure assicurarti che non risulti così grande da occupare tutta la schermata del cellulare.

Se c'è anche solo un po' di spazio sopra o sotto lo slider, si può scrollare lì per riprendere la navigazione della pagina. Basta non farlo proprio sopra alla gallery

Resto a disposizione

Stefano

Read more
Posted on the from Stefano G.
Vincenzo Errico
Vincenzo Errico
User
Author
Stefano G.
E' una delle logiche con le quali si può far navigare questo tipo di oggetti.

Ecco, è proprio la parola giusta che non mi veviva in mente: Logica! A mio avviso, questo comportamento non ha alcuna logica. È probabile che i programmatori non sappiano come impedirlo?

Inoltre, potresti indicarmi qualche sito con una galleria simile a questa che non sia stato creato con WebSite X5? Sono curioso di vederne alcuni. Personalmente mai visti, e pure ne navigo tanti anch'io.

Grazie

Read more
Posted on the from Vincenzo Errico
Giuseppe Guida
Giuseppe Guida
User
Vincenzo Errico
Stefano G. E' una delle logiche con le quali si può far navigare questo tipo di oggetti. Ecco, è proprio la parola giusta che non mi veviva in mente: Logica! A mio avviso, questo comportamento non ha alcuna logica. È probabile che i programmatori non sappiano come impedirlo? Inoltre, potresti indicarmi qualche sito con una galleria simile a questa che non sia stato creato con WebSite X5? Sono curioso di vederne alcuni. Personalmente mai visti, e pure ne navigo tanti anch'io. Grazie

Infatti, sarei curioso anche io di capire quali sono questi siti web con le gallerie "fallate", a me non è capitato mai di trovare siti del genere realizzati con altri CMS o altri software. Non metto in dubbio che esistano ma vorrei fare delle prove anche io. Grazie

Read more
Posted on the from Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User
Author

Ciao KolAsim, intanto riusciresti a eliminare lo stesso comportamento sull'oggeto testo? Nel mio caso l'oggetto in questione raccoglie recensioni raggruppate in schede, lo trovi in fondo alla home del mio sito? Grazie.

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ciao ... ... OK... ...
... ora come ora il codice si attiva sotto ai <720px
... c'è o non c'è è comunque innocuo...
...!... in questa forma unico particolare da considerare è che non devono esserci contenuti attivi nel testo...!...
... lo stesso codice può essere usato ed ha funzionato a seconda del tipo anche per decine di gallerie...
<style>
@media (max-width: 719px) {
div[id^='imTextObject_558_tab']:before { content:"";position:absolute;
width:100%;height:100%;top:0px;z-index:1}}
</style>

... il codice come sempre va incollato in Sezione Esperto > 3^ opzione (/head)...
... in caso di eventuali difficoltà o per chiarimenti, ...avvisami...
.... ciao...
.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

Kol, cosa intenti per contenuti attivi, collegamenti testuali oppure?

Ho provato il codice in locale ma non funziona, rimane tutto invariato.

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... si, ...come hai detto, non devono esserci LINK, come mi pare che sia nel tuo testo...
... dovresti provare in rete nello smartphone...
... nello smartphone il drag con il dito non dovrebbe avere effetto, se non solo per lo scroll della pagina, che mi pare fosse quello che volevi ottenere...
... prova online e fai sapere...

.......................................................
... poi, se funziona, e se ti interessasse, mi viene in mente, come avevo provveduto in un paio di casi o forse più, si potrebbe estendere il testo a tutta larghezza, un buon effetto visivo...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

la modifica ora è online, ma come potrai notare, non funziona.

Read more
Posted on the from Vincenzo Errico
Francesco Tedeschi
Francesco Tedeschi
User
 ‪ KolAsim ‪ ‪
<style> @media (max-width: 719px) { div[id^='imTextObject_558_tab']:before { content:"";position:absolute; width:100%;height:100%;top:0px;z-index:1}} </style> .


Ho testato il codice di KolAsim su questa pagina di test, effettivamente quando si scrolla il dito in verticale per scendere nei contenuti sottostanti, la gallery non cambia immagine e si scorrono i contenuti in verticale bene.
L'unico difetto è che purtroppo se si clicca sulle mignature della gallery, queste vengono inibite, non sono cliccabili.....

KolAsim se hai una variante del codice che possa far diventare cliccabili le migniature, te ne sarei grato anche io.

Nel mio caso, il codice inserito è questo:
<style>
@media (max-width: 719px) {
div[id^='imObjectGallery_7_04']:before { content:"";position:absolute;
width:100%;height:100%;top:0px;z-index:1}}
</style>

Read more
Posted on the from Francesco Tedeschi
Francesco Tedeschi
Francesco Tedeschi
User

P.S. le mignature non sono cliccabili sotto ai 720px ovviamente

Read more
Posted on the from Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... x Vincenzo, ... ho visto nello smartphone, ...hi rgione, ...il testo è correttamente disablitato, non selezionabile, ma il drag sul tab è rimasto stranamente attivo, e penso che sia cambiata la gestine delle schede, ...e purtroppo si può testare solo in rete...
... controllo qualche altro mio codice e poi ti faccio sapere...


... x Francesco, tempo permettendo poi andrò  vedere anche il tuo, ...oppure domani...


ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

Francesco Tedeschi
‪ Ho testato il codice di KolAsim su questa pagina di test, effettivamente quando si scrolla il dito in verticale per scendere nei contenuti sottostanti, la gallery non cambia immagine e si scorrono i contenuti in verticale bene. L'unico difetto è che purtroppo se si clicca sulle mignature della gallery, queste vengono inibite, non sono cliccabili.....

In verità la galleria risulta completamente bloccata, anche lo scroll orizzontale, oltre alle miniature come dicevi...

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

x Vincenzo, ... prova online con questa variante; ... sono risalito al selettore padre, e nel caso ci risentiamo domani...

<style>
@media (max-width: 719px) {
#imCell_558:before { content:"";position:absolute;width:90%;height:100%;
top:0px;z-index:100;margin:auto;left: 50%;transform: translate(-50%)}}
</style>

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

Grazie Kol, domani provo e ti faccio sapere.

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ...

x Francesco, ...intanto prova questo, centro > scroll pagina, sopra-sotto > drag immagine:

<style>
@media (max-width: 479px){
#imObjectGallery_7_04:before { content:"";position:absolute;top: 50%;
width: 100%;height: 40%; transform: translate(0, -70%);
z-index:1}}
</style>

.

,,, nel caso, a domani ... ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Francesco Tedeschi
Francesco Tedeschi
User
 ‪ KolAsim ‪ ‪
... OK ... x Francesco, ...intanto prova questo, centro > scroll pagina, sopra-sotto > drag immagine: <style> @media (max-width: 479px){ #imObjectGallery_7_04:before { content:"";position:absolute;top: 50%; width: 100%;height: 40%; transform: translate(0, -70%); z-index:1}} </style> . ,,, nel caso, a domani ... ciao .

ho provato, il codice è online sempre a questa pagina.
Le mignature sono cliccabili ma allo scroll, se si scrolla col dito sull'immagine della gallery, la pagina non scrolla e la gallery fa comparire altre immagini

Read more
Posted on the from Francesco Tedeschi
Vincenzo Errico
Vincenzo Errico
User
Author
 ‪ KolAsim ‪ ‪
x Vincenzo, ... prova online con questa variante; ... sono risalito al selettore padre, e nel caso ci risentiamo domani... <style> @media (max-width: 719px) { #imCell_558:before { content:"";position:absolute;width:90%;height:100%; top:0px;z-index:100;margin:auto;left: 50%;transform: translate(-50%)}} </style>

Ciao kolasim, ho provato e funziona ma, preferivo bloccare solo il trascinamenbto verticale e lasciare inalterato quello orizzontale. E' possibile?

Grazie

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

ciao Vincenzo, ... come ti avevo accennato il mio codice disattiva tutti i contenuti attivi, link, click, drag, rollover, e simili...
... con questa variante al codice, (ovviamente da testare sempre online per verificare),  e già postata in altre occasioni, si può ottenere lo scroll della pagina nei bordi laterali six-dex  della scheda, ed al centro di questa mantenere il drag delle schede:

<style>
@media (max-width: 719.9px) {
#imCell_558:before { content:"";position:absolute;width:100px;height:100%;top:0px;left:20px;z-index:100 }
#imCell_558:after { content:"";position:absolute;width:100px;height:100%;top:0px;right:20px;z-index:100 }
}
</style>

................

... prova e fammi sapere ... ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... in pratica dovresti ottenere come simulato nello STAMP:

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... x Francesco, alla base di tutto ci sono i contenuti attivi detti prima...
... purtroppo dovendo testare direttamente online nello smartphone non posso interagire con il PC il cui browser fa vedere altra disposizione ed aspetti..
... verifico quanto posso e poi più tardi ti farò sapere,... ciao
.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author
 ‪ KolAsim ‪ ‪
... in pratica dovresti ottenere come simulato nello STAMP: .

non risultà così, la parte centrale (drag tabs) rimane comunque bloccata, scrollando solo la pagina...

Read more
Posted on the from Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Author
 ‪ KolAsim ‪ ‪
ciao Vincenzo, ... come ti avevo accennato il mio codice disattiva tutti i contenuti attivi, link, click, drag, rollover, e simili... ... con questa variante al codice, (ovviamente da testare sempre online per verificare),  e già postata in altre occasioni, si può ottenere lo scroll della pagina nei bordi laterali six-dex  della scheda, ed al centro di questa mantenere il drag delle schede: <style> @media (max-width: 719.9px) { #imCell_558:before { content:"";position:absolute;width:100px;height:100%;top:0px;left:20px;z-index:100 } #imCell_558:after { content:"";position:absolute;width:100px;height:100%;top:0px;right:20px;z-index:100 } } </style> ................ ... prova e fammi sapere ... ciao .

Scusa ma avevo saltato questo messaggio, provo e ti aggiorno. Grazie

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ... x Francesco, ...forse lo smartphone interpreta l'impaginazione in modo diverso dal PC, per cui occorre sempre verificare online..
... in teoria con questo codice si inibisce il drag sulle immagini grandi, permettendo lo scroll della pagina, e consentendo anche drag e click sulle miniature:

<style>
@media (max-width: 479px){
#imObjectGallery_7_04:before { content:"";position:absolute;
width: 100%;height:100%;z-index:100 }
#imObjectGallery_7_04 > div > div > div { z-index:200 }
}
</style>

........................

... prova e fai sapere ... ciao ...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... praticamente come simulato in questo STAMP, area gialla per lo scroll della pagina e quella blu per click e drag sulle miniture...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Francesco Tedeschi
Francesco Tedeschi
User
 ‪ KolAsim ‪ ‪
<style> @media (max-width: 479px){ #imObjectGallery_7_04:before { content:"";position:absolute; width: 100%;height:100%;z-index:100 } #imObjectGallery_7_04 > div > div > div { z-index:200 } } </style> ........................ ... prova e fai sapere ... ciao ... .


Grande come sempre <3 questo codice è perfetto. Grazie grazie Kol....
Mi scuso con Vincenzo se mi sono intromesso nel suo post

Read more
Posted on the from Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... Francesco, ... grazie  :-)

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

Grazie Kolasim, ho preferito utilizzare questa tua variante che blocca completamente lo scorrimento delle immagini. Tuttavia, preferivo lasciare inalterato lo scorrimento col tocco delle immagini orizzontalmente. Peccato.

Grazie.

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

ciao, grazie, ... comunque penso che con questo tipo si possa arrivare ad un compromesso...

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

Questo comportamento anomalo (sia per l'oggettio galleria che quello testo con più schede) l'ho segnalato esattamete il 12/09/2019 https://helpcenter.websitex5.com/en/post/216508

Meglio tardi che mai! Però..... 3 anni e più, sono davvero un'eternità!!!

Read more
Posted on the from Vincenzo Errico
Francesco Tedeschi
Francesco Tedeschi
User
Vincenzo Errico
Questo comportamento anomalo (sia per l'oggettio galleria che quello testo con più schede) l'ho segnalato esattamete il 12/09/2019 https://helpcenter.websitex5.com/en/post/216508 Meglio tardi che mai! Però..... 3 anni e più, sono davvero un'eternità!!!

Ne passeranno altre e tanti di anni purtroppo per poter risolvere l'anomalia della galleria e del testo su più schede sui disp mobili.

Veramente un peccato perché dopo l'aggiornamento dell' oggetto galleria in termini seo, questo oggetto è molto utile (soprattutto per le schede prodotto in un e-commerce) ma purtroppo inutilizzabile

Read more
Posted on the from Francesco Tedeschi
Vincenzo Errico
Vincenzo Errico
User
Author

Francesco, lo hanno risolto con la Beta uscita oggi.

Read more
Posted on the from Vincenzo Errico