RISOLTO - Associare un Bottone differente

[Flyfar]

Salve a tutti,

qualcuno sa dove è settata l'associazione tra la "funzione" ed il bottone?

 

Ho la versione 1.4.7 di prestashop con il tema fornito di base.

 

Il bottone per la funzione di ricerca nella home page (in alto a destra nel tema base) utilizza lo stile del bottone "button-medium".

Io vorrei cambiare questa associazione e utilizzare un'altro stile di bottone (ad esempio il button-medium-exclusive").

Dove posso andare a cambiare questa associazione?

 

Grazie per l'aiuto.

Edited May 6, 2012 by Flyfar (see edit history)

[antares62]

Combatti ancora col bottone "Cerca" ? Ma che ti ha fatto di male ? :)

Però non ho capito cosa vuoi fare. Vuoi cambiare il bottone ?

Perchè una associazione del genere come la descritta tu, prende il bottone button-medium-exclusive (non ho guardato se esiste quindi lo prendo per buono) e lo associa al bottone "Cerca", cosi che avrai lo stessa grafica sia per il bottone "cerca" che per il bottone che utilizza il button-medium-exclusive. Ho capito bene ?

Ma a questo punto perchè invece di agire sui file che controllano il caricamento della grafica (nel tuo caso nel global.css c'è quello che cerchi) non ti limiti a crearti una grafica o a rinominarne una di tuo piacimento in button-medium, cosi lasci le cose in originale senza tanti smanettamenti.

 

Paolo

[Flyfar]

Ciao Paolo,

l'ho proprio preso di mira vero? .

Si, hai compreso e descritto bene l'associazione che vorrei effettaure!

In realtà ho già fatto la prova di creare una nuova grafica e rinominarla nel bottone in oggetto "button-medium.png" (come da tuo precedente consiglio) e fin qui tutto bene!

Il problema è che tanti altri "pulsanti/funzioni" vi fanno riferimento, cosicchè questa strada non è adatta. Ho pensato allora di associarvi un altro stile_bottone come quello relativo all'"acquisto" che tutto sommato si adatta bene al contesto.

In realtà, non ti nascondo, che una volta capito dove viene effettuata questa associazione (funzione/stile_bottone) stavo pensando anche di creare un nuovo "stile_bottone" (con le dovute implementazioni ai vari file css) da associre poi alla funzione "cerca". Ma questa è solo un'eventualità futura.

Per tornare alla modifica dell'associazione... io ho girovagato per alcuni file ma non l'ho trovata. Nel file global.css trovo solo la definizione e le caratteristiche dei vari stile_bottone (e l'associazione dei vari stili ai file immagine.png). Magari mi sfugge!

Hai idea di dove posso trovarla?

[antares62]

Ok come sospettavo il "button-medium.png" è condiviso da altri oggetti.

Scusa, ma quali ? Non ci ho mai fatto caso

 

Vabbeh vuoi dire addio al tuo vecchio pulsante ?

Apri il global.css, il percorso lo sai no ?!?!?!

PS----->theme----->Tuo_Tema----->css----->global.css

se hai un editor CSS che ti mostra le righe,intorno alla riga 545 dovresti trovare la voce che ti carica l'immagine.

background-image: url('../img/button-medium.png')

cambia il nome dell'immagine png, naturalmente fai la stessa cosa con la tua immagine che vuoi associare, e saluta con la manina il tuo vecchio bottone

Nel caso, aprissi il file css con un editor senza righe fai un bel "cerca" (tanto ormai sei in confidenza ) di button-medium.png.

Fammi sapere perchè a quest'ora non ho provato

Paolo

[Flyfar]

Scusami ma non ti seguo. Credevo avessi compreso alla perfezione... o forse sfugge qualcosa a me.

Se vado a toccare quel button-medium.png, cambio il pulsante "Cerca" ma cambio anche tutti gli altri pulsanti che ad esso fanno riferimento (tipo: "Altri dettagli"; "Visualizza"; "Compara" e mi sembra ancora un un altro paio che adesso non ricordo).

Io invece vorrei cambiare solo la grafica del pulsante "Cerca".

Avevo quindi pensato, per semplificare, di associare al pulsante "Cerca" la grafica di un altro pulsante, quello che viene utilizzato dal pulsante "Acquista" nel blocco Carrello (che nel caso specifico fa riferimento al button-medium_exclusive.png).

Per raggiungere questo obbiettivo dovrei sapere dove cambiare l'associazione "Pulsante Cerca">"button-medium.png" . Ho comunque capito che l'associazione dei pulsanti all'immagine png non è diretta. In realtà il pulsante/funzione credo sia associato alla classe di bottone (imput.button, imput.button_mini, imput.exclusive ... etc.) e le classi di bottone sono associate all'immagine png (proprio nella zona del global.css da te indicata - Sezione /* classic buttons */). Dovrei quindi sapere dove posso cambiare questa associazione "pulsante Cerca" > "classe di bottone".

Spero solo di non aver capito male questa "organizzazione". Mi puoi illuminare? Grazie

[antares62]

Fly scusami tu se non capisco o non mi spiego, sarà che sono un pò rinco

Il button-medium.png lo devi mantenere con lo stesso nome perchè è utilizzato da altri oggetti.

Quindi devi cambiare il nome soltanto al button-medium.png che è caricato nel bottone "Cerca".

Ad esempio button-medium-fly.png

Alla riga che ti ho dato è interessato il caricamento del button-medium-fly.png nuovo, soltanto per quanto riguarda il bottone "Cerca" gli altri rimangono tali è quali, ecco perchè non devi fare sparire il nome originale.

Ti ripeto che non ho provato, ma se non riesci con un pò di tempo potrei verificare, comunque devi solo provare a fare una sostituzione, non succede niente, semmai torni indietro.

In poche parole in origine può succedere questo:

 

button-medium.png usato da PIPPO

button-medium.png usato da PLUTO

button-medium.png usato da CERCA

 

tu lo devi fare diventare

 

button-medium.png usato da PIPPO

button-medium.png usato da PLUTO

button-medium-fly.png usato da CERCA

 

Prova e fammi sapere

Paolo

[Flyfar]

Capisco quello che mi indichi ma non ho capito se la questione dei button sta proprio nei termini che mi indichi. Moltissimi oggetti nel tema hanno un riferimento diretto ad un'immagine e la questione di modificare diventa molto semplice.

Io però non sono riuscito a trovare una associazione diretta di "PIPPO", "PLUTO" e "CERCA" (cioè dei vari pulsanti) con l'immagine button-medium.png.

Ho l'impressione quindi che: PIPPO, PLUTO e CERCA non caricano direttamente button-medium.png ma questi pulsanti sono legati ad una "classe" di button, ad esempio "input.buttom", ed è questa classe che carica l'iimagine button-medium.png.

Infatti nel global.css il button-medium.png è definito una sola volta (cioè viene fatta un'associazione dell'immagine con alcune classi di button, e non direttamente ai pulsanti). Vedi il codice allegato:

" input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive {

width: 120px;

background-image: url('../img/button-medium.png') "

 

Per questo motivo non saprei dove effettuare la mofica che mi indichi (button-medium-fly.png usato per CERCA)

 

Se hai bisogno di tempo per trovare il tempo per fare una verifica, non preoccuparti, ti ringrazio molto e aspetto volentieri per questo aiuto.

Grazie

Marco

[antares62]

Marco devi provare tu a fare gli smanettamenti, perchè adesso come adesso non riesco a ritagliarmi un poco di tempo.

Ma tu prova quello che ti ho detto, al limite torni come eri prima.

Si tratta solo di cambiare una scritta

 

Oppure sono io che mi ostino a non capire il tuo problema, però vedo che ci scontriamo con i termini, quindi :

 

Io però non sono riuscito a trovare una associazione diretta di "PIPPO", "PLUTO" e "CERCA" (cioè dei vari pulsanti) con l'immagine button-medium.png.

Ma come, precedentemente mi avevi detto che l'immagine button-medium.png era legata a vari oggetti, e adesso non trovi associazione ?!?!?!?!?!?!?!?!

Ad ogni modo il Bottone "CERCA" usa l'immagine button-medium.png, questa per te è un'associazione ?

 

Ho l'impressione quindi che: PIPPO, PLUTO e CERCA non caricano direttamente button-medium.png ma questi pulsanti sono legati ad una "classe" di button, ad esempio "input.buttom", ed è questa classe che carica l'iimagine button-medium.png.

 

Qui me sa ci sta un pò di casino. Se per te Pippo, Pluto e Cerca non caricano direttamente button-medium.png come fa la grafica ad essere visibile ? E come avresti fatto tu, nel tuo primo post a fare questa associazione button-medium.png con il bottone "CERCA" ?

Inoltre anche se fossero legati ad una classe (di che? di CSS ?) poco importa, c'è sempre un punto dove l'immagine deve essere richiamata, e il tuo punto è nel Global.css alla riga 554 (non 545) nel codice background-image: url('../img/button-medium.png')

 

Per il momento scordati tutte le altre immagini e lavora su quelle del "CERCA", fai quella sostituzione e fammi sapere cosa accade, per me funziona sicuramente

 

Se hai bisogno di tempo per trovare il tempo per fare una verifica, non preoccuparti, ti ringrazio molto e aspetto volentieri per questo

Si OK, io una mano ve la do volentieri, ma metteteci anche del vostro. Piuttosto che aspettare, sperimenta e vedrai che funziona.

 

Paolo

[Flyfar]

Ciao Paolo, ti ringrazio molto.

Ti garantisco comunque che non sto aspettando nessuno e ci sto sbattendo molto.

Forse ho complicato i post con le mie elucubrazioni errate e sicuramente errata terminologia.

Faccio quindi un breve riepilogo delle cose certe per vedere se si viene a capo della faccenda.

 

Le cose certe:

1) Il pulsante "Cerca" e altri 2 o 3 pulsanti fanno riferimento a buttom-medium.png .

2) Ho effettuato la modifica nel global.css che indichi ma l'effetto si riperquote comunque su tutti i pulsanti e non solo su "Cerca".

