Alcuni chiarimenti

[nerocicuta]

Salve a tutti sono nuovo e dovrei modificare la grafica di prestashop.
Avrei alcune domande, in quanto non mi è ancora ben chiaro come è strutturato il tutto, ho capito che usa Smarty ma certe cose non riesco a trovarle.

Ad esempio io volgio modificare l'header, ho trovato header.tpl ma non c'è nulla che riguarda il search, il link a sitemap la valuta ecc... dove trovo quegli elementi??

Un'altra domanda, io vorrei mettere il breadcrumb nell'header ma se ce lo metto non funziona(mi da sempre Home), mentre se lo metto nell'header si, qualcuno ha qualche tips per far funzionare breadcrumb?

grazie a tutti.

[paman]

Salve a tutti sono nuovo e dovrei modificare la grafica di prestashop.
Avrei alcune domande, in quanto non mi è ancora ben chiaro come è strutturato il tutto, ho capito che usa Smarty ma certe cose non riesco a trovarle.

Ad esempio io volgio modificare l'header, ho trovato header.tpl ma non c'è nulla che riguarda il search, il link a sitemap la valuta ecc... dove trovo quegli elementi??

grazie a tutti.

Ciao e benvenuto

per modificare la grafica del tema devi agire sul global.css del tema

comunque dai uno sguardo alla cassetta degli atrezzi ci trovi tutto l' occorrente

http://www.prestashop.com/forums/viewthread/16652/programmazione_moduli_design_e_temi/sviluppo_in_prestashop_la_cassetta_degli_attrezzi

un saluto

[paman]

Un'altra domanda, io vorrei mettere il breadcrumb nell'header ma se ce lo metto non funziona(mi da sempre Home), mentre se lo metto nell'header si, qualcuno ha qualche tips per far funzionare breadcrumb?

grazie a tutti.

Riguardo il breadcrumb avevo letto qualcosa sul forum francese - fai una ricerca utilizzando - breadcrumb - come termine e vedi cosa ti viene fuori.

Ciao

[nerocicuta]

Ciao e intanto grazie per le info,
si ho visto che nel global.css si puo' modificare l'aspetto ma solo quello, per farmi capire io non voglio che le CURRENCY stiano in quella posizione come non voglio che neanche il SEARCH stia li, vorrei aggiungere altri link oltre a quelli che già ci sono, quindi vorrei capire qual'è la pagina che contiene questo {$HOOK_TOP}... ci sarà una pagina dove sono scritte? sto cercando da tutta la mattina ma non riesco a venirne fuori..

La il breadcrumb ho già cercato ma niente... voi non avete mai avuto l'esigenza di spostarlo? la cosa piu' sensata a mio giudizio è metterla nell'header anche perchè c'è piu' spazio ed è meglio visibile.

Grazie ancora!

[paman]

si ho visto che nel global.css si puo' modificare l'aspetto ma solo quello, per farmi capire io non voglio che le CURRENCY stiano in quella posizione come non voglio che neanche il SEARCH stia li,

non solo l' aspetto ma anche le posizioni global.css

I fogli di stile a cascata, meglio noti con l'acronimo CSS (dall'inglese Cascading Style Sheet) e detti anche semplicemente fogli di stile, vengono usati per definire la rappresentazione di documenti HTML, XHTML e XML. Le regole per comporre i fogli di stile sono contenute in un insieme di direttive (Recommendations) emanate a partire dal 1996 dal W3C. L'introduzione dei fogli di stile si è resa necessaria per separare i contenuti dalla formattazione e permettere una programmazione più chiara e facile da utilizzare, sia per gli autori delle pagine HTML che per gli utenti.


esempio

#header {global.css (riga 184)
float:left;
height:100px;
text-align:right;
width:71%;

http://www.daveegerton.com/prestashop-guides/Prestashop-Designers-Guide/Themes/modifying-the-default-prestashop-theme.html

qui trovi una guida molto carina


e poi dipende bove vuoi mettere CURRENCY e SEARCH

ciao.

[nerocicuta]

