allineamento prodotti vetrina/homepage

[nembutol]

Ciao a tutti,
non riesco ad allineare le immagini dei prodotti in vetrina nella home page del mio sito. Per quanto abbia provato a modificare il numero delle righe e dei prodotti per riga, non ottengo nessun risultato.
Quel che vorrei capire è questo: è una questione di differenza della grandezza delle immagini (quelle che ho caricato sono di diversa misura, anche se ho impostato il ridimensionamento delle miniature/thumbnails a 300x300), oppure è necessario agire sui css?
aggiungo il link al sito per far capire meglio il problema: [size=78%]http://zooka.it/it/[/size]
Grazie!

[mmleoni]

ciao,
 mancano completamente i css! quindi sì, è necessario agire sui css. le impostazioni numero righe, prodotti per riga, prodotti per pagina, servono a disegnare l'html per la matrice dei prodotti, ma è comunque necessario l'intervento sui css per gli aggiustamenti grafici.

ciao,
marco

[nembutol]

Ciao Marco, grazie per il chiarimento!
Appena avrò un momento libero proverò a sistemare il css, essendo alle prime armi penso che mi ci vorrà un po', ma se riuscirò a far qualcosa, posterò qui i risultati!
Grazie ancora


Jacopo

[nembutol]

Ah, un'altra cosa.. il css su cui bisogna agire è quello del template (style.css), oppure uno dei css di virtuemart (ad es vmsite-ltr.css) ?
E' sufficiente modificare alcuni parametri all'interno del codice, o è necessario invece scrivere delle nuove regole?
Grazie ancora per l'aiuto!


Jacopo

[mmleoni]

io preferisco aggiungere un css mio in modo da non avere problemi in caso di aggiornamento, ed alcun template riservano un nome specifico per un css destinato proprio a questi interventi (va vista la documentazione).

per il resto l'intervento varia di caso in caso ed è solo l'esperienza a suggerire il giusto metodo di intervento.

ciao

[maia]

prova prima con firebug. Fai delle prove poi una volta sodisfatto tramite firebug stesso trova la riga dove sono archiviate e intervieni là. Come dice Marco è meglio un override

[nembutol]

Grazie ancora per i consigli!
Purtroppo il template che uso è uno di quelli gratuiti e non ho trovato alcuna documentazione a riguardo..nel sito dell'azienda naturalmente danno assistenza, ma solo per i prodotti acquistati!
Probabilmente andrà a finire che creerò un override ex novo  nella cartella css del template.
Credo di aver individuato con firebug le righe di css in cui vengono citate le righe ("rows") su cui vengono esposti i prodotti, devo solo capire come creare un ordine nella visualizzazione... In ogni caso in questi giorni mi sto studiando html e css, magari in qualche modo riuscirò a capire come fare..Mal che vada avrò imparato qualcosa di nuovo!

Vi comunicherò il risultato se il tutto andrà a buon fine!!
 
Jacopo

[nembutol]

Ciao a tutti di nuovo,
continuo a trovarmi bloccato sul da farsi. Ispezionando con firebug, mi dà come risultato che gli stili derivano principalmente da 2 .css : style.css e bootstrap.css, entrambi all'interno della cartella del template.
Ora, supponendo che io abbia intenzione di creare un'override, a quale css dovrei fare riferimento per fare le modifiche? E nel caso in cui riuscissi a creare questo css, come faccio a fargli avere la precedenza sugli altri fogli? Basta aggiungere !important alla fine di ogni riga?
Vi ringrazio per la pazienza e spero che mi possiate essere d'aiuto!
Ciao
Jacopo

[mmleoni]

ciao per effettuare un 'override di un css' è necessario specificare il nuovo valore dopo quello che si vuole sovrascrivere.
come già detto è buona cosa aggiungere un foglio css proprio ed includerlo nel template dopo quelli caricati dal sistema, in modo che eventuali aggiornamenti non vanifichino il lavoro svolto.


il modificatore '!important' va invece usato con molta parsimonia.


ciao

[nembutol]

Ciao Marco e grazie ancora per il supporto!
So di risultare probabilmente inopportuno con le mie domande, ma continuo a non capire.
Se nella cartella del template creo un nuovo CSS e lo chiamo miostile.css , il quale è di fatto una modifica con qualche aggiunta del file style.css (uno di quelli caricati dal sistema), come faccio ad attribuire la precedenza alle regole/informazioni del miostile.css rispetto a quelle di style.css?
Grazie!

[mmleoni]

è sufficiente che modifichi il file base del template (/templates/nomeTempl/index.php) inserendo l'inclusione del tuo css dopo gli altri presenti e comunque dopo <jdoc:include type="head" />


ciao

[nembutol]

Grazie Marco, adesso è tutto più chiaro!