Joomla.it Forum
Joomla! 3 => Joomla! 3 => : Fabrizio Falleroni 02 Nov 2016, 21:17:19
-
Salve a tutti,
chiedo gentilmente aiuto utilizzo la versione joomla 3.6.4
uso il template "helix3" per le pagine di informazione generale (home, azienda, contatti)
questo è il sito in questine) [size=78%]http://www.marmood.it (http://www.marmood.it)[/size]
e il template "quark" per visualizzazione della pagina "Store" e le successive pagine generate da virtuemart 3
altro link [size=78%]http://www.marmood.it/store (http://www.marmood.it/store)[/size]
in quanto gestisce molto bene la visualizzazione di prodotti e categorie.
detto questo il mio problema è il seguente:
utilizzando due template diversi ho due stili menu totalmente differenti vorrei invece rendere il menu di quark identico o simile a quello helix 3 in modo da unificare l'aspetto estetico del sito e per facilitare la navigazione degli utenti.
Grazie a tutti per l'attenzione, sono a disposizione per qualsiasi informazione aggiuntiva.
-
ciao
non hai molte alternative solo 2
1) prendere il menu che è nel primo template per prendere dico tutti i file e css è js che usa e adattarlo nel secondo template , non facile ma non impossibile
2) installare un menu a se sia sul primo che sul secondo template in questo modo avrai il menu identico.
-
Ciao,
come suggerisce conti1, se vuoi cominciare almeno con i css usa questi:
#gkHeaderNav .gkMainMenu .gkmenu > li {
font-size: 12px;
font-weight: 300;
letter-spacing: 1px;
padding:5px;
}
#gkHeaderNav .gkMainMenu .gkmenu > li a:hover, #gkHeaderNav .gkMainMenu .gkmenu > li a.active {
color: #2bb673 !important;
}
dovresti farti un file custom, vedi se nella documentazione è previsto e come farlo.
Intanto puoi metterli al fondo del template.ecommerce.css
-
grazie mille a entrambi, direi che il primo metodo suggerito da conti 1 sia la via migliore,come si evince dal link seguente [size=78%]http://www.marmood.it/store (http://www.marmood.it/store)[/size][/font][/font][/size] il tutto ha funzionato
Ora sto provando ad inserire le frecce in basso e i loghi accanto alle voci di menu, e l'effetto sottolineato per il menu a cascata.
-
Allora ho semplificato il tutto togliendo i loghi di home e store pero non riesco a dare gli effetti e spazi per il menu a tendina
-
ciao
inizia modificare questo css
store riga 26
mettilo come questo
.childcontent { height: auto !important; padding: 40px 60px;}
poi cerca questo
http://www.marmood.it/templates/gk_quark/css/template.ecommerce.css
#gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span { color: #444; height: 50px; padding: 10px!important;}
anche questo css
http://www.marmood.it/templates/gk_quark/css/template.ecommerce.css riga 1217
#gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a:active, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a:focus, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a:hover, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a.active, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span:active, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span:focus, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span:hover, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span.active { background: #2bb673 none repeat scroll 0 0; color: #ffffff !important; padding: 10px;}