Si esatto e cmq il css non mi da la possibilità di dire dove và quel dermininato elemento, prima lo devo posizionare poi col css gli dico come comportarsi in quella posizione.. forse non riesco a farmi capire, faccio la domanda in maniera diversa sperando di risolvere il mio problema: come faccio ad inserire un mio link a piacimento tra CONTACT e SITEMAP? dove trovo questi elementi nelle pagine?

Grazie ancora
ciao.


PS: grazie per il link, già visto ma non mi è stato di grande aiuto..

[MisterB]

Ciao,
io credo di aver capito quello che vuoi fare, mi sono trovato anche io nel tuo stesso problema, dovendo fare modifiche sostanziali (come aggiungere link o mettere un'immagine molto grossa sopra a tutto, spostare totalmente la ricerca etc.

la soluzione che ho trovato io, che forse non è delle + pulite ma che sicuramente di da la maggiore libertà possibile è:

modificare il file header.tpl inserendo all'interno del div page quello che ti serve, inoltre ho eliminato il modulo ricerca e ho messo i link direttamente, per capirci ti metto di seguito il pezzo del mio header.tpl che dovrebbe interessarti

<!-- Header -->


               <!--        -->






                           <form action="search.php" method="GET">
                           <INPUT TYPE="TEXT" NAME="search_query" style="margin: 0; padding:0; margin-top: 4px; background-color: transparent; height: 19px; width: 120px;  border: 0; background-image: url(themes/xxxxxxx/img/topicon/topbutt_09.gif);" />
                           <input name="Cerca!" type="image" src="themes/xxxxxxx/img/topicon/topbutt_12.gif" alt="Cerca!" title="Cerca!" style="margin: 0; pagging:0; margin-top: 6px;  border:0;" />
                           </FORM>


                   {$HOOK_TOP}

Per capirci per esempio la sitemap ha link sitemap.php etc

Spero di esserti stato d'aiuto

Saluti

[nerocicuta]

Si esatto!!!!
il mio problema che la grafica così com'è non interessa io devo poter essere libero di fare la grafica (già è pronta!!) e poi piazzarci dentro i moduli cosa che non riesco perchè non capisco bene come è strutturato.. come hai fatto tu è praticamente quello che è venuto in mente a me, solo che alla mia prima pensata mi sono già schiantato ovvero il breadcrumb, se lo metto nell'header non funziona................ bella stron...ta e come dicevo prima, io voglio poter spostare gli elementi, solo che sti elementi non si trovano... nell'header.tpl per gli elementi top richiama solo {$HOOK_TOP} che ancora devo capire cosa sia... come nella index.tpl.... nel frattempo sono riuscito a capire dove sta il blocco della currency, in blockcurrencies.tpl... quindi se vado di logica nell'header ci stanno un sacco di blocchi (blockcurrencies.tpl, blocklanguages.tpl ecc), ma qual'è la pagina che li racchiude tutti?????

Intanto provero' a fare come hai fatto tu Svarione, ma la documentazione ufficiale quando uscirà?
Grazie per l'aiuto mi sa che devo famme de coca per accapezzarmici...

[MisterB]

ehehe lascia stare quelle schifezze li che di stroncano il cervello

Cmq io credo di aver capito un pò come funziona, praticamente non esiste la pagina HOOK qualsiasi cosa ma bensì è nei moduli che gli dici dove si deve ancorare! se tu guardi i file php e tpl dei moduli dovresti capire cosa voglio dire, ci sono delle funzioni apposta che dicono proprio dove devono andare (e quindi modificandoli puoi spostare con semplicità i moduli da un hook all'altro!)... in altre parole le modifiche essenziali per spostare e modificare un modulo sono 2 prima cambiare l'hook nel php del modulo e poi i tpl.

Se invece vuoi cambiare la posizione senza rispettare gli hook le cose diventano + difficili perchè devi entrare nel meccanismo del modulo...

in realtà, devo ancora leggerlo bene, ma ho visto che si possono aggiungere gli hook dove vuoi... quindi insomma, anche se la documentazione di prestashop è inesistente, non farti scoraggiare da una prima vista ostica perchè a furia di provare si entra abbastanza nel meccanismo e si scopre che in realtà puoi fare tutto quello che vuoi a livello grafico!

Saluti

Simone

[paman]

ma ho visto che si possono aggiungere gli hook dove vuoi... quindi insomma, anche se la documentazione di prestashop è inesistente, non farti scoraggiare da una prima vista ostica perchè a furia di provare si entra abbastanza nel meccanismo e si scopre che in realtà puoi fare tutto quello che vuoi a livello grafico!
Simone

Come diceva svarione si possono creare e aggiungere gli hook, ma la cosa richiede un bel po di lavoro, per farti un esempio del lavoro che ci vuole vedi qua:

http://www.prestashop.com/forums/viewthread/16632/general_discussion/wiki_guide

spero possa esserti utile

[nerocicuta]

Hehe hai ragione ma quì mi manda a parlare da solo... mi sembra così strano che per spostare dei moduli bisogna faticare così...
Il fatto è che adesso ho trovato tutti gli elementi ma ancora non capisco come fa HOOK_TOP a chiamare tutti quei blocchi, dove si trova la funzione?? ho provato nell'header ad includere {include file=$tpl_dir./blockuserinfo.tpl} ma non mi visualizza nulla.. sicuramente non è così che si deve includere ma non so come sganciare i pezzi da questo HOOK_TOP..... aiuto..

[nerocicuta]

ma ho visto che si possono aggiungere gli hook dove vuoi... quindi insomma, anche se la documentazione di prestashop è inesistente, non farti scoraggiare da una prima vista ostica perchè a furia di provare si entra abbastanza nel meccanismo e si scopre che in realtà puoi fare tutto quello che vuoi a livello grafico!
Simone

Come diceva svarione si possono creare e aggiungere gli hook, ma la cosa richiede un bel po di lavoro, per farti un esempio del lavoro che ci vuole vedi qua:

http://www.prestashop.com/forums/viewthread/16632/general_discussion/wiki_guide

spero possa esserti utile

si è utile e ti ringrazio, alla faccia del''ecommerce semplice uno gli ha pure risposto "easy to understand"... io ancora devo capire di che parla..

cioè quindi misa che ci devo rinunciare..

[disarci]

1) gli hook sono un sistema semplice per gestire la posizione dei moduli
a) l'utente medio può spostare i moduli semplicemente dal back office
l'utente avanzato può crearsi i suoi hook (v. creare un hook in 6 "semplici" passi)
c) mettere e togliere moduli è affare di un secondo
2) non si devono mettere a mano i moduli, in quel caso perdi il 40% delle funzioni di prestashop
3) la posizione e il fatto che un modulo sia legato ad un hook, e gli hook, hanno una loro tabella nel db
4) ovviamente un modulo hookkabile in una posizione oltre che ad avere la funzione per essere hokkabile deve anche avere un tpl (file di template con il disegno di come deve essere posizionato) adatto alla posizione (es. il modulo in home page: editorial, non puoi metterlo in un header, non ci starebbe, quindi è bloccato e non ha il tpl adatto)
5) un hook contiene diversi moduli, quindi non conviene (anche se a volte l'ho fatto) spostarlo in un altra posizione per spostare il modulo.


Nota Negativa:
alcuni moduli non seguono lo standard e non sono posizionabili in tutti gli hook, vedere centinaia di post che abbiamo scritto su cose si aggiustano i moduli non risposizionabili

[nerocicuta]

1) gli hook sono un sistema semplice per gestire la posizione dei moduli
a) l'utente medio può spostare i moduli semplicemente dal back office
l'utente avanzato può crearsi i suoi hook (v. creare un hook in 6 "semplici" passi)
c) mettere e togliere moduli è affare di un secondo
2) non si devono mettere a mano i moduli, in quel caso perdi il 40% delle funzioni di prestashop
3) la posizione e il fatto che un modulo sia legato ad un hook, e gli hook, hanno una loro tabella nel db
4) ovviamente un modulo hookkabile in una posizione oltre che ad avere la funzione per essere hokkabile deve anche avere un tpl (file di template con il disegno di come deve essere posizionato) adatto alla posizione (es. il modulo in home page: editorial, non puoi metterlo in un header, non ci starebbe, quindi è bloccato e non ha il tpl adatto)
5) un hook contiene diversi moduli, quindi non conviene (anche se a volte l'ho fatto) spostarlo in un altra posizione per spostare il modulo.


Nota Negativa:
alcuni moduli non seguono lo standard e non sono posizionabili in tutti gli hook, vedere centinaia di post che abbiamo scritto su cose si aggiustano i moduli non risposizionabili

Disarci mi hai dato una informazione IMPORTANTISSIMA.... gli HOOK hanno una tabella!!!! adesso ho capito molte piu' cose stanno tutte li!!!!
Intanto grazie ragazzi, adesso devo scappare devo portare mia moglie dal gine che è in cinta, domani o stasera per chi c'è riprendiamo l'argomento visto che queste cose me le sto segnando mano mano magari faccio un documento e lo posto per i neofiti come me!!!

ciao ragazzi e grazie ancora.

[MisterB]

Innanzi tutto felicitazioni per la prole

Secondariamente fidati quando ti dico che all'inizio mettere mano ai moduli e a tutte le cose sembra difficile ma in realtà non è così un casino... per entrare completamente nell'idea ti consiglio di studiarti bene smarty che se vuoi modificare fare e brigare con prestashop ti fa entrare nel meccanismo

[disarci]

Tanti auguroni a tua moglie (qualche info in +:settimana,se primo,m/f...) le felucitazioni a più avanti

[nerocicuta]

Buongiorno a tutti ragazzi, grazie degli auguri :-)!!!!!
Non so se maschio o femmina, ancora presto sono circa al 2 mese e mezzo primo figlio... ancora grazie.

