DELUSIONE: Virtue Mart NON è responsive!

[Paperikat]

In questi giorni sto lavorando a VM e ho notato che l'ultima versione NON è responsive!
Mi chiedo come mai e se ci sono notizie su qualche aggiornamento in merito...

Tutti si stanno aggiornando per stare al passo e un e-commerce cosi usato, non solo per Joomla, non lo è?
Sto modificando a manina il CSS per cercare di farlo più vicino possibile ad un responsive, ma i parametri sono davvero tantissimi e non so se questo enorme lavoro che sto facendo possa poi andare in fumo in vista di qualche aggiornamento che è meglio aspettare...

Cosa mi consigliate di fare?

[giusebos]

guarda che non dipende da virtuemart ma dal tuo template.
Non tutti i template sono costruiti pensando a virtuemart, anzi chi lo fà lo specifica.

Devi lavorare sui css aggiungendo le regole che mancano per renderlo responsive, nello specifico devi usare le mediaquery, delle regole css specifiche per schermi e device.

Una mediaquery, ad esempio si scrive così

@media (min-width: 481px) and (max-width: 600px) {
    tuo_div {
           color: #ffcc00;
    }

}

la parte scritta in rosso è la mediaquery, tutto ciò che ci sarà scritto al suo interno, le regole in verde, saranno applicate ad uno schermo che abbia una larghezza minima di 481 px ed una larghezza massima di 600px.

Aiutati anche con l'estensioni per firefox "web developer toolbar" e "firebug".

Nella prima ci trovi una voce in resize>>view responsive layout che ti farà visualizzare il sito in anteprima nei vari formati, successivamente con firebug invece individuerai le classi su cui agire.

N.B. è possibile che web developer boolbar non abbia impostato qualche schermo (la misura), ma puoi aggiungere tutte le dimensioni che vuoi nelle opzioni.

[conti1]

ciao
scusate l'imtrusione ma se cambi teplate non fai prima? visto che vui stare al passo  con i tempi ma gia il template in uso non lo è.

[Paperikat]

Il template in uso nel mio Joomla è completamente responsive, perchè lo sto facendo io usando appunto le media query oltre le regole di base per renderlo responsive e cioè usando em e percentuali e uno schema fluido dei contenitori.

Le basi di VM non sono responsive e lo si capisce anche dall'uso dei px al posto degli em o delle percentuali che non ci sono...per esempio sto modificando la zona carrello e da solo senza modifiche non si adatta, mentre con le opportune modifiche si.

Io pensavo che almeno le basi di VM erano già impostate per essere responsive...

[giusebos]

.....devi sovrascrivere le regole, questo problema c'è per molte estensioni

[Paperikat]

.....devi sovrascrivere le regole, questo problema c'è per molte estensioni

In che senso?
Esiste già il CSS base responsive da usare?

OT: Non c'entra nulla, ma nella foto dell'avatar sei tu? Sembri Bruce Willis! 

[giusebos]

In che senso?
Esiste già il CSS base responsive da usare?

fai un override su un file custom

[Paperikat]

Ti chiedo scusa, ma non riesco a capire cosa mi vuoi passare.
Sto facendo il CSS a parte delle modifiche che mi servono usando firebug, non capisco cosa mi stai dicendo tu invece, per favore puoi essere più specifico?

Che file dovrei usare? Ne ha mille VM all'interno delle sue cartelle...

[giusebos]

non ti voglio passare nulla, al massimo un consiglio se ti fa piacere, ti sto dicendo che se non scrivi quelle modifiche in un file TUO PERSONALE, che forse hai ma io non posso saperlo, ad ogni aggiornamento di VM perderai queste modifiche. Da qui l'override dei file css.
 leggi qui

icagenda.it/sovrascrivere-i-css-e-perche.html

[Paperikat]

non ti voglio passare nulla, al massimo un consiglio se ti fa piacere, ti sto dicendo che se non scrivi quelle modifiche in un file TUO PERSONALE, che forse hai ma io non posso saperlo, ad ogni aggiornamento di VM perderai queste modifiche. Da qui l'override dei file css.
 leggi qui

icagenda.it/sovrascrivere-i-css-e-perche.html

Per passare intendevo insegnare/consigliare, insomma quello che hai fatto...
E si, uso gli override di tutto...

Però ripeto, rifare quasi tutto mezzo VM è davvero un casino...pensavo che almeno il CSS di base lo era già!
Pazienza...

P.S. Certo che mi fa piacere un consiglio, se non fosse cosi cosa scriverei a fare in un forum?! 

[giusebos]

MA tu prima di iniziare il lavoro, lo avevi provato VM con protostar?

Provare le estensioni con il template protostar, pure se poi ne useremo uno diverso, ci farà pianificare il lavoro e capire cosa ci sarà da sistemare, sia se usiamo un componente come VM, sia se usiamo adsmanager, icagenda o roksprocket.
testando joomla+protostar+estensioni che useremo, avremo subito una chiara idea della forma e del funzionamento.

Naturalmente parlo di protostar perchè è il template di default della versione attuale di joomla, in futuro sarà qualcos'altro.

Se ci pensi un attimo, con quale template credi che gli sviluppatori testino i loro componenti?
Proprio sul template che in assoluto sarà il più testato a livello mondiale.

Quindi sopratutto per chi ancora non ha chiaro come funzioni joomla e tutto ciò che ci gira in torno, questo template è il nostro miglior "alleato" nella costruzione iniziale di un sito.

[Paperikat]

Hem, no! 

Sinceramente non ci ho proprio pensato di fare prima cosi, io passo dal 2.5 al 3X di Joomla, che non pensavo di usare questa opzione.

Ho sempre modificato Joomla sin dalle prime versioni che non ho pensato di testare tutto prima, convinta che questo "tutto" andasse di pari passo, come sempre...ormai ho già pasticciato sul mio template, non mi resta che procedere e vedere cosa combino...

Appena il mio sito sarà pronto vorrei farvelo vedere e avere consigli per poterlo migliorare, non so quanto riuscirò a renderlo completamente responsive o comunque leggero, come sto sperando, per la navigazione...

Intanto grazie mille, grazie davvero per tutto il tempo che mi hai dedicato...grazie ancora!