Menu Hamburger + menu di livello 
Autor: Moreno B.Facendo un sito in responsive mi trovo nella situazione di capire come fare per far si che il menu di livello sia sempre visibile.
Mi spiego meglio inserendo una doppia immagine:
nell'immagine di sinistra il menu hamburger aperto e a destra lo stesso menu, però con il menu di livello con i nomi (link) delle altre pagine aperti perchè è stato cliccato sulla voe The Shop.
Il principale problema da risolvere è che se si visualizza il sito con un PC, con il mouse non ci sono problemi, passi il mouse sopra a The Shop e si apre verso il basso il menu di livello. Però se lo stesso sito si visualizza con uno smartphone o un tablet, dove non c'è il mouse ma il dito, cliccando sull'hamburger, dalla destra in questo caso, viene fuori il menu, però non sono visibili i link relativi al menu di livello sotto alla voce The Shop.
Ecco il problema, premendo con il dito nello smartphone o nel tablet la voce The Shop, perr pochissimo tempo si apre verso il basso il menu di livello ma allo stesso tempo si chiude anche tutto il menu, quindi, senza l'uso del mouse, rimane complicatissimo cliccare in uno dei link presenti nel menu di livello.
Esiste la possibilità di far stare fermo il menu oppure che lo stesso si apra tutto aperto, cioè che si possa vedere sia il menu principale e sia il menu di livello?
Spero che la spiegazione sia stata chiara. Grazie
ti sei spiegato benissimo, è sempre stato un problema dei livelli, con Mobile si fa proprio fatica a seguire/cliccare le voci che si aprono e chiudono...
Io ho risolto adottando una soluzione da terze parti.
La puoi vedere qui: https://www.arteottica.net/index.php
Risoluzione minima 1023
Salve, potrebbe indicare, per cortesia, dove lo si può trovare? Grazie
Complimenti, veramente un bel sito
O.T.
è un'errore questo?
Grazie Mirko, ho cercato di fare del mio meglio. No non è un errore, o meglio, è una mia dimenticanza.
Metto a disposizione di tutto i miei file, considera che è altamente personalizzabile e performante, anche come megamenu
Credo di aver messo tutto, lo script l'ho creato un pò di tempo fa... se non ti funziona fammi sapere e cerco di aiutarti.
@Giuseppe Guida promessa mantenuta ^^
Non so se hai notato nelle pagine dello shop lo script per la ricerca in base alle proprietà dei prodotti.
Lo script legge le sole proprietà dei prodotti della categoria e li riporta per la selezione nel form. Diciamo che è una bella chicca
Ho dimenticato di specificare che va inserito un oggetto Codice HTML nell'header per richiamare la pagine e scrivere all'interno:
<?php
include_once $qpath.'menu/new_menu.php';
?>
Autor
Luca, ho visto il tuo sito ed è ben fatto, specialmente il menu. Sicuramente non sarò all'altezza di fare una cosa del genere, io cercavo la soluzione del problema nel menu di ivello da parte dei programmatori di X5 o da altri che in questa comunity avessero risolto il problema che a quanto vedo è un problema generalizzato. Infatti visitando diversi siti fatti con X5 in tutti ho riscontrato lo stesso problema, quindi deduco che la soluzione non ci sia a menoche si ricorra ad uno script esterno come hai fatto tu.
Non è comunque detto, anche se non sono in grado di fare molte cose, ma almeno tenterò a fare una prova per vedere se ci riesco oppure no.
Pasquale, ti ho messo il piatto a tavola, sta a te decidere se mangiare o meno
Autor
Grazie Luca, ho scaricato il file menu.rar che hai allegato e l'ho decompresso, solo che nel file readme.txt ci sono delle indicazioni che sono probabilmente per il tuo sito di e-commerce, infatti c'è uno script che si dovrebbe aggiungere che richiama i prodotti, il carrello, il motore di ricerca, quindi mi sono un pò "arenato" in quanto mi da degli errori. Potrei comunque aver anche sbagliato qualcosa..
Seguendo il link sul file readme.txt dello stesso autore, andando sul suo sito (www.frebsite.nl), dove ci sono alcuni script per i menu, ho scaricato un altro script, molto simile, anzi probabilmente è lo stesso che hai postato tu, solo che nella demo che ho scaricato funziona, però per collegarlo a X5 non sarà facile, non sono molto "ferrato"..
Lo allego, se hai voglia e tempo di darci un'occhiata, te ne sarei grato.
Ciao Luca, visto
In verità sono passato a WordPress per gli e-commerce con funzioni avanzate e con WP quei menù si creano in pochissimo con appositi plugin.
Grazie lo stesso
Autor
Luca, volevo inoltre dirti che anche utilizzando il menu del programma sono riuscito comunque a trovare una soluzione che rende più lento, quindi meglio utilizzabile con lo smartphone il menu a comparsa.
In pratica al passo 2 sia della "stick bar" e sia del "contenuto del modello" ho impostato la durata al massimo consentito (500) in tutte le risoluzioni e la cosa non è più complicata come in precedenza dove l'impostazione di default, mi pare 100, si doveva avere il dito alla "Speedy Gonzales":
(vedi sotto immagine dell'impostazione della durata).
Il sito che ho fatto per un amico è: www.versiliacamperclub.it.
Non è certo bello come il tuo, però devi considerare che io non sono un "giovanissimo" e molto esperto di computer, quindi quello che sono riuscito a fare mi sembra già molto.
Gradirei avere almeno un giudizio o sapere se è ancora megliorabile edeventualmente dove.
E' lo stesso, ma una versione ormai obsoleta.
Se per script intendi la riga sotto in grassetto, è una stringa che dice ai file di seguire la root della cartella menu.
-INSERIRE PRIMA DELLA CHIUSURA DEL TAG HEAD
<?php
$qsite = $_SERVER['PHP_SELF'];
if (strpos($qsite, '/product/') !== false || strpos($qsite, '/blog/') !== false || strpos($qsite, '/cart/') !== false || strpos($qsite, '/cartsearch/') !== false)
{
$qpath = "../";
} else {
$qpath = "";
}
?>
<link rel="stylesheet" href="<?php echo $qpath; ?>menu/css/_Nmenu.css" />
<link rel="stylesheet" href="<?php echo $qpath; ?>menu/css/_Nnmenu.css" />
Altrimenti cercherà i file nella cartella "cart", "product" etc
In effetti non hai tutti i torti. E' un vero peccato che Incomedia si faccia sfuggire queste opportunità.
Autor
Ma quel codice va inserito nel campo head del file menu.php o anche un tutti gli altri file che compongono il sito compreso index.php ?
Autor
Scusa Luca per la perdita di tempo, ma purtroppo sono "duro a capire".
Passo-passo quello che ho fatto:
1) Con l'FTP ho copiato l'intera cartella menu con il suo contenuto nella root del sito.
2) Da X5 ho messo tutti i file con estensione .php.
3) Al passo 1 "statistiche e codice" di X5 ho messo prima della chiusura del campo head tutto il codice che hai postato sopra (che non sto qui a ripetere), quindi al salvataggio si inserisce nell'head di tutte le pagine.
4) Con X5 ho creato un file nascosto menu.php
5) nel codice del file menu.php appena creato, ho ricercato l'id, nel mio caso è: "imHeader_imMenuObject_02"
6) ho aperto il file new_menu_inc.php ed ho inserito imHeader_imMenuObject_02 al posto di quello presente.
7) Salvo e carico tutto il sito con l'FTP
8) Richiamo da browser il sito ed io continuo a vedere il menu di X5.
Ho perso qualche passaggio?
Non ho comunque capito se devo eliminare il menu dal contenuto del modello e dalla stichk bar di X5 oppure c'è qualche altra cosa che mi sfugge.
Ancora grazie
Autor
ERRATA CORRIGE:
Al passo 6) ho aperto il file new_menu.php e non l'altro.
Autor
questo codice dove va messo?
<?php
include_once $qpath.'menu/new_menu.php';
?>
Ho messo un oggetto html nel menu e ce l'ho copiato, ma non va, quindi non è il punto esatto
Autor
E' uscito un errore, e adesso... come lo risolvo o dove avrò sbagliato?
Non so neanche se il seguente errore è completo (dove xxxx è il nome del dominio)
Fatal error: Uncaught Error: Call to undefined function file_get_html() in /var/www/vhosts/xxxxx.it/httpdocs/versilia/menu/new_menu.inc.php:42 Stack trace: #0 /var/www/vhosts/xxxxx.it/httpdocs/versilia/menu/new_menu.php(2): include_once() #1 /var/www/vhosts/xxxxx.it/httpdocs/versilia/index.php(286)
@Pasquale M. Ciao, e scusa il ritardo.
Ho invertito il richiamo dei file in new_menu.php
Il tutto si risolve invertendo gli include in new_menu.php
da:
<?php
include_once $qpath.'new_menu.inc.php';
include_once $qpath.'simple_html_dom.php';
?>
a:
<?php
include_once $qpath.'simple_html_dom.php';
include_once $qpath.'new_menu.inc.php';
?>
Prima di scrivere ca**ate l'ho provato e funziona...
https://www.arteottica.net/pm.php
qualcosa non quadra, guarda nell'angolo in alto a sx....
@Mirko Boschetti ciao. In effetti quello è un file di prova, quel numero che vedì è il totale dei caratteri, che lo memorizza nel momento in cui faccio un fwrite. Ripeto è solo una prova.
Lo puoi vedere all'opera nelle pagine "ufficiali" a basse risoluzioni.
Una piccola chicca è che ogni volta che lo apri, c'è il richiamo, anche se personalizzato, alla classe imMnMnCurrent, anche nelle pagine dettaglio prodotto
Autor
Intanto grazie Luca, però secondo me c'è sempre qualcosa che non quadra dal file iniziale, quindi, dato che lo hai rifatto e testato, pefchè non fai un file zip di questo ultimo test che hai fatto e che hai messo in rete e lo alleghi?
@Pasquale M.
https://www.arteottica.net /prova2/codice.rar
https://www.arteottica.net /prova2/uri.php
Togli lo spazio per accedere ai file
Devi modificare giusto 2 stringhe oltre ai css. Se inserito direttamente in X5 devi eliminare l'header ed il body.
Giustamente occorre un minimo di conoscenza di programmazione