Allora io sono andato molto avanti tra ieri sera e stamattina, ho capito molte cose e molte altre un po' meno pero' il fatto che gli hook risiedono in una tabella mi ha sbloccato lo sviluppo del sito, sono riuscito a smembrare HOOK_TOP e quindi mi sono preso i pezzi che mi servivano per adattarli alla grafica, diciamo che il frontend è quasi pronto poi appena finito postero' l'url. Per adesso ho fatto come Svarione modificando cio' che mi serviva nei .tpl e modificando anche i CSS, non è proprio la cosa piu' pulita ma finchè non c'è un manuale vero questo è quello che posso fare, anche se alla fine non è che non sia chiaro e organizzato, anzi pero' se si poteva fare di piu' tanto meglio.

Cmq devo cambiare l'immagine centrale, devo mettere uno slideshow fatto in flash, qualcuno sa qual'è il modulo o la funzione per modifcare la parte cengtrale dell'immagine?

Grazie ragazzi.

[disarci]

Il modulo della home page (centrale) è
editorial,

che (mi ripeto) ma è orribile,
con un file xml per i dati :-(

Moduli già fatti per l'home (flash o java):
http://www.prestamodules.com/prestashop/11-vetrina

[FattyJoe]

Ciao nerocicuta, piacere di conoscerti innanzitutto

Sull'argomento dei template ci sarebbe da parlare parecchio, qui mi limito a darti delle dritte che ti semplificheranno il lavoro.

Il codice di aggancio (i vari HOOK) che trovi nei .tpl genera si del markup XHTML "invisibile" ma sono altresì ampiamente modificabili isolando i loro componenti e apportando le opportune modifiche al file global.css
Es. pratico:

HOOK_PIPPO =

<?php echo $variabile_php_o_che_so_io ?>

global.css = div#pluto {regole css del div} div#pluto a {regole css del link contenuto in "pluto"}

In questo caso basta appunto intervenire sulle regole del global.css, senza andare a scomodare il markup. Per sapere cosa andare a modificare nel global.css ti consiglio di utilizzare il plugin Firebug per Firefox. Ti permette di analizzare il codice della pagina con il relativo css in maniera semplicissima

La cosa cambia leggermente nel caso tu volessi proprio spostare fisicamente il blocco del markup da un punto all'altro del template. In questo caso ci sono due vie (già citate da disarci, mi pare): Modificare la posizione del modulo attraverso il Back Office (non sottovalutare mai quest'opzione ) oppure crearsi un hook personalizzato. C'è una guida apposita da qualche parte sul forum se intendi approfondire la questione.


