Jump to content

[Risolto] Problema bordi homefeatured - prodotti in vetrina


Recommended Posts

Salve a tutti, sono un nuovo utente di Prestashop e ne sono davvero soddisfatto. Sto creando un sito e-commerce di prodotti enogastronomici e finqui sono rimasto soddisfatto delle potenzialità di Prestashop e della sua semplicità di utilizzo. :D

Ora però mi si è presentato un problema riguardante il modulo dei prodotti in vetrina.
Il fatto è che non riesco a creare una griglia decente, che risulta corta quanto una linea di articoli; ma non copre tutti gli altri fino al basso. Ho fatto parecchi cambiamenti e prove sul global.css ma nulla.
Ho inserito anche un' altezza al block_content contenuto nel css, ma non ne vuole sapere di allungarsi. Inoltre ho provato anche ad aumentare il valore liHeight contenuto nel homefeatured.tpl , e anche qui picche.

Non so più che fare.... :(

Il sito in questione è www.gustirari.com e se entrate potete vedere subito il problema.


Inoltre come posso fare per ridurre un pò la distanza che sta tra una foto e la descrizione corta??? Devo per caso ritoccare la classe product_desc??? Perchè anche questo mi aveva dato dei problemi...


Attendo vostre risposte :)

Grazie di tutto
Nicola

Link to comment
Share on other sites

Ciao è benvenuto,

senza utilizzare firebug, è difficile modificare anche le cose più banali ... se non sai cos'è il plugin per firefox di nome firebug sallo :-)

Per il tuo problema devi modificare il valore di height, file global_ie.css, riga 1227 a seguire, passando da
9.5em a 0.5em
Questo elimina lo spazio vuoto (la proprietà è riferita alla short description, che al momento è enorme rispetto al testo inserito)

Ciroco05

Link to comment
Share on other sites

Ciao grazie mille per la tempestiva risposta. Ho scordato di dire che ho sempre utilizzato Firebug, dato che è indispensabile :)

Solo che anche con Firebug non trovo una soluzione. Nel senso che, individuo la classe da modificare ma è come che le mie modifiche non le prenda. Sono addirittura andato a ritroso pensando che fosse nidificata con qualcun'altra (e che quindi avesse qualche forzatura che creava conflitto), ma anche aggiungendo/modificando/spostando altezze non ho trovato uan soluzione.

Ma nell' eventualità posso uppare il css per farvi dare uno sguardo????

Cmq grazie per la dritta :) sull'altro problemino:)

Nicola

Link to comment
Share on other sites

secondo me c'è un errore quando richiami il css per IE nella header
guarda la sintassi, tu hai scritto

  <link rel="stylesheet" type="text/css" href="http://www.gustirari.com/themes/Gustirari/css/global_ie.css" /><![endif]>



prova a modificare con

  <link rel="stylesheet" type="text/css" href="http://www.gustirari.com/themes/Gustirari/css/global_ie.css" /><![endif]-->



anche perchè questo file css non dovrebbe essere visibile con firebug,
invece va a sovrascrivere il global.css

facci sapere
ciao ;)

Link to comment
Share on other sites

Salve a tutti... innazittutto ringrazio ciroco e checco per l' aiuto. Effettivamente dopo aver letto i vostri consigli e con un po di pazienza sono riuscito ad ottenere un risultato migliore.

Ho dovuto giocare con liheight di homefeatured.tpl; ma ha funzionato solo dopo che ho ho impostato la stessa altezza nel #center_column .products_block .block_content del global.css.
Ora i bordi sono tutti al loro posto se non fosse che non compaiono le righe divisorie tra una riga di prodotti e l'altra... ora mi dovrò inventare qualcosa.

Per quanto riguarda il css per IE posso confermare che c'è qualcosa che non va. Firefox continua a fare riferimento sempre al global_ie.css e non ho capito perchè. Ho riscritto la stringa come mi ha detto checco, ma non è cambiato nulla. Firefox uso sempre il css destinato a IE. Possibile che debba inserire anche la regola per indirizzare FIrefox nel css giusto??

Link to comment
Share on other sites

Ciao,
probabilmente firefox legge ancora il global_ie.css perchè la chiusura non è corretta
dovrebbe essere così


.
( almeno, spero che sia per quello...)

Per quanto riguarda i bordi tra una riga e l'altra è perchè è impostato su "white" e su
sfondo bianco in effetti...
Prova ad impostare il border-bottom su un colore alla riga 1184 e vedrai che il bordo compare.

ciao ;)

Link to comment
Share on other sites

Grazie ancora... allora ho controllato la stringa ed è corretta.

