Comportamento incomprensibile dell'oggetto Galleria 
Autore: Vincenzo Errico
Visite 968,
Followers 1,
Condiviso 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!
Postato il
... è 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
.
Autore
Ciao KolAsim, se imposto la galleria in modalità "estendi" non voglio margini... altrimenti non avrebbe senso estendere l'oggetto.
... 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
.
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
Autore
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
Autore
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.
... ciao ... ... OK... ...
lo stesso codice può essere usato ed ha funzionato a seconda del tipo anche per decine di gallerie...
... 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...!...
...
<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...
.
Autore
Kol, cosa intenti per contenuti attivi, collegamenti testuali oppure?
Ho provato il codice in locale ma non funziona, rimane tutto invariato.
... 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...
.
Autore
la modifica ora è online, ma come potrai notare, non funziona.
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>
P.S. le mignature non sono cliccabili sotto ai 720px ovviamente
... 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
Autore
⁸
In verità la galleria risulta completamente bloccata, anche lo scroll orizzontale, oltre alle miniature come dicevi...
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>
.
Autore
Grazie Kol, domani provo e ti faccio sapere.
... 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
Autore
Ciao kolasim, ho provato e funziona ma, preferivo bloccare solo il trascinamenbto verticale e lasciare inalterato quello orizzontale. E' possibile?
Grazie
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
.
... in pratica dovresti ottenere come simulato nello STAMP:
.
... 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
.
Autore
non risultà così, la parte centrale (drag tabs) rimane comunque bloccata, scrollando solo la pagina...
Autore
Scusa ma avevo saltato questo messaggio, provo e ti aggiorno. Grazie
... ok...
... ... 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 ...
.
... praticamente come simulato in questo STAMP, area gialla per lo scroll della pagina e quella blu per click e drag sulle miniture...
.
Grande come sempre <3 questo codice è perfetto. Grazie grazie Kol....
Mi scuso con Vincenzo se mi sono intromesso nel suo post
... OK ... Francesco, ... grazie :-)
Autore
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.
ciao, grazie, ... comunque penso che con questo tipo si possa arrivare ad un compromesso...
ciao
Autore
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/it/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
Autore
Francesco, lo hanno risolto con la Beta uscita oggi.