Riguardo alla breadcrumb, essa non è altro che un file .tpl (breadcrumb.tpl) che viene di default associato al modulo di ricerca. In pratica, la breadcrumb viene richiamata automaticamente dal modulo search e se infatti vai a guardare nel file search.tpl, all'inizio trovi la dicitura:

{include file=$tpl_dir./breadcrumb.tpl}

Questa istruzione di smarty fa si che il file bradcrumb.tpl (che è appunto il markup che ti interessa) venga aggiunto subito prima della barra di ricerca.

Se tu volessi spostare ENTRAMBE le cose (barra di ricerca e breadcrumb) ad esempio nell'hook della colonna di destra, basterebbe andare nel Back Office e posizionare il modulo della ricerca nella posizione "colonna destra".

Se invece vuoi scorporare le due cose e mettere la breadcrumb da tutt'altra parte, devi tagliare quella stringa di codice che ti ho isolato dal file search.tpl e andarla a copiare nel punto del markup (e quindi nel .tpl appropriato) dove desideri posizionarla.


Spero di esserti stato utile. Per qualsiasi cosa non esitare a mandarmi un pm/ e-mail o skype, come preferisci

Infine, mi associo agli altri nelle felicitazioni per la tua prossima paternità

Giovanni

[Germanoufo]

