WebSite X5Help Center

122 RISPOSTE - 19 UTILI
Andre E
Andre E
Moderator
Utente del mese EN

Sorry Fabio, I don't understand.

Leggi di più
Postato il da Andre E
Fabio B.
Fabio B.
User
Autore

I wish Incomedia change the Menu Overlay object to run like this.

Leggi di più
Postato il da Fabio B.
Mirko Boschetti
Mirko Boschetti
Moderator

le pagine 5 - 6 hanno indirizzo sbagliato?

comunque funziona bene... wink

Leggi di più
Postato il da Mirko Boschetti
Fabio B.
Fabio B.
User
Autore

Heyla' Mirko, ciao.

Sì ho notato; è  perché  ho fatto tutto lavorando in anteprima locale. Ma non è  un problema, si puo' farlo anche col giusto url online.

Leggi di più
Postato il da Fabio B.
Andre E
Andre E
Moderator
Utente del mese EN

I would like to have level item's to work the same as it does in a normal menu so you can have normal menu with level's for desktop and normal menu with levels in the overlay for smaller previews.

Know it is to me useless because you can't use it with levels unless you mak a link to page, but that's not what levels do in a desktop normal menu.

Anyway the overlay menu needs a good update / tune up!

** google translate**

Vorrei che gli elementi di livello funzionassero allo stesso modo di un menu normale in modo da poter avere un menu normale con i livelli per desktop e un menu normale con livelli nella sovrapposizione per anteprime più piccole.

So che per me è inutile perché non puoi usarlo con i livelli a meno che non crei un collegamento alla pagina, ma non è quello che fanno i livelli in un normale menu desktop.

Comunque il menu in sovrimpressione necessita di un buon aggiornamento / messa a punto!

Leggi di più
Postato il da Andre E
Mirko Boschetti
Mirko Boschetti
Moderator
Fabio B.
Heyla' Mirko, ciao. Sì ho notato; è  perché  ho fatto tutto lavorando in anteprima locale. Ma non è  un problema, si puo' farlo anche col giusto url online.

Comunque hai fatto un ottimo lavoro....ciaooooo wink

Leggi di più
Postato il da Mirko Boschetti
Fabio B.
Fabio B.
User
Autore

Grazie Mirko, fa sempre piacere un apprezzamento disinteressato ;)

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

L'ho perfezionato

Leggi di più
Postato il da Fabio B.
Mirko Boschetti
Mirko Boschetti
Moderator

Ok...ora è perfetto...bravoooooo wink

quindi volendo, potrebbe essere modificato dallo Staff...

Leggi di più
Postato il da Mirko Boschetti
Fabio B.
Fabio B.
User
Autore

Ma certo, se l'ho fatto io lo puo' fare chiunque, a maggior ragione loro. Ho aperto questo topic idea per chiedere questo mostrando nei fatti quel che desidero.

Leggi di più
Postato il da Fabio B.
Giuseppe Guida
Giuseppe Guida
User

Bravo Fabio! 

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Puzzolo
Giuseppe Puzzolo
User

+1

Leggi di più
Postato il da Giuseppe Puzzolo
Giuseppe Puzzolo
Giuseppe Puzzolo
User

come si implementa

Leggi di più
Postato il da Giuseppe Puzzolo
Fabio B.
Fabio B.
User
Autore

Grazie Giuseppe&Giuseppe cool, mi sento abbastanza gasato.

Come fare é un tantino fantasioso perciò complicato da spiegare; non si tratta solo di implementare uno script custom ma anche di preparare e configurare alcune pagine che richiedono codici diversi per ogni sito.

Perciò vorrei che Incomedia creasse una versione standard universale funzionante con un click.

Leggi di più
Postato il da Fabio B.
Giuseppe Guida
Giuseppe Guida
User

+1 per questo post idea

Leggi di più
Postato il da Giuseppe Guida
Alex D.
Alex D.
User
Giuseppe Guida
Bravo Fabio! 

+2

Leggi di più
Postato il da Alex D.
Roberto N.
Roberto N.
User

+1

Leggi di più
Postato il da Roberto N.
Fabio B.
Fabio B.
User
Autore

Ho eliminato il percorso di pagina perché causava un bug.

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Nel frattempo ho anche escogitato una variante semplificata che potete trovare qui: http://versione2019.altervista.org/Overlay-original/

questa versione é di semplice applicazione, ma ha un bug: se non si seleziona alcuna pagina dal menù, quando si chiudono tutti i menù aperti rimane aperta la pagina che contiene il menù di livello.Non so ancora come risolvere questo problema.

Se qualcuno vuole comunque usare questo sistema ecco gli step:

  1. preparare nella mappa un livello con link che si apre nella stessa finestra; il link deve puntare ad una pagina nascosta dentro a questo livello che conterrà solo un oggetto menù overlay dello stesso livello
  2. nel modello inserire nell'intestazione il menù principale
  3. nella pagina nascosta inserire nelle proprietà del tag body il seguente codice: <body onload="openMenu()"></body>
  4. al passo 1 prima della chiusura del tag head inserire il seguente codice: <script>
    /* copyright: Fabio Bevilacqua */
    function openMenu(){
    setTimeout(function(){
    $(document).ready(function(){
    $('.trigger-overlay').click();
    });
    }, 1000);
    };
    </script>
Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Bug risolto: nello step 4 qui sopra, sostituire il codice con il seguente:

<style>
/* copyright: Fabio Bevilacqua */
button.exit {
font-size: 25pt;
color: white;
background-color: transparent;
position: fixed;
top: 38px;
right: 38px;
z-index: 1000000;
}
</style>
<script>
/* copyright: Fabio Bevilacqua */
function openMenu(){
setTimeout(function(){
$(document).ready(function(){
$('.trigger-overlay').click();
$('div[class$="_menuoverlay_back"]').append('<button onclick="goBack()" class="exit">X</button>');
});
}, 1000);
};
function goBack(){
window.history.back();
};
</script>

Questa é la versione ottimale, universale e definitiva per me! laughing

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

...ora dei Simpson, bye laughing

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

...ultima miglioria fresca fresca: sostituire il tag <script> qui sopra con questo:

<script>
/* copyright: Fabio Bevilacqua */
function openMenu(){
setTimeout(function(){
$(document).ready(function(){
$('.trigger-overlay').click();
$('div[class$="_menuoverlay_back"]').append('<button onclick="goBack()" class="exit" color="currentColor">X</button>');
exitColor = $('div[class^="pluginAppObj_"]:last-of-type ul li a ').css('color');
$('button.exit').css('color', exitColor);
});
}, 1000);
};
function goBack(){
window.history.back();
};
</script>

Così non serve correggere a mano il colore del bottone di chiusura dei sottomenù nel css, ma prenderà in automatico il colore dato alle voci in elenco, anche se si usano colori diversi per i diversi sottomenù come nel mio ultimo esempio online.

Questa volta credo proprio di aver finito, fatti salvi nuovi suggerimenti vostri. tongue-out

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Se vedete ancora tutti i menù in bianco, Ctrl+F5 e rinfrescate la pagina nel browser. 

...ora del filmetto serale; bye innocent

Leggi di più
Postato il da Fabio B.
Mirko Boschetti
Mirko Boschetti
Moderator

un'ultima cosa...la X di chiusura non è giusta...wink

Leggi di più
Postato il da Mirko Boschetti
Fabio B.
Fabio B.
User
Autore

