Rendere il logo trasparente

[seya5]

Salve a tutti. Avrei bisogno di avere il logo principale del mio sito trasparente. Ma pur avendo messo da BO un logo png nel FO il logo appare con sfondo bianco.

Ho letto in alcuni posto che basta editare il file Header.tpl del tema usato e cambiare l'estensione del logo da jpg a png ma nel tpl in questione non c'è nessuna traccia del nome del logo da cambiare.

Qualcuno può aiutarmi?

[ciroco05]

Ciao Seya5

 

c'è, c'è: file header.tpl nel tuo tema, riga 75 (dipende dalla versione in uso) trovi logo.jpg, cambi in logomio.png (e carichi il logomio.png nella cartella /img/

 

Considera però che alcuni browser obsoleti non visualizzano la trasparenza (il canale alpha); sono quasi estinti ma c'è ancora chi li usa; quindi in alternativa al logo trasparente potresti mettere nel logo lo stesso sfondo che ti esce nell'header (ovviamente se piatto, se si tratta di un pattern.. ciccia)

 

Ciroco05

[eugenata]

Nelle ultime versioni di Prestashop, sicuro dalla 1.4.6.2, è possibile gestire il formato delle immagini generate, quindi anche il logo, agendo su un apposito parametro in back office > Preferenze > Immagine.

 

Alla voce Qualità immagine, se vuoi che il tuo logo png trasparente rimanga tale, seleziona l'opzione: Usa PNG...

Fai questo prima di caricare il logo.

 

Non ti consiglio di attivre il PNG per tuttee le immagini perchè ne aumenteresti senza motivo la dimensione

 

Ciao; E.

[seya5]

Ciao Eugenata ho provato ad impostare anche il parametro indicato e a ricaricare il logo png per provare ma il risultato è sempre lo stesso. Ora per tamponare ho creato il logo con lo stesso colore di sfondo del mio sito in modo da sopperire il problema. In coda metto lo spaccato del mio file header.tpl (che poi è quello del tema di default che stò modificando) perchè io non riesco a trovare assolutamente il punto in cui è menzionato il logo. Suppongo che sia la variabile {$logo_url} a dire dove si trova il logo e con quale estensione ma non so dove viene settata. Grazie per l'aiuto che mi state dando.

 

P.s. Uso prestashop 1.5 rc2

 

 

 

 

<!-- Header -->

<div id="header" class="grid_9 alpha omega">

<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

<div id="header_right" class="grid_6 omega">

{$HOOK_TOP}

</div>

</div>

[eugenata]

Ciao seya5, se non ti funziona potrebbe essere un bug della 1.5, che tu sconsiglio di utilizzare perche per ora sono ancora molte le cose da sistemare. Sul forum inglese ho letto anche di problemi abbastanza seri, non ho approfondito.

 

Effettivamente hai individuato la riga che richiama il logo

 

<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

 

ed eventualmente puoi sostitire l'indirizzo dell 'immaigne per richiamare un logo che hai caricato tu tramite ftp in una specifica cartella.

 

<img class="logo" src="TUOPERCORSO/logo.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" width="" height=""  />

 

Metti il valore di larghezza e altezza del tuo logo o di come deve essere visualizzato e controlla che la classe logo nel css abbia il bordo impostato a zero.

 

Ciao; E.

[seya5]

Grazie mille per le delucidazioni Eugenata. Per ora modificando il la riga del tpl come mi hai consigliato il logo funziona. Spero esca presto la versione 1.5 stabile.