Domanda ma perchè stai impazzendo per sistemare i vari blocchi nell' header che riesci a gestire in modo molto semplice con posizioni e allineamenti css oppure se hai un po di pazienza arriverà la mitica barra di vinoalvino

Se magari posti una bozza di cosa vorresti avere possiamo darti una dritta in più


Il sistema non è complesso ma bisogna prenderci la mano

Ciao ;-)

[nerocicuta]

Allora intanti grazie ancora ragazzi.. siete molto.. come dire.. brillanti! e questo è un bene per un prodotto opensource! Grazie a FattyJoe per l'esauriente spiegazione, ho capito che devo studiare di piu' i css, pero' il breadcroumb non sono riuscito a farlo funzionare, io avevo trovato quella stringa e la mettevo nell'HEADER.TPL ma non funziona, mi appare sempre e solo HOME, se lo metto nel FOOTER.TPL funziona invece... non capisco.. forse nell'header ancora non ha le variabili piene..
Per Germanoufo che ringrazio anche lui, io vorrei capirlo per smanettarmelo come piu' mi piace, la barra di vinoalvino sarà eccezzionale ma ogni sito è differente e io devo poter addare grafica ai contenuti, sinceramente mi aspettavo una cosa piu' semplice per il posizionamento dei moduli... tipo joomla invece ci sto mettendo parecchio, sarà anche la mancanza di documentazione pero' non è intuitivo al max.. cmq ragazzi sono quasi alla fine, mi manca veramente poco per sistemare il tutto, forse un'altro giorno di lavoro e poi è pronto.. ovviamente poi avro' bisogno di una mano per il pagamento con carta di credito, che li proprio non saprei dove mettermi le mani!!!!!

[nerocicuta]

PS: con firebug ci lavoro per forza... con un css di 2000 righe senza sarebbe impossibile!!!! :bug:

[FattyJoe]

sinceramente mi aspettavo una cosa piu' semplice per il posizionamento dei moduli... tipo joomla invece ci sto mettendo parecchio, sarà anche la mancanza di documentazione pero' non è intuitivo al max

Guarda, se joomla ti sembra molto configurabile, una volta imparato PrestaShop farai veri e propri miracoli.

Prestashop per sua struttura ti permette di personalizzare TUTTO senza mai andare a far uso di orribili tabelle (cosa in cui joomla deve migliorare ancora moltissimo).

Devi solo entrare nel meccanismo

Auguri

[disarci]

Risposta tecnica:

se lo metto nel FOOTER.TPL funziona invece… non capisco.. forse nell’header ancora non ha le variabili piene

Hai visto giusto la maggior parte delle variabili le carica nell'header.php
L'init fa solo delle verifiche e le prime costanti o variabili basilari.

[MisterB]

se proprio è essenziale metterlo nell'header per la grafica che hai pensato potresti semplicemente usare per la classe breadcrumb position: absolute nei css e così sei a posto... certo usare gli absolute non è il massimo ma almeno puoi fare quello che vuoi senza problemi!!

[Germanoufo]

Ma scusate non è meglio inserire un hook dedicato ai bradcrumb ?

HOOK_BREAD

e così risolve la modifica in modo corretto ?