Ho provato ad aggiungere :
<link rel="stylesheet" type="text/css" href="http://www.gustirari.com/themes/Gustirari/css/global.css" /><![endif]-->

Questo dovrebbe forzare Firefox ad indirizzarsi sul CSS corretto global.css. Quindi ora nel <head> del file header.tpl ho queste 2 stringhe:

<link rel="stylesheet" type="text/css" href="http://www.gustirari.com/themes/Gustirari/css/global_ie.css" /><![endif]-->


<link rel="stylesheet" type="text/css" href="http://www.gustirari.com/themes/Gustirari/css/global.css" /><![endif]-->

 



L' ho provato ed in effetti funziona, solo che in questo caso è IE a non riconoscere più il suo global_ie.css ... ma funziona solo global.css sia per IE che per Firefox...

Cos'è che sbaglio??? ancora non capisco !!! anche perchè a vista sembra tutto ok.

Forse sbaglio le sintassi di quelle stringhe??? Anche se non penso!!

Grazie ancora

saluti
Nicola

Link to comment
Share on other sites

controllando il tuo file sorgente, mi semba che tra i tag <head></head>
venga richiamamto solo il global_ie.css; il global.css a quel che si vede, no....
inoltre, prova per curiosità a non inserire spazi nell' endif, così

Link to comment
Share on other sites

checco e matte grazie per i vostri consigli ma ancora nulla...

Checco, non vedevi la seconda stringa perchè ormai l'avevo tolta un' altra volta per fare altre prove... Per quanto riguarda
Matte89 ho provato anche il tuo consiglio, ma non ha funzionato.

Vi ringrazio ugualmente :) , ora provo una soluzione alternativa e poi vi faccio sapere

Niko

Link to comment
Share on other sites

Cioè scusa? fammi capire, senza il global_ie.css cosa succede?
Te lo prende comunque?

Direi impossibile, a sto punto, non essendo la chache del tuo browser perchè la vedo pure io, sei sicuro di stare lavorando in themes/xxx/css ??

E sei sicuro che il tuo client ftp funzioni bene? un sacco di volte filezilla si inchioda su upload e non mi scrive anche se dice che è tutto ok!

Io elimino il file da consolle ssh e lo riuppo da filezilla!

Fai questa prova, senza il file non può prendertelo comunque!

A giusto IMHO , ma cosa c'è che non va nel css che prendono tutti i browser ? a me il tuo sito sembra allineato bene, oltre che molto ben fatto!!

PPS Dov'è il cannonau ILISI di Puggioni? Le più belle sbronze della mia vita :P

Link to comment
Share on other sites

Allora riepiloghiamo :

Se inserisco solo la stringa <link... ...global_ie.css” /><![endif]—>
anche firefox prende il global_ie.css (invece del classico global.css)


A questo punto ho pensato bene di forzare anche il riconoscimento da parte di FIrefox e perciò, oltre alla stringa precedente ho inserito anche
<link... ....global.css” /><![endif]—>
in questo caso però è IE a crearmi problemi, andando a prendersi il global.css (invece di global_ie.css).


Per quanti riguarda gli altri dubbi che mi hai detto posso dirti che sono sicuro di lavorare nelle cartelle giuste (al 100%).

Come client FTP sto usando Fireftp e nn è un problema di quest' ultimo. Sono sicuro di questo perchè avendoci già pensato anche io ho provato a fare altre piccole modifiche di prova al file header.tpl e me le prende tutte.

