Menù a comparsa 
Author: Stefano L.
Visited 2584,
Followers 1,
Shared 0
Salve, utilizzo l'ultima versione di website x5 professional. Ho un problema con il menù a comparsa che, quando viene cliccato, si allarga. Sul pc non è un problema ma su iphone e ipad crea problemi di visibilità in particolare sul prezzo poiché lo va a coprire completamente. Ho provato ad allargare ed allungare la cella, spostare l'immagine da sx a dx. Ho visitato alcuni siti di esempio e non ho riscontrato questa situazione. Spero possiate aiutarmi. http://www.pictografia.it/lenostreproposte.html
Posted on the
Io non vedo nessun "menu a comparsa"....?
parla del menu a tendina...
Ok visto....mi sembra normale, mettere una scritta lunga 5 cm in uno spazio di 3 cm.....se si troncava la scritta era peggio, e non andava bene lo stesso...penso.....
Author
No, anche con la scitta più corta è lo stesso.
Buongiorno Stefano,
forse hai modificato il sito perchè non noto elementi non corretti.
Prova ad allegare anche uno screenshot così da capire quello che visualizzi.
Fammi sapere.
Author
Ecco gli screenshot.
Ho allargato la cella così puoi vedere che non dipende dalla lunghezza dei testi dentro al menù.
Mi è venuto in mente che ho creato questa cella di ecommerce con Website x5 10 e riaperto ed elaborato con la versione Professional.
Comunque, anche creando un nuovo articolo ed inserendolo in una nuova pagina, il problema persiste. Nel Pc sposta un pò la larghezza dei menù ma non cambia la formattazione. Con iphone o ipad (non ho provato android) il menù di dx scende in basso coprendo il prezzo.
Ti sarei grato di un tuo aiuto perchè devo inserire moltissimi articoli.
Grazie
Author
Ti invio anche gli screenshot da iphone
Con galaxy (Android) tutto ok, perchè apre un popup di scelta colore, e crea un'effetto bello...
Buongiorno Stefano,
sia su Android che su Iphone io visualizzio il sito correttamente, con il campo select al posto corretto. Cliccando sul menù appare la scelta in basso con le opzioni corrette.
Tutto è regolare. Prova magari da un altro pc/dispositivo per verificare meglio.
Facci Sapere.
Author
Buongiorno Riccardo,
ti allego lo screenshot fatto proprio ora con iPad.
Come vedi, qunado si clicca sul menù di sx, scombina tutto.
Con il pc, si sposta di circa 1 cm a dx ma la formattazione rimane.
Non capisco...
Buongiorno Stefano,
ho testato il tuo sito su un ipad, e si visualizza correttamente, il prodotto e i select sono posizionati correttamente e anche selezionando un'opzione rimangono nella posizione corretta.
prova a verificare le impostazioni del browser che stai usando, e prova su un altro dispositivo.
Fammi Sapere.
Author
Ok, grazie
Author
Ho provato con Chrome e Safari, il menù va sotto; con Puffin si allarga, come nel pc ma la formattazione rimane. Ho provato anche con 2 diversi pc ma il menù si sposta. Proverò a rifare tutto da capo.
Grazie comunque.
Stefano
Author
Buongiorno Riccardo.
Non rfiesco a risolvere questo problema del menù a tendina.
Ho provato con diversi computer e ipad, anche di amici ma la formattazione si scompone. Ho provato con tutti i browser ma è lo stesso.
Ho disinstallato e reinstallato il programma, niente da fare.
Il problema è che non posso inserire gli articoli (circa 1000) con questo risultato. Ho provato a vedere i siti di esempio ma sono perfetti.
Cosa mi consigli di fare?
http://www.pictografia.it/lenostreproposte.html
Vedrai che se ckicchi sul primo menù, tutto si sposta sulla dx. Sul pc non è un problema, anche se non va bene, su ipad e iphone scombina tutto.
Grazie per il tuo aiuto
Buongiorno Stefano,
potresti dirmi esattamente che dispositivo usi e la versione del browser installato? Io ho provato su un ipad e non noto il difetto.
Se ne hai la possibilità prova da un altro ipad così da poter verificare.
Fammi Sapere.
Author
Ciao, ho provato con 4 ipad diversi e il difetto si nota se clicchi sul menù di sinistra; in pratica ti sposta il menù di destra leggermente sotto (copre la casella quantità). Ho provato con diversi pc e con diversi browser (uso Opera, Chrome, IE e Safari). Il browser interno al programma dà lo stesso risultato. Il programma è installato su un notebook Asus con Windows 8 pro.
Ho provato a creare un articolo ecommerce anche con Website versione 10 (non professional) ma fa lo stesso.
vuoi che ti invii il progetto intero così da testarlo diversamente?
Oppure potrei installarlo in un altro pc e fare la prova.
Buongiorno Stefano,
dovresti anche verificare che con un progetto nuovo conun carrello e qualche prodotto ti appare lo stesso difetto. Credo infatti che dipenda solo da quel particolare progetto visto che io non sono riuscito a riprodurre la cosa.
Fammi sapere.
Author
Ho provato,
stesso problema
Attualmente vedo solo un menu a tendina ed effettivamente si sposta scegliendo una variante.
In attesa di una soluzione, potresti inserire questo CSS (toppa):
<style>
.imProductListText .product-options select {
width: 99% !important;
}
</style>
Il valore 99% viene "alterato" (101%) quando si cambia la variante, quindi questo valore va bene (dovrebbe andare bene) solo con un menu a tendina.
Eventualmente va cambiato con più menu.
Ho provato solo con Firebug e non ho né prodotti Apple, né dispositivi mobili moderni per testarlo, quindi prendi tutto con le pinze.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Grazie,
proverò.
Non capisco però il motivo percui fa questo.
Ho provato anche con altre due versioni di website, la 9 e la 10 (io lavoro con la 10 professional); mi sta facendo dare in materia!
Author
Salve, ho inserito il CSS consigliato ed effettivamente il problema è risolto.
Mi piacerebbe capire però se esiste una soluzione diversa per eliminare questo tipo di inserimento. Per ora comunque funziona!
Se è effettivamente un bug, dovresti/potresti segnalarlo, anche se ti hanno risposto in questo post.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Il CSS va bene solo se inserisco un menu a tendina. Con due menù ci sono problemi.
Mi potete aiutare?
L'avevo già scritto:
Attualmente, nel tuo sito, vedo un 47%, quindi prova così:
<style>
.imProductListText .product-options select {
width: 47% !important;
}
</style>
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Grazie! Il menù si sposta ancora ma su ipad ed iphone si comporta come su pc: non si abbassa.
Grazie ancora.
Mhmmm, hai messo due CSS con valori diversi ma in questo modo prevale l'ultimo.
Se nella pagina hai menu a tendina con diverse larghezze, devi specificare l'id della cella prodotto nel selettore del CSS.
Non ho device mobili per provare e per giunta non ho capito quello che hai scritto... e questa è vecchiaia
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
No, non è vecchiaia, sono io che non conosco il linguaggio html e non ho tempo di impararlo. Mi sei di molto aiuto e ti ringrazio.
Inserendo tutti e due i CSS, ho sempre il problema che il primo menù si sposta a dx, però, quando navigo con lo smartphone, il secondo menù rimane in linea e non scende sotto (sopra alla casella quantità e al bottone "acquista". Certo, sarebbe perfetto eliminare anche quel fastidioso spostamento del primo menù...
Se sono molti prodotti sarebbe meglio provare uno script in JS/jQuery MA, sei sicuro che ti serva ancora quel CSS?
Forse con l'ultimo aggiornamento è andato tutto a posto...
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
In effetti anche senza CSS si comporta come se li inserissi.
Il primo menù si sposta di un paio di cm ma su dispositivi mobili non fa scendere il secondo menù sulla "riga" sotto.
Speriamo possano risolvere anche questo problema.
Grazie per il tuo aiuto.