Se avessimo il link magari riusciremmo a cpaire di che tipo di modifica vuoi fare e riusciremmo a essere più precisi

Ciao ;-)

[nerocicuta]

Purtroppo il sito ce l'ho solo in locale, non ho ancora lo spazio web pronto, cmq la mia modifica è molto semplice, invece di avere il Bradcroumb nella colonna centrale del sito, lo voglio nell'header tutto quì...

[Germanoufo]

Un semplice screnshot della parte interessata magari avremmo un po di idea di questo template come dovrebbe essere

Ciao ;-)

[nerocicuta]

Ma scusate non è meglio inserire un hook dedicato ai bradcrumb ?

HOOK_BREAD

e così risolve la modifica in modo corretto ?

Se avessimo il link magari riusciremmo a cpaire di che tipo di modifica vuoi fare e riusciremmo a essere più precisi

Ciao ;-)

Eccolo in allegato praticamente nel riquadro rosso deve venire giu' una riga ove andrà la breadcroumb in orizzontale...

[Germanoufo]

adesso ho capito li vuoi far comparire sempre o solo in determinate pagine ?

questo richiama nel file .tpl il bradcrumb.tpl

{include file=$tpl_dir./breadcrumb.tpl}

e devi metterlo nel file header.tpl dovresti risolvere il tuo problema ( non ho testato prova )

Ciao ;-)

[nerocicuta]

Deve comparire sempre li.. e' quello che ho già fatto, ma mi esce solo Home.. non fa vedere gli altri link..

[MisterB]

sisi ha ragione non si può fare come propone germanoufo inquanto le variabili vengono settate dopo come ha fatto notare disarci... secondo me c'è poco da fare a parte l'absolute...

Simone

p.s
mi sa che non hai usato la versione in italiano di prestashop ma l'header è in italiano... forse può servirti questo link http://www.prestamodules.com/prestashop/29-prestashop-italia-11.html

[nerocicuta]

Scusate ragazzi stavo provando il sito in generale, ho fatto alcuni ordini di test solo che quando do l'ok per l'ordine, ovvero alla fine, mi visualizza una pagina semibianca senza la colonna di destra e non mi scrive nulla... come nell'immagine allegata... poi se controllo negli ordini è tutto regolare, l'ordine c'è ed è tutto a posto, percaso quella schermata è da configurare??

grazie :-)

[eguido]

Salve a tutti,

sono un eBottegaio che da anni utilizza il buon vecchio oscommerce. Da più di un anno mi sono ripromesso di "migrare" verso prestashop ma solo ora, grazie all'estate, ho trovato un pò di tempo per iniziare questa nuova avventura.

Ho installato l'ultima versione di prestashop in locale e funziona perfettamente.

Ora mi accingo ad effettuare le varie modifiche al tema grafico.

Ho notato che esistono delle funzionalità per l'installazione di vari moduli e per spostare i blocchi direttamente dal pannello di amministrazione.

Ho visto che prestashop si configura grazie al cielo usando i CSS e file template.

Il tutto è molto diverso da oscommerce che ormai gestivo benissimo...

Ho provato a documentarmi online e tra le altre cose ho visto che non sono l'unico che ha avuto qualche piccolo trauma iniziale nell'apprendere la gestione degli hook.

O meglio... non riesco bene a capire il giro del fumo ovvero...facciamo un esempio.

Voglio modificare l'header e aprendo il file vedo che appunto questo contiene degli hook.

In toeria... seguendo la vecchia mentalità che mi porto dietro andrei a cercare di modificare i suddetti hook.

Ma in realtà gli hook sono solo dei ganci che indicano cosa caricare.

Fino a qui ci sono arrivato.

Ma ad esempio... l'hook_top cosa mi carica? cioè dove è scritto cosa deve essere caricato dentro a top?

Ok la posizione etc etc la posso gestire con i css dei singoli box e moduli ma non riesco a capire dove devo intervenire ad esempio per "rimuovere" la selezione della valuta.

E un piccolo passaggio che però mi blocca da diversi giorni. Ho provato a cercare con google e dentro al forum ma non sono riuscito a capire dove devo intervenire.

Vi ringrazio in anticipo per il tempo che mi dedicherete aiutandomi anche a non sentirmi "obsoleto"....

Grazie ancora!