WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Comportamento incomprensibile dell'oggetto Galleria  it

Autor: Vincenzo Errico
Visitado 1330, Followers 1, Compartido 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!

Publicado en
35 RESPUESTAS - 3 úTIL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

... è 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

... 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

.

Leer más
Publicado en de  ‪ 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

Leer más
Publicado en de Stefano G.
Vincenzo Errico
Vincenzo Errico
User
Autor
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

Leer más
Publicado en de 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

Leer más
Publicado en de Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User
Autor

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.

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

... 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...
.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

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

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

... 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...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Leer más
Publicado en de 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>

Leer más
Publicado en de Francesco Tedeschi
Francesco Tedeschi
Francesco Tedeschi
User

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

Leer más
Publicado en de Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

... 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

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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...

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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>

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

Grazie Kol, domani provo e ti faccio sapere.

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

... 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

.

Leer más
Publicado en de  ‪ 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

Leer más
Publicado en de Francesco Tedeschi
Vincenzo Errico
Vincenzo Errico
User
Autor
 ‪ 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

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

... 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
.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor
 ‪ KolAsim ‪ ‪
... in pratica dovresti ottenere come simulato nello STAMP: .

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

Leer más
Publicado en de Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autor
 ‪ 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

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

... ... 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 ...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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

.

Leer más
Publicado en de  ‪ 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

Leer más
Publicado en de Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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.

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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

ciao

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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/es/post/216508

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

Leer más
Publicado en de 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/es/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

Leer más
Publicado en de Francesco Tedeschi
Vincenzo Errico
Vincenzo Errico
User
Autor

Francesco, lo hanno risolto con la Beta uscita oggi.

Leer más
Publicado en de Vincenzo Errico