3) Confermo che stiamo parlando della stessa riga del global.css. Tra la righe del codice evidenziate nel mio precedente post c'è proprio quella che indichi anche tu " background-image: url('../img/button-medium.png' ". Daltronde c'è ne una sola nel global.css con button-medium.png , quindi anche se abbiamo qualche numero di riga di differenza, siamo certi che è quella.

4) Tutti i pulsanti (Cerca, Pippo e Pluto), fanno riferimento a questa stessa riga del global.css per caricare la loro grafica.

 

Alla fine la domanda che pongo per semplificare tutto, come in uno dei precedenti post, è:

 

In quale file e quale riga posso modificare per associare il pulsante "Cerca" alla stessa immagine che viene usata dal pulsante "Acquista" del blocco Carrello? (Il pulsante "Acquista" usa il button-medium_exclusive.png)

 

Grazie comunque per la tua pazienza Paolo.

Marco

[antares62]

Forse ho complicato i post con le mie elucubrazioni errate e sicuramente errata terminologia.

Di questo non ti devi preoccupare, anche perchè mi sono reso conto che probabilmente non avevo capito il tuo problema nel modo corretto. La parola chiave è stata :

1) Il pulsante "Cerca" e altri 2 o 3 pulsanti fanno riferimento a buttom-medium.png .