ciao mirko, é perché il mio bottone sovrapposto a quello originale via css ha il background-color trasparente, quindi rivela quello vecchio sotto (se non ti piace puoi personalizzare il colore, i bordi, l'immagine, il font e le altre proprietà nello script css); quello originale é un svg, il mio é una X col font di default

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

oppure aggiungi nel css questo:

div[class$="-overlay-close"] {
display: none;
}

ed elimini il vecchio bottone di chiusura

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

Ciao Fabio, se non vuoi complicarti troppo la vita laughing

Dai un occhiata a questo https:// www.arteottica.net/ provamenu/dist/

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

Ciao Luca, non vedo niente al tuo url. Nel sito non c'e' un overlay

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore
Fabio B.
oppure aggiungi nel css questo: div[class$="-overlay-close"] { display: none; } ed elimini il vecchio bottone di chiusura

Nel css delle pagine nascoste, non al asso 1. Mirko lo sa.

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Dopo guardo la pagina sul pc

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

Ho semplicemente fatto un DOM alla pagina index, ho "grappato" solo il menu nell'header, sempre con PHP ho ripulito il codice di default dai vari div, class, id e data per poi stamparlo in uno script overlay preso da codepen.

In questo modo ogni volta che modifico/aggiungo da software non devo mettere mano al codice.

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

wow, bravo Luca, interessante il tuo lavoro; peccato solo non poter avere anche i dettagli dello script usato, sarebbe istruttivo; comunque anche la mia soluzione client side l'unico aggiornamento che richiede in caso di aggiunte di livelli é la pagina nascosta con dentro l'evento onload chiamata dal nuovo livello; lo trovo molto fattibile. Vorrei sapere di più sulla tua via php se ti va, grazie.

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

Ok. Lo sto perfezionando, ma entro sera posto qui i dettagli.

Nel frattempo l'ho implementato in pagina.

Servono alcuni accorgimenti sullo scroll o cmq di CSS.

https://www.arteottica.net/provamenu9/

Leggi di più
Postato il da Luca E.
Mirko Boschetti
Mirko Boschetti
Moderator

dovrai però eliminare il menu originale con codice, altrimenti poi ne hai 2...wink

comunque hai fatto un bel lavoro...

Leggi di più
Postato il da Mirko Boschetti
Fabio B.
Fabio B.
User
Autore

Luca correggi lo z-index del footer; quando scorri la pagina ti va sopra il menù aperto

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

Dimenticavo, al menù di livello devi dare un collegamento qualsiasi, pagina interna/esterna o anche un #

Leggi di più
Postato il da Luca E.
Mirko Boschetti
Mirko Boschetti
Moderator

Bello, ma meglio la provamenu9 con il position fixed, visto che non usi la sticky bar... wink

Leggi di più
Postato il da Mirko Boschetti
Luca E.
Luca E.
User

Mirko in effetti hai ragione. Basta dargli un colore al div con larghezza 100% e la sticky sarà solo un vecchio ricordo cool

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

Domani guardo tutto sul pc ma dubito di essere in grado di fare un qualsiasi miglioramento al tuo lavoro.

Comunque ad una prima vista di segnalo qualche difetto:

  • Se giro il cell in modalita' landscape il menu' rimane largo il doppio della pagina che quindi rimane decentrata sulla meta' sinistra del menu'
  • Se vado in Product1 il menu' di livello non si apre piu'
  • Non vedo livelli inferiori del livello, li hai provati?
Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

Product1 è una pagina e non un livello. Ulteriori sottolivelli non li avevo ancora preso in considerazione, ma più livelli di primo grado si e lo script li lavora bene. 

Lunedì proverò a fare un test e se occorre implemento la funzione. Stavo pensando anche a far rimanere la fisarmonica aperta quando ci si trova sul link cliccato.

PS: ho provato il bug da te descritto e non ho riscontrato errori. Che telefono utilizzi?

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

Trovato l'errore, e sulla prova 9 non lo fa. Avrò sbagliato qualcosa nel riscrivere il PHP. Lunedì correggo e metto a disposizione anche la prova nr9

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

Si' lo so che Product1 e' una pagina, ma il menu' di livello dovrebbe funzionare correttamente anche li', invece non si apre. Uso un Samsung Galaxy A20.

Leggi di più
Postato il da Fabio B.
A. Kris
A. Kris
User

+ 1

Leggi di più
Postato il da A. Kris
Fabio B.
Fabio B.
User
Autore

Prova9 lo fa anche

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Su pc la pagina Product1 apre il menù di livello

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore
  • Ho provato il tuo metodo ma qualcosa non va: http://versione2019.altervista.org/Luca/index.php#
  • Le istruzioni readme.txt non sono corrette perché nel css manca il tag di apertura e chiusura, per inserirlo nella sez. esperto; altrimenti bisogna inserirlo come file linkato dal programma
  • inserendo nell'oggetto html in header il tuo script, bisogna impostare TUTTE le pagine con estensione .php
Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

questa la mappa di un sito nuovo creato

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Io ho sistemato il bug del percorso di pagina nel mio script; adesso se lo si inserisce nel modello senza collegamenti non crea più problemi; i nuovi script da inserire sono i seguenti:

<style>
/* copyright: Fabio Bevilacqua */
button.exit {
font-size: 25pt;
color: black;
background-color: transparent;
position: fixed;
top: 38px;
right: 38px;
z-index: 1000000;
}
div#imBreadcrumb {
z-index: 1000000 !important;
width: 350px;
top: -60px;
}
</style>
<script>
/* copyright: Fabio Bevilacqua */
function openMenu(){
setTimeout(function(){
$(document).ready(function(){
$('.trigger-overlay').click();
$('div[class$="_menuoverlay_back"]').append('<button onclick="goBack()" class="exit" color="currentColor">X</button>');
exitColor = $('div[class^="pluginAppObj_"]:last-of-type ul li a ').css('color');
$('button.exit').css('color', exitColor);
$('div#imBreadcrumb a').removeAttr('href');$('div#imBreadcrumb a').removeAttr('onclick');
});
}, 1000);
};
function goBack(){
window.history.back();
};
</script>

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User
Fabio B.
Ho provato il tuo metodo ma qualcosa non va: http://versione2019.altervista.org/Luca/index.php# Le istruzioni readme.txt non sono corrette perché nel css manca il tag di apertura e chiusura, per inserirlo nella sez. esperto; altrimenti bisogna inserirlo come file linkato dal programma inserendo nell'oggetto html in header il tuo script, bisogna impostare TUTTE le pagine con estensione .php

che io ricordi il tag <style> non serve.

Per quanto riguarda il discorso delle pagine con estensione php non è un problema. Basta creare solo il file php che compone il menu, dare istruzione tramite fwrite di salvare una pagina html, e richiamare la stessa tramite jquery dalle pagine del sito.

Elementare watson 

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

Questa la modifica rispetto al file zip. Copia incolla nell'oggetto html dell'header.

Ti allego immagini per farti capire

E' molto semplice da creare, io non noto problemi.

Neanche il browser ne riscontra...

