cancel
Showing results for 
Search instead for 
Did you mean: 

Menu e Logo

Menu e Logo

Ciao a tutti! Sono quasi 2 mesi che "lavoro" su Magento e non avendo nessun tipo di conoscenza html, css ecc ecc ho "imparato" un po' grazie a voi leggedo le domande fatte e le risposte date. Sto cercando 2 3 cose che però ancora non riesco a trovare che sarebbero;

-come creare un mega menu con delle immagini sotto ad ogni categoria,

-come ridimensionare il logo (ho cambiato la grandezza ma quando lo inserisco si ridimenziona automaticamente a 140x70 e io lo vorrei più grande...),

-come togliere il "minicart" nell'header type 4 (tema: porto 7) e metterlo nel mega menu a destra,

-passare la right sidebar in left sidebar

 

essendo francese, vi chiedo scusa per l'italiano scarso!

 

Vi ringrazio anticipatamente!

4 REPLIES

Re: Menu e Logo

Le tue richieste sono troppo specifiche per poter essere affrontante in modo così generico.

 

Il megamenu in teoria dovrebbe averlo già il tema che stai usando a quanto vedo. Come gestirlo però dipende dal tema e conviene che guardi la documentazione a riguardo.

Idme per quanto riguarda  il minicart.

Per la right sidebar, in realtà dovresti cambiare il template di root alle pagine in cui viene mostrata la rightbar e poi spostare i blocchi da destra a sinistra.

Anche per questo però va valutato il caso specifico, a seconda di come è strutturato porto e di come hai strutturato il tuo tema figlio.

 

------------------ [ Antonio Carboni ] ------------------Hosting Magenio
Problema risolto? Clicca Accept as Solution!

Re: Menu e Logo

Mi scusi perché so che non mi sono espressa nel miglior dei modi non sapendo come esporre il mio problema. Ho già risolto quasi tutto, facendo ricerche praticamente giorno e notte! Però il problema del megamenu c'è sempre...

Vedo che molti siti hanno il megamenu come vorrei... Ho cercato anche su magento connect ma non lo trovo poiché non so come si chiama. Sul mio sito sono riuscita a mettere delle immagini come ad esempio, se con il mouse uno va sulla categoria (del menu) Lingerie, dove ci sono 9 sotto categorie, si vedono le immagini, ho provato a scirvere così:

<div style="float: left; width: 11%;">
<img src="{{media url="wysiwyg/latex.jpg"}}" alt="" />
</div>


<div style="float: left; width: 11%;">
<img src="{{media url="wysiwyg/vinile.jpg"}}" alt="" />
</div>


<div style="float: left; width: 11%;">
<img src="{{media url="wysiwyg/babydoll.jpg"}}" alt="" />
</div>


<div style="float: left; width: 11%;">
<img src="{{media url="wysiwyg/body_maliziosi_menu1.jpg"}}" alt="" />
</div>


<div style="float: left; width: 11%;">
<img src="{{media url="wysiwyg/catsuit2_menu.jpg"}}" alt="" />
</div>

<div style="float: left; width: 11%;">
<img src="{{media url="wysiwyg/corpettosexy_menu.jpg"}}" alt="" />
</div>

<div style="float: left; width: 11%;">
<img src="{{media url="wysiwyg/giochi_di_ruolo_menu.jpg"}}" alt="" />
</div>


<div style="float: left; width: 11%;">
<img src="{{media url="wysiwyg/intimo_malizioso_menu.jpg"}}" alt="" />
</div>

<div style="float: left; width: 11%;">
<img src="{{media url="wysiwyg/ztec65-i_menu.jpg"}}" alt="" />
</div>

 

 

e sono solo "flottanti" io vorrei poter creare una sorta di divisione tra le immagini, come una riga verticale che le separa e poterle allineare automaticamente sulla scritta perché così non sono parallele alla nome della sotto categoria.

 

Spero che questa volta si capisca un po' di più... Ancora una volta Le richiedo scusa per l'italiano non totalmente corretto.

 

Nell'attesa di una risposta auguro a chi leggerà il messaggio di passare delle buone feste di fine anno!

 

Alex.

Re: Menu e Logo

Non conosco la situazione e non so come il tema gestisca i megamenu.

Di norma, il megamenu dovrebbe essere generato dinamicamente e non in modo statico. Un codice come quello mostrato è problematico per più ragioni: il css inline è una bad practice e sopratutto in quella maniera non permette di gestire i blocchi in modo responsive; gli stili generali inoltre vanno definiti nei css per poter gestire al meglio gli stili in modo globale.

Per la separazione e l'allineamento delle categorie, questo dipende da caso a caso, non esiste una procedura unica ma viene eseguita da un frontend developer secondo il contesto specifico. Solitamente le righe di separazione vengono fatti con un bordo laterale o con un pseudo elemento dei li.

 

------------------ [ Antonio Carboni ] ------------------Hosting Magenio
Problema risolto? Clicca Accept as Solution!

Re: Menu e Logo

Ho provato ad inserire semplicemente le immagini e così facendo si mettono l'una sotto all'altra andando sempre a capo :/ usare questo codice con il "float" è l'unica soluzione che ho trovato... Non so usare bene i <li> perché in effetti ho provato anche questo:

<ul class= "c-menu-grid sfere-de-piacere-grid" style="margin-left:15px;width:auto;padding-bottom:15px;">

<li style="list-style: outside none none;">

<a href="il mio link">

<img src="{{media url="wysiwyg/pelvix_1.jpg"}}" alt="" />

<p class="text">Cono / Conchiglia</p>

<p class="descript">Per un pavimento pelvico eccezionale.</p>

</a>

</li>

<li style="list-style: outside none none;">

<a href="il mio link">

<img src="{{media url="wysiwyg/pallinedigeisha_2.jpg"}}" alt="" />

<p class="text">Esercizi Kegel</p>

<p class="descript">Muscola la **bleep** ahahah</p>

</a>

</li>

<li style="list-style: outside none none;">

<a href="il mio link">

<img src="{{media url="wysiwyg/ovettivibranti.jpg"}}" alt="" />

<p class="text">Ovetti Vibranti</p>

<p class="descript">Gioca a distanza.</p>

</a>

</li>

<li style="list-style: outside none none;">

<a href="il mio link">

<img src="{{media url="wysiwyg/pallinecinesi.jpg"}}" alt="" />

<p class="text">Palline di Geisha</p>

<p class="descript">Il piacere dall'oriente...</p>

</a>

</li>

</ul>

 

Ma niente da fare, anche in questo caso vanno tutte a capo anziche essere allieante :/

Il menu l'ho messo in "full width"  ma non so proprio come spiegare cosa ho... Non sono ancora esperta, porvo a leggere su forum ciò che mi serve ma non avendo nessun tipo di esperienza in css e html faccio un po' di fatica...