Si, me lo avevi gia' detto ma non mi avevi risposto nel dove succedeva e cosi avevo sorvolato sulla questione

Adesso ho verificato (quanto casino per avere l'esclusiva su un bottone

2) Ho effettuato la modifica nel global.css che indichi ma l'effetto si riperquote comunque su tutti i pulsanti e non solo su "Cerca"

Quindi la strada migliore per ottenere un pulsante unico senza intaccare gli altri, è crearsi una classe nuova solo per il bottone "Cerca". Prima cosa fai una copia dei file originali

Allora apri il file Global.css e alla riga 561 circa dove c'è il commento, aggiungi una nuova classe per il bottone Es:

 

input.button-fly, input.button_disabled-fly, input.exclusive-fly, input.exclusive_disabled-fly, a.button-fly, a.exclusive-fly, span.button-fly, span.exclusive-fly { width: 120px;

background-image: url('../img/Il_Nome_Della_Tua_Immagine.png') }

 

Magari commentala cosi sai a cosa è servita.

Bene abbiato creato una nuova classe dal nome button-fly.

Adesso dobbiamo associarla al bottone, quindi apri il file:

PS----->modules----->blocksearch----->blocksearch-top.tpl

cerca la voce class="button" ed ovviamente la fai diventare class="button-fly".

Rinomini l'immagine col nome che hai scritto nel CSS e..............................poi fammi sapere

 

Spero sia tutto giusto, però mi raccomando fatti una copia degli originali e controlla tu se ci sono "interferenze" con altri oggetti, perchè non ho avuto modo di verificare.

bye

Paolo

[Flyfar]

Risultato perfetto. Un bottone a se per il pulsante "Cerca".

 

Giusto per completezza di informazioni:

Nel global.css, oltre all'aggiunta da te indicata:

input.button-fly, input.button_disabled-fly, input.exclusive-fly, input.exclusive_disabled-fly, a.button-fly, a.exclusive-fly, span.button-fly, span.exclusive-fly { width: 120px;

background-image: url('../img/Il_Nome_Della_Tua_Immagine.png') }

Vanno anche inserite le singole voci di questo paragrafo nelle varie sezione precedenti ("global button", "input button", "disable button", etc...) affinchè vengano assegnate le varie caratteristiche al bottone.

 

Grazie mille.

Alla prossima.