<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<div class="overlay-content">
<?php
$cartella = $_SERVER['PHP_SELF'];
if (strpos($cartella, '/cart/') !== false || strpos($cartella, '/blog/') !== false)
{
$mypath = "../";
} else {
$mypath = "";
}
include_once($mypath.'files/simple_html_dom.php');
$page = $mypath.'index.php';
$out = "";
$html = file_get_html($page);
//imHeader_imMenuObject_01 imHeader_imMenuObject_02
foreach($html->find("div[id=imHeader_imMenuObject_02]") as $item)
{
foreach($item->find( 'a') as $item_link)
$item_link->href = $mypath.$item_link->href;
$item_link->class = '';
foreach($item->find("li[class=imMnMnFirst imLevel]") as $item_change_class) {
$item_change_class_link = $item_change_class->find( 'a',0);
$item_change_class_link->class = 'accordion';
}
foreach($item->find("li[class=imMnMnMiddle imLevel]") as $item_change_class) {
$item_change_class_link = $item_change_class->find( 'a',0);
$item_change_class_link->class = 'accordion';
}
foreach($item->find("li[class=imMnMnLast imLevel]") as $item_change_class) {
$item_change_class_link = $item_change_class->find( 'a',0);
$item_change_class_link->class = 'accordion';
}
/*
foreach($item->find("li[class=imMnMnLast imLevel]") as $item_change_lastclass) {
$item_change_class_lastlink = $item_change_lastclass->find( 'a',0);
$item_change_class_lastlink->class = 'nav__list-item';
}
$item_change_firstclass = $item->find("li[class=imMnMnFirst imPage]",0);
$item_change_class_firstlink = $item_change_firstclass->find( 'a',0);
$item_change_class_firstlink->outertext = 'MENU';
*/
$outer = $item->find( 'ul',0);
$out = $outer->outertext;
$out = str_replace('class="accordion"', 'mydata="accordion"', $out);
$out = str_replace('class="open-right"', 'mydata="panel"', $out);
$out = str_replace('class="open-bottom"', 'mydata="panel"', $out);
$out = str_replace(array('<div class="label-wrapper">','<div class="label-inner-wrapper">','</div>',' class="imMnMnMiddle imLevel"',' class="imMnMnSeparator imMnMnFirst filled-separator"'), '', $out);
//$out = str_replace(array('<div class="label-wrapper">','<div class="label-inner-wrapper">','</div>',), '', $out);
$out = preg_replace('/onclick="([^"]+)"/', ' ', $out);
$out = preg_replace('/data-link-paths="([^"]+)"/', ' ', $out);
$out = preg_replace('/data-link-hash="([^"]+)"/', ' ', $out);
$out = preg_replace('/data-original-position="([^"]+)"/', ' ', $out);
$out = preg_replace('/class="([^"]+)"/', ' ', $out);
$out = preg_replace('/id="([^"]+)"/', ' ', $out);
$out = str_replace('mydata', 'class', $out);
$config = [
'indent' => true,
'output-xhtml' => false,
'show-body-only' => true
];
$tidy = new tidy;
$tidy->parseString($out, $config, 'utf8');
$tidy->cleanRepair();
echo $tidy;
}
?>
</div>
</div>
<span style="font-size:30px;cursor:pointer;color:white;" onclick="openNav()">&#9776; open</span>

<script>
function openNav() {
document.getElementById("myNav").style.width = "100%";
document.getElementById("myNav").style.height = "100%";
document.getElementById("myNav").style.zIndex = "10009";
document.getElementById("imFooter").style.zIndex = "1";
}

function closeNav() {
document.getElementById("myNav").style.height = "0%";
document.getElementById("myNav").style.zIndex = "0";
}
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function(event) {
event.preventDefault();
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
event.preventDefault();
});
}
</script>

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

PS: se non usi php cancella la riga echo $tidy;

ed inserisci subito dopo:

$file = fopen("menu.html","w");
echo fwrite($file,$tidy);
fclose($file);

Poi nella sezione statistiche->seo->codice inserisci il seguente:

<script>

$(function(){

$("#qui l'id del tuo oggetto html che richiama il menu").load('menu.html');

});
</script>

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

Dimenticavo, ovvio che almeno una volta, per creare la pagina menu.html va lanciato il file php di cui sopra, altrimenti richiami una pagina inesistente

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

Wow sei skillato mooolto piu' di me. Ti seguo da lontano e imparo. Grazie wink

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Luca vedo ancora il problema della larghezza pagina in landscape.

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Il problema del menu di livello in product1 e' risolto, pero' non compare il menu' nella pagina5 per uscirne.

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

Fabio dopo pagina 5 la pagina 5 non vi è nessun sottolivello...

Basta inserirlo. Fai una prova e mostrami il risultato

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

scusami, avevo letto una cosa x un'altra... non appare perchè ho dimenticato di dare estensione php

però ne approfitto per farti vedere come funziona con il jquery.

dammi tempo di finire una cosa. più tardi ci provo

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

Non c'è  fretta, io provo le tue indicazioni domani. Ora mi sto guardando un film laughing

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Ready Player One su Italia Uno e mi rilasso sul divano. Mi aggiorno durante la pubblicita'.

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

Comincia col cambiare colore al pulsante

Sostituisci questo

<span style="font-size:30px;cursor:pointer;color:white;" onclick="openNav()">☰ open</span>

con questo

<span style="font-size:30px;cursor:pointer;color:black;" onclick="openNav()">☰ open</span>

Cmq il menu risulta vuoto

Hai messo correttamente l'id del div del menu? NON quello del tuo overlay

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

Cmq ho dato un occhiata al file sorgente. MENU NON CE NE SONO, A PARTE L'OVERLAY!!!!

Così è ovvio che non ti funziona. Metti anche un menu classico e nascondilo da programma.

Questo è il sorgente VUOTO della tua pagina

Questo il sorgente della mia pagina

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

Niente, non riesco a farlo funzionare yell

Ho provato anche su un server diverso casomai fwrite non fosse abilitato su altervista ma il risultato é lo stesso:

https://officinacicerone.it/Luca/

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

Hai sostituito l'id del menu foreach($html->find("div[id=imHeader_imMenuObject_02]") as $item)

con imHeader_imMenuObject_03?

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

ERRORE PHP

<div class="overlay-content"><br /><b>Fatal error</b>: Uncaught Error: Class 'tidy' not found in /membri/versione2019/Luca/index.php:186Stack trace:#0 {main} thrown in <b>/membri/versione2019/Luca/index.php</b> on line <b>186</b><br />

==============================================================

Dovresti controllare se possibile il file php.ini,oppure sostituire

