WebSite X5Help Center

 
Pasquale M.
Pasquale M.
User

Menu Hamburger + menu di livello  it

Autor: Pasquale M.
Visitado 1036, Seguidores 2, Compartilhado 0  

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

Publicado em
27 RESPOSTAS - 4 ÚTEIS
Mirko Boschetti
Mirko Boschetti
Moderator

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

Ler mais
Publicado em de Mirko Boschetti
Giuseppe M.
Giuseppe M.
User

Salve, potrebbe indicare, per cortesia, dove lo si può trovare? Grazie

Ler mais
Publicado em de Giuseppe M.
Mirko Boschetti
Mirko Boschetti
Moderator
Luca E.
Io ho risolto adottando una soluzione da terze parti. La puoi vedere qui: https://www.arteottica.net/index.php Risoluzione minima 1023

Complimenti, veramente un bel sito

O.T.

è un'errore questo?

Ler mais
Publicado em de Mirko Boschetti
Luca E.
Luca E.
User
Mirko Boschetti
Luca E. Io ho risolto adottando una soluzione da terze parti. La puoi vedere qui: https://www.arteottica.net/index.php Risoluzione minima 1023 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.

Ler mais
Publicado em de Luca E.
Luca E.
Luca E.
User
Giuseppe M.
Salve, potrebbe indicare, per cortesia, dove lo si può trovare? Grazie

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

Ler mais
Publicado em de Luca E.
Luca E.
Luca E.
User
Mirko Boschetti
Luca E. Io ho risolto adottando una soluzione da terze parti. La puoi vedere qui: https://www.arteottica.net/index.php Risoluzione minima 1023 Complimenti, veramente un bel sito O.T. è un'errore questo?

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

Ler mais
Publicado em de Luca E.
Luca E.
Luca E.
User
Giuseppe M.
Salve, potrebbe indicare, per cortesia, dove lo si può trovare? Grazie

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';
?>

Ler mais
Publicado em de Luca E.
Pasquale M.
Pasquale M.
User
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. 

Ler mais
Publicado em de Pasquale M.
Luca E.
Luca E.
User
Pasquale M.
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 cool

Ler mais
Publicado em de Luca E.
Pasquale M.
Pasquale M.
User
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.

Ler mais
Publicado em de Pasquale M.
Giuseppe Guida
Giuseppe Guida
User
Luca E.
@Giuseppe Guida promessa mantenuta ^^

Ciao Luca, visto wink

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

Ler mais
Publicado em de Giuseppe Guida
Pasquale M.
Pasquale M.
User
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.

Ler mais
Publicado em de Pasquale M.
Luca E.
Luca E.
User

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

Ler mais
Publicado em de Luca E.
Luca E.
Luca E.
User
Giuseppe Guida
Luca E. @Giuseppe Guida promessa mantenuta ^^ 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

In effetti non hai tutti i torti. E' un vero peccato che Incomedia si faccia sfuggire queste opportunità.

Ler mais
Publicado em de Luca E.
Pasquale M.
Pasquale M.
User
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 ?

Ler mais
Publicado em de Pasquale M.
Pasquale M.
Pasquale M.
User
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

Ler mais
Publicado em de Pasquale M.
Pasquale M.
Pasquale M.
User
Autor

ERRATA CORRIGE:
Al passo 6) ho aperto il file new_menu.php e non l'altro.

Ler mais
Publicado em de Pasquale M.
Pasquale M.
Pasquale M.
User
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

Ler mais
Publicado em de Pasquale M.
Pasquale M.
Pasquale M.
User
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)

Ler mais
Publicado em de Pasquale M.
Luca E.
Luca E.
User

@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

Ler mais
Publicado em de Luca E.
Mirko Boschetti
Mirko Boschetti
Moderator

qualcosa non quadra, guarda nell'angolo in alto a sx....

Ler mais
Publicado em de Mirko Boschetti
Luca E.
Luca E.
User

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

Ler mais
Publicado em de Luca E.
Luca E.
Luca E.
User

Una piccola chicca è che ogni volta che lo apri, c'è il richiamo, anche se personalizzato, alla classe imMnMnCurrent, anche nelle pagine dettaglio prodotto

Ler mais
Publicado em de Luca E.
Pasquale M.
Pasquale M.
User
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?

Ler mais
Publicado em de Pasquale M.
Luca E.
Luca E.
User

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 

Ler mais
Publicado em de Luca E.