Infine posso dirti che il sito non viene sballato molto da IE, ma presenta comunque dei problemi di allineamento nell header e nel fondo di "featured products", oltre a molti altri piccoli problemini. Potrei sorvolare ma ci sto lavorando da troppo tempo, e voglio che sia perfetto (anche perche questo è davvero un gran bel progetto di esportazione di prodotti che non si limita solo all' ecommerce che vedi).


PPS Penso che in enoteca ce l'abbiano pure quel vino, anche perchè dovremmo caricare piu di 3000 prodotti; quindi ora nn ricordo....
Io comunque penso che ti sbronzeresti bene anche con gli altri hiihhihihihihi
Se vuoi te ne mando un furgone di quel vino :D


Grazie
Niko

Link to comment
Share on other sites

scusa, perchè per prova non inserisci il richiamo generico?

<!--[if IE]><link rel="stylesheet" type="text/css" href="http://www.gustirari.com/themes/Gustirari/css/global_ie.css" /><![endif]-->



ormai le hai provate tutte...

Link to comment
Share on other sites

Allora riepiloghiamo :

Se inserisco solo la stringa <link... ...global_ie.css” /><![endif]—>
anche firefox prende il global_ie.css (invece del classico global.css)


A questo punto ho pensato bene di forzare anche il riconoscimento da parte di FIrefox e perciò, oltre alla stringa precedente ho inserito anche
<link... ....global.css” /><![endif]—>
in questo caso però è IE a crearmi problemi, andando a prendersi il global.css (invece di global_ie.css).


Per quanti riguarda gli altri dubbi che mi hai detto posso dirti che sono sicuro di lavorare nelle cartelle giuste (al 100%).

Come client FTP sto usando Fireftp e nn è un problema di quest' ultimo. Sono sicuro di questo perchè avendoci già pensato anche io ho provato a fare altre piccole modifiche di prova al file header.tpl e me le prende tutte.

Infine posso dirti che il sito non viene sballato molto da IE, ma presenta comunque dei problemi di allineamento nell header e nel fondo di "featured products", oltre a molti altri piccoli problemini. Potrei sorvolare ma ci sto lavorando da troppo tempo, e voglio che sia perfetto (anche perche questo è davvero un gran bel progetto di esportazione di prodotti che non si limita solo all' ecommerce che vedi).


PPS Penso che in enoteca ce l'abbiano pure quel vino, anche perchè dovremmo caricare piu di 3000 prodotti; quindi ora nn ricordo....
Io comunque penso che ti sbronzeresti bene anche con gli altri hiihhihihihihi
Se vuoi te ne mando un furgone di quel vino :D


Grazie
Niko


Io però su un punto ancora non capisco , scusa ma se viene sempre caricato global_ie.css , come mai dici di avere dei problemi con IE?

Con firefox viene indicizzato tutto bene anche con il global_ie.css, per cui su IE dovrebbe andare se ti carica SEMPER global_ie.css!

Capito cosa voglio dire? In teoria dovrebbero essere gli altri browser a darti problemi, ricevendo solamente il global_ie.css invece del generico!!

Inoltre, sempre perchè siamo nel campo dell'assurdo, prova a usare i link nella forma /xxxx pure per il global_ie.css invece del link assoluto!

E non mi hai ancora detto cosa succede se elimini il global_ie.css, a quel punto cosa carica chrome? il nulla?

fai sta prova grazie


Ah e quasi dimenticavo, "if IE" sei sicuro che sia una dichiarazione valida?? a me risulta che si debba mettere IF IE7 come minimo!!

Fai un po sta prova, perchè se IF IE non gli piace può prenedre il secondo CSS solo perchè è più in basso nel codice!

Inverti anche l'ordine delle dichairazioni e dimmi che succede
Link to comment
Share on other sites

Io però su un punto ancora non capisco , scusa ma se viene sempre caricato global_ie.css , come mai dici di avere dei problemi con IE?


Non viene sempre caricato global_ie.css. Se metto la stringa per IE; Firefox e IE va a prendersi global_ie.css
Se poi aggiungo anche la stringa per Firefox; IE e Firefox vanno a a prendersi global.css.


Con firefox viene indicizzato tutto bene anche con il global_ie.css, per cui su IE dovrebbe andare se ti carica SEMPER global_ie.css!


Firefox funziona male con global_ie.css, dato che questo css è stato impostato apposta per IE.

Inoltre, sempre perchè siamo nel campo dell'assurdo, prova a usare i link nella forma /xxxx pure per il global_ie.css invece del link assoluto!


Fatto. Stessa storia... non si risolve il problema...

E non mi hai ancora detto cosa succede se elimini il global_ie.css, a quel punto cosa carica chrome? il nulla?


Chrome si comporta in tutto e per tutto come Firefox... Dai comportamenti sembrano 2 browser identici... Quindi presuppongo che utilizzi global.css.

Ho fatto comunque questa prova. Ho eliminato il file global_ie.css.
Nel file header.tpl ho inserito solo la stringa:

<link… …global_ie.css” /><![endif]—>

In questo caso IE, Firefox, Chrome hanno caricato tutti e 3 il global.css . Questo mi fa pensare che l'errore sta nella stringa che ho scritto e non nei file css o chissa dove....

Ah e quasi dimenticavo, "if IE" sei sicuro che sia una dichiarazione valida?? a me risulta che si debba mettere IF IE7 come minimo!!


Io so che è valida e funziona e anche provando a inserire IE 7 da lo stesso problema.

Inverti anche l'ordine delle dichairazioni e dimmi che succede


Fatto ... nulla di nuovo... sempre il solito problema...

Ma io mi chiedevo, esiste un modo per scrivere le istruzioni dentro un unico css??
Mi spiego... ad esempio ho un div a cui do un' altezza di 400px... posso mettere un' istruzione in modo che quell' altezza su IE sia 350px??? In modo da averle tutte scritte in unico css e risolvere tutti quei problemi col caricamente del file css giusto...

Che ne dite???
Sto impazzendoooooooOoOoooo
Link to comment
Share on other sites

certo che puoi, infatti volevo quasi suggerirtelo, soprattutto se le regole non sono tanto numerose
da giustificare la scrittura di un nuovo foglio di stile;
se hai un div di altezza 400 e vuoi altezze diverse su ie7 e ie6 devi scrivere:

.height:350px; //per ie7
_height:350px; // per ie6



a questo modo dai delle regole precise ai diversi browser nello stesso documento.

ciao ;)

Link to comment
Share on other sites

ariSalve a tutti... ho provato ad aggiungere le regole condizionali all' interno del global.css.

Volevo principalmente regolare l' altezza dei bordi dell' homefeatured, in modo che combaciassero con il fondo dell' ultima riga di articoli e risultasse tutto preciso.

Ho cercato #center_column .products_block .block_content { in global.css
e ho regolato l' altezza. In Firefox quella ottimale è 1690 px. In IE dovrebbe essere poco piu grande.

Cosi dopo

height: 1690px;

ho aggiunto

[if IE] height:1730px;

RISULTATO?????

NON FUNZIONA LO STESSO ... mannaggia... non prende nulla... è come se non avessi cambiato niente...
ho provato anche scrivere:

[if IE 7] height:1730px;

e non succedde nulla...

Addirittura ho provato a vedere il sito con IE6 ed è uno schifo... un super CASINO TOTALE dove nessuna cosa è al suo posto... A questo punto mi viene da pensare che nn troverò mai dove sta l'errore ... e ho fatto tanto lavoro per niente... proprio ora che sono vicino alla fine!!!! Ma è mai possibile tutto ciò???
______

Ma ora mi chiedo... Se IE7 non prende nessuna regola CSS dove può essere il problema????????????????????? Ho provato anche ad invertire le altezze, cioè a scrivere prima ....[if IE 7] height.... e poi l'altezza normale (Firefox) ma nulla...

Non è che forse ho sbagliato a scrivere le regole???? Si scrivono cosi?

E' UFFICIALE . IE MI STA FACENDO IMPAZZIRE!

Link to comment
Share on other sites

Ciaoo
prova a cambiare homefeatured.tpl così da:

{assign var='liHeight' value=282}<!--342-->

a {assign var='liHeight' value=284.33}

e poi dovresti generare il files robots.txt e aggiungere anche le altre directory che non include nel file creato di default , per aumentare la sicurezza del tuo sito (non ti arrabbiare se ho curiosato nei tuoi files)

Ciaooo

Link to comment
Share on other sites

Ciao Maifree grazie per il consiglio sul file robots.txt .... lo farò al piu presto dato che comunque ancora il sito non è ancora finito del tutto.
Per quanto riguarda gli altri problemi mi ha dato una mano "checco" che mi ha fatto notare che c'era qualche errore di dintassi e dopo qualche correzzione e prova ora è praticamente apposto.

Grazie a tutti per l'interessamento :)

Siete grandi
saluti

Niko

Link to comment
Share on other sites

La cosa strana è che con firefox del sistema mac ,per sistemare la griglia basta porre 282.78 e da firefox di linux 284.33.
Prova a rimettere il modulo base e modificare solo questo parametro oltre ai prodotti per linea
ciaoo

Link to comment
Share on other sites

  • 8 months later...

ciao e grazie a tutti per lo splendido lavoro e per i consigli che date a chi come me ne ha veramente bisogno.
Ho aggiornato alla 1.4 e dopo una serie allucinante di problemi, ne sto venendo fuori lentamente....
Ho utilizzato un theme ottenuto dalla modifica di etblack, ma mi da una cosa strana, settando 4 prodotti in vetrina, me ne vengono 3 sopra ed uno sotto. dove devo intervenire?
il link al sito è www.softairzone.it
P.S. per Maofree, i tuoi moduli sono semplicemente stupendi, se continui così apro il tuo fansclub.....

Link to comment
Share on other sites

Ciao william1274
mi hai fatto ridere con il fansclub
credo che per risolvere il tuo problema basta che editi global.css alla riga 1257 cambiando width a 132px
e poi per centrare il blocco alla 1248 modifichi il padding tipo 0 0 0 1px

ciaooo

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...