$config = [
'indent' => true,
'output-xhtml' => false,
'show-body-only' => true
];
$tidy = new tidy;
$tidy->parseString($out, $config, 'utf8');
$tidy->cleanRepair();
echo $tidy;

con 

echo $out;

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

<div class="overlay-content">
<br>
<b>186</b><b>Fatal error</b>: Uncaught Error: Class 'tidy' not found in /membri/versione2019/Luca/index.php:186
Stack trace:
#0 {main}
thrown in <b>/membri/versione2019/Luca/index.php</b> on line <br>
</div>

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

mi hai preceduto 

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

yeahhhh!!!laughing chi la dura la vince; ora va e non mi resta che mettere tutte le pagine in php

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Bravo Luca! Hai fatto un lavorone; comunque se dovessi applicarlo ad un sito troverei più facile il mio metodo.

PS: in landscape su cell il menù continua a debordare dallo schermo.

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

Non lo vedo più. Cmq credo che hai fatto esperienza.cool

Buona giornata

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

Sì, grazie molte.

Sul mio sito i bottoni di apertura e chiusura vanno fuori schermo in orizzontale.

Buona giornata anche a te. Se invece non sei ancora stufo di smanettare puoi aiutarmi a perfezionare quest'altra idea che ho cominciato: http://versione2019.altervista.org/My_Overlay_menu/

<style>
div[id$="-menu-opened"],
ul.menu-mobile-animated,
ul.menu-mobile-animated *,
div[class="hamburger-menu-background menu-mobile menu-mobile-animated hidden"]
{width: 100% !important;}
ul.menu-mobile-animated li,
div.label-wrapper, div.label-wrapper * {
display: inline-block !important;
height: 100px;
}
</style>
<script>
$(document).ready(function(){
$('li.imLevel').click(function(){
items=$(this).siblings().css('height', '0px');
$(items).each(function(){
$(this).text(this+' *');
$(this).css('height', '0px');
});
});
});
</script>

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

che ve ne pare di questo realizzato con il menù standard?

http://versione2019.altervista.org/My_Overlay_menu/

Ringrazio chiunque abbia voglia di aiutarmi a risolvere l'ultimo problema importante: stabilizzare la visualizzazione di ul.open-bottom quando si clicca su un link di livello e poi si va in mouseout; lo script del programma sembra non volersi fare sovrascrivere; se metto {display: block !important} nel css poi non posso sovrascriverlo nemmeno con jQuery.

In altre parole vorrei che quando clicco su un sottolivello il rispettivo sottomenù rimanesse aperto anche quando il mouse non é più sul link.

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

<style>
div[id$="-menu-opened"],
ul.menu-mobile-animated,
ul.menu-mobile-animated *,
div[class="hamburger-menu-background menu-mobile menu-mobile-animated hidden"]
{width: 100% !important;}
ul.menu-mobile-animated li,
div.label-wrapper,
div.label-wrapper * {
height: 100px;
}
ul.open-bottom li.imPage, ul.menu-mobile-animated li {
margin-top: 30px !important;
}

</style>
<script>
$(document).ready(function(){
$('li.imLevel').click(function(){ //livello cliccato
// $(this).click(); //secondo click per aprire il sottomenù automaticamente su cellulare
$(this).siblings().remove(); //rimuove gli elementi fratelli di quello cliccato
$('ul.open-bottom').css('display', 'block !important');
});
});
</script>
<script>
// $(this).find('ul.open-bottom, ul.open-bottom li').toggle();
// $(this).find('ul.open-bottom, ul.open-bottom li').show();
// $(this).find('ul.open-bottom, ul.open-bottom li').css('display', 'block !important');
/* $(this).addEventListener("mouseout", function({
$(this).find('ul.open-bottom, ul.open-bottom li').css('display', 'block !important');
}));*/
</script>

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

ul.open-bottom li.imPage, ul.menu-mobile-animated li {
margin: 30px !important;
}

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

questa la mappa del sito

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Ultim'ora:

<style>
div[id$="-menu-opened"],
ul.menu-mobile-animated,
ul.menu-mobile-animated *,
div[class="hamburger-menu-background menu-mobile menu-mobile-animated hidden"]
{width: 100% !important;}
</style>
<script>
$(document).ready(function(){
$('li.imLevel').click(function(){ //livello cliccato
// $(this).click(); //secondo click per aprire il sottomenù automaticamente su cellulare (non funziona)
$(this).siblings().remove(); //rimuove gli elementi fratelli di quello cliccato
});
});
</script>

Gli altri parametri si gestiscono da UI del programma.

PS: Qualcuno partecipa ed aiuta o chiudo qui il topic?

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User

http://www.arteottica.net/prova menu/dist/menufabio.mp4

Da quello che ho potuto vedere dal livello 3 in poi si perde tutto il precedente menu.

Così è poco intuitivo per chi naviga tra le pagine.

A me sinceramente il menù overlay del market non fa impazzire. 

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

Mettiamola sotto l'aspetto dell'indicizzazione. Essendo scritto totalmente in JavaScript, se viene utilizzato in un sito multipagina, senza l'ausilio di un classico menu html, i motori di ricerca difficilmente indicizzeranno tutte le pagine.

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

Ciao Luca.

Ma per quello c'è  gia' sitemap.xml

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

La cancellazione del menu precedente è  per lasciare spazio alle voci inferiori. Se no uno chiude e riapre il menu da capo.

Comunque c'è un'ultima modifica aggiunta dopo, una @media per usare il css overlay solo su mobile mentre lo script di cancellazione sempre, tanto il presupposto è  l'uso dell'hamburger menu sempre, quindi la visualizzazione in colonna.

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Ho messo la media query per raggirare il problema detto sopra, cioè  che su desktop i menù  dei sottolivelli spariscono al mouseout. Ho provato a stabilizzarlo ma non sono riuscito.

Leggi di più
Postato il da Fabio B.
Giuseppe Guida
Giuseppe Guida
User

Ciao, io avevo usato questo menù full width su un sito web un paio di anni fa, qui un esempio su un progetto vuoto.

Ho solo esteso a tutta pagina il menù hamburger standard di Website X5 con dei CSS e nulla più e il resto sono tutte funzioni del software (il codice è commentato per cui facilmente individuabile con "Visualizza sorgente pagina"). Bisogna solo cambiare l'ID del mio oggetto menù con l'ID del proprio oggetto menù. Non sarà l'Overlay Menù ma, facendo il copia e incolla dei miei CSS custom e sostituendo l'ID dell'Oggetto, si realizza in 46 secondi di orologio (tempo cronometrato wink)

Si aprono regolarmente i Livelli e gli ulteriori Livelli al loro interno:

http://www.test70.altervista.org/menufullwidth/

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

P.S. queste le impostazioni dell'Hamburger Menu all'interno dell'Oggetto Menu

Leggi di più
Postato il da Giuseppe Guida
Gianfranco G.
Gianfranco G.
User

Ottimo Giuseppe, questo software ha almeno il pregio di far attrezzare laddove il sofware non arriva. Che l'oggetto a pagamento escuda i livelli ha dell'incredibile.

Leggi di più
Postato il da Gianfranco G.
Fabio B.
Fabio B.
User
Autore
Giuseppe Guida
Ciao, io avevo usato questo menù full width su un sito web un paio di anni fa, qui un esempio su un progetto vuoto. Ho solo esteso a tutta pagina il menù hamburger standard di Website X5 con dei CSS e nulla più e il resto sono tutte funzioni del software (il codice è commentato per cui facilmente individuabile con "Visualizza sorgente pagina"). Bisogna solo cambiare l'ID del mio oggetto menù con l'ID del proprio oggetto menù. Non sarà l'Overlay Menù ma, facendo il copia e incolla dei miei CSS custom e sostituendo l'ID dell'Oggetto, si realizza in 46 secondi di orologio (tempo cronometrato ) Si aprono regolarmente i Livelli e gli ulteriori Livelli al loro interno: http://www.test70.altervista.org/menufullwidth/

Sì é la stessa idea che ho avuto io, ma con un css diverso; nel mio non occorre specificare alcun id ed é più breve, inoltre io elimino dalla lista principale tutte le voci tranne quella selezionata (quindi non va bene con il menù non hamburger ma bisogna impostare hamburger sempre) per ridurre l'ingombro nella colonna.

Dietro richiesta di Andre E. ho aperto un topic in inglese per illustrare l'argomento agli utenti anglofoni: https://helpcenter.websitex5.com/it/post/238850

Sarebbe consigliabile che Luca intervenisse anche lì spiegando in inglese tutti gli step per la realizzazione del suo metodo.

Il mio codice per l'uso del menù standard é il seguente:

<style>
/* Copyright Fabio Bevilacqua */
@media only screen and (max-width: 640px){
div[id$="-menu-opened"],
ul.menu-mobile-animated,
ul.menu-mobile-animated *,
div[class="hamburger-menu-background menu-mobile menu-mobile-animated hidden"]
{width: 100% !important;}
}
</style>
<script>
/* Copyright Fabio Bevilacqua */
$(document).ready(function(){
$('li.imLevel').click(function(){
$(this).siblings().remove();
});
});
</script>

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore
Fabio B.
Ho messo la media query per raggirare il problema detto sopra, cioè  che su desktop i menù  dei sottolivelli spariscono al mouseout. Ho provato a stabilizzarlo ma non sono riuscito.

Mi spiego meglio: con la media query é possibile usare l'overlay solo su mobile, dove il sottomenù, per impostazione data dallo script originale di Incomedia, rimane aperto dopo il click sul livello, mentre su desktop sparisce quando cessa il mouseover sullo stesso livello.

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User
Fabio B.
Ciao Luca. Ma per quello c'è  gia' sitemap.xml

Hai ragione Fabio, ma se utilizzi il programma in maniera standard. Io ho creato delle schede prodotto in maniera dinamica, perc ui l'xml diventerebbe addirittura controproducente nel mio caso.

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User
Giuseppe Guida
Ciao, io avevo usato questo menù full width su un sito web un paio di anni fa, qui un esempio su un progetto vuoto. Ho solo esteso a tutta pagina il menù hamburger standard di Website X5 con dei CSS e nulla più e il resto sono tutte funzioni del software (il codice è commentato per cui facilmente individuabile con "Visualizza sorgente pagina"). Bisogna solo cambiare l'ID del mio oggetto menù con l'ID del proprio oggetto menù. Non sarà l'Overlay Menù ma, facendo il copia e incolla dei miei CSS custom e sostituendo l'ID dell'Oggetto, si realizza in 46 secondi di orologio (tempo cronometrato ) Si aprono regolarmente i Livelli e gli ulteriori Livelli al loro interno: http://www.test70.altervista.org/menufullwidth/

In effetti come il mio, ma creato da programma stesso. Grazie per l'esempio che potrà sempre ritornare utile.

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

Comunque io per ora sto lavorando a questo, nel tempo libero perchè faccio tutt'altro lavoro laughing, e devo ammettere che è una figata pazzesca.

Se vi interessa vi dico qual'è lo script, si trova online.

www.arteottica.net/provamenu/dist/video.mp4

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User
Giuseppe Guida
Ciao, io avevo usato questo menù full width su un sito web un paio di anni fa, qui un esempio su un progetto vuoto. Ho solo esteso a tutta pagina il menù hamburger standard di Website X5 con dei CSS e nulla più e il resto sono tutte funzioni del software (il codice è commentato per cui facilmente individuabile con "Visualizza sorgente pagina"). Bisogna solo cambiare l'ID del mio oggetto menù con l'ID del proprio oggetto menù. Non sarà l'Overlay Menù ma, facendo il copia e incolla dei miei CSS custom e sostituendo l'ID dell'Oggetto, si realizza in 46 secondi di orologio (tempo cronometrato ) Si aprono regolarmente i Livelli e gli ulteriori Livelli al loro interno: http://www.test70.altervista.org/menufullwidth/

Con il tuo esempio, o comunque quello che ho creato io, anche su desktop il menù risulta abbastanza intuitivo.

Però ancora non ho capito una cosa, se è una mia limitazione, o è del software, perchè se si crea un hamburger menù classico anche per versione desktop (oggi molto utilizzato), se si hanno più sottolivelli al passaggio del mouse il menù impazzisce, quando al posto dell'hover si potrebbe variare l'apertura al click.

Leggi di più
Postato il da Luca E.
Fabio B.
Fabio B.
User
Autore

Sì  certo, di' pure.

Comunque io vorrei che qualcuno mi aiutasse a stabilizzare l'apertura dei sottomenu' su desktop, perché  volevo realizzare quello che ho appena visto nel video di Luca usando il menu' gratuito standard senza impostare sempre l'hamburger e senza media query. Chi sa dove mettere il naso e le mani?

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Questi alcuni dei miei tentativi falliti (righe commentate):

<script>
$(document).ready(function(){
$('li.imLevel').click(function(){ //livello cliccato
// $(this).click(); //secondo click per aprire il sottomenù automaticamente su cellulare
$(this).siblings().remove(); //rimuove gli elementi fratelli di quello cliccato
// $('ul.open-bottom').css('display', 'block !important');
});
});
</script>
<script>
// $(this).find('ul.open-bottom, ul.open-bottom li').toggle();
// $(this).find('ul.open-bottom, ul.open-bottom li').show();
// $(this).find('ul.open-bottom, ul.open-bottom li').css('display', 'block !important');
/* $(this).addEventListener("mouseout", function({
$(this).find('ul.open-bottom, ul.open-bottom li').css('display', 'block !important');
}));*/
</script>

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore
Luca E.
Però ancora non ho capito una cosa, se è una mia limitazione, o è del software, perchè se si crea un hamburger menù classico anche per versione desktop (oggi molto utilizzato), se si hanno più sottolivelli al passaggio del mouse il menù impazzisce, quando al posto dell'hover si potrebbe variare l'apertura al click.

E' appunto questo che stavo cercando di fare, ma non riesco a sovrascrivere gli effetti dello script originale.

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Utimo tentativo fallito:

<script>
x5engine.boot.push(function () {
/* Copyright Fabio Bevilacqua */
$(document).ready(function(){
$('li.imLevel').click(function(){
//$(this).click();
$(this).siblings().remove();
$(this).find('ul.open-bottom, ul.open-bottom li').css('display', 'block !important');
});
});
}, true, "last");
</script>

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User
Fabio B.
Dietro richiesta di Andre E. ho aperto un topic in inglese per illustrare l'argomento agli utenti anglofoni: https://helpcenter.websitex5.com/it/post/238850 Sarebbe consigliabile che Luca intervenisse anche lì spiegando in inglese tutti gli step per la realizzazione del suo metodo.

FATTO.

Leggi di più
Postato il da Luca E.
Giuseppe Guida
Giuseppe Guida
User

Ciao Fabio, ciao Luca, ho letto tutti i vostri post...

Sì, in fin dei conti sono tutte valide le vostre/mie alternative, in un modo o nell'altro si ha un menù full width alle risoluzioni responsive che è più gradevole da vedere e ha un aspetto sicuramente più moderno.

Questo lavoro toccherebbe farlo agli sviluppatori si Incomedia, non a noi utenti. Però è anche vero che se mettono mano gli sviluppatori per renderlo più bello l'hamburger, poi finisce che fanno un oggetto a pagamento, poveri utenti! wink Per il momento con le nostre soluzioni (e ben vengano altre soluzioni!) evitano di spendere altri soldi wink

Buona giornata a tutti voi. Ciao

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Luca E.
Comunque io per ora sto lavorando a questo, nel tempo libero perchè faccio tutt'altro lavoro , e devo ammettere che è una figata pazzesca. Se vi interessa vi dico qual'è lo script, si trova online. www.arteottica.net/provamenu/dist/video.mp4

Luca quella è una vera figata! Se mi dai info su dove reperire il codice online te ne sarò grato.

Ciao

Leggi di più
Postato il da Giuseppe Guida
Fabio B.
Fabio B.
User
Autore

Hai ragione, come per l'oggetto Cart Status separato dal Cart (ci vuole una bella faccia tosta a vendere le scarpe senza i lacci!); qui se non si tratta di fare altro che un update dell'oggetto Menù Overlay che ci hanno già venduto per renderlo VERAMENTE usabile. Non é solo più gradevole da vedere, ma anche più agevole per motivi pratici rispetto a dei bottoni piccoli stretti in una colonnina laterale, difficili da leggere e da toccare per molte persone.

Leggi di più
Postato il da Fabio B.
Giuseppe Guida
Giuseppe Guida
User
Luca E.
...Però ancora non ho capito una cosa, se è una mia limitazione, o è del software, perchè se si crea un hamburger menù classico anche per versione desktop (oggi molto utilizzato), se si hanno più sottolivelli al passaggio del mouse il menù impazzisce, quando al posto dell'hover si potrebbe variare l'apertura al click.

E' quello che sta cercando di risolvere Fabio in effetti! 

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Però, caxxx, ma perchè non le risolve Incomedia certe cose visto che lo paghiamo 'sto benedetto Website X5? Che storia assurda, o meglio, assurda non proprio: siamo in Italia... tendo a dimenticarlo.

Leggi di più
Postato il da Giuseppe Guida
Fabio B.
Fabio B.
User
Autore

Secondo me lascia apposta magagne varie in giro nel programma per farci divertire e passare il tempo a codificare per mettere pezze laughing

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User
Giuseppe Guida
Luca E. Comunque io per ora sto lavorando a questo, nel tempo libero perchè faccio tutt'altro lavoro , e devo ammettere che è una figata pazzesca. Se vi interessa vi dico qual'è lo script, si trova online. www.arteottica.net/provamenu/dist/video.mp4 Luca quella è una vera figata! Se mi dai info su dove reperire il codice online te ne sarò grato. Ciao

https://github.com/FrDH/mmenu-js

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User

@Giuseppe è molto "personalizzabile", come con l'altro menù basta fare un DOM su altri oggetti menù e puoi fare in modo da renderlo a fisarmonica su più livelli, a colonne a colonne+fisarmonica... Insomma un giocattolo pieno di sorprese laughing

Se ti occorre lo script già pronto te lo mando, il mio funziona e pure meglio di quello overlay

Leggi di più
Postato il da Luca E.
Giuseppe Guida
Giuseppe Guida
User

Grazie per le info Luca.

Ok, se ti va di condividere le tue prove e il tuo script, ben venga. Grazie in anticipo

Leggi di più
Postato il da Giuseppe Guida
Fabio B.
Fabio B.
User
Autore

Luca quando tu dici "fare un DOM" cosa intendi, un traversing? Un recupero di tutti gli elementi per poi selezionarli?

Leggi di più
Postato il da Fabio B.
Fabio B.
Fabio B.
User
Autore

Stasera il mio Menu ' prevede solo  marmellata di arance fresche laughing

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User
Giuseppe Guida
Grazie per le info Luca. Ok, se ti va di condividere le tue prove e il tuo script, ben venga. Grazie in anticipo

Domani lo ripulisco da vari test effettuati e lo allego qui già pronto all'uso. wink

Leggi di più
Postato il da Luca E.
Luca E.
Luca E.
User
Fabio B.
Luca quando tu dici "fare un DOM" cosa intendi, un traversing? Un recupero di tutti gli elementi per poi selezionarli?

Questa è una guida abbastanza esaustiva.

https://www.php.net/manual/en/class.domdocument.php

PS: ottima cena

Leggi di più
Postato il da Luca E.
Giuseppe Guida
Giuseppe Guida
User

'Azz Fabio! Molto meglio il tuo Menù che non l'Overlay Menù wink Buona cena.

@Luca, ti ringrazio in anticipo. Buona serata

Leggi di più
Postato il da Giuseppe Guida
Fabio B.
Fabio B.
User
Autore

Boh, ne so quanto prima

Leggi di più
Postato il da Fabio B.
Luca E.
Luca E.
User
Giuseppe Guida
'Azz Fabio! Molto meglio il tuo Menù che non l'Overlay Menù Buona cena. @Luca, ti ringrazio in anticipo. Buona serata

@giuseppe scusa il ritardo, non mi ero dimenticato. 

Dimmi cosa ne pensi https://www.arteottica.net

Guarda i vari breakpoint, 1180,720,480,360.

In serata metto a disposizione i file.

PS: pagine prodotto che si creano in maniera dinamica, ed il resoconto del carrello direttamente nel menu.

Nei breakpoint inferiori ricerca e account in finestra modale

Leggi di più
Postato il da Luca E.
Giuseppe Guida
Giuseppe Guida
User

Ciao Luca, molto belle le integrazioni che hai fatto! Complimenti wink

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Occhio a questa pagina, qualcosa non va nel codice PHP...

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Poi se aggiungo i prodotti presenti in home nel carrello, mi dà sempre zero prodotti inseriti e mi vien sempre fuori !"il carrello è vuoto - continua shopping"...

Leggi di più
Postato il da Giuseppe Guida