Jump to content

Modificare Template


rosallo88

Recommended Posts

Posso ottenere il risultato di questa immagine https://drive.google...iew?usp=sharing senza mettere mano al codice? Con dei moduli potrei riuscirci?

Le icone in alto a destra saranno link a pagine, tra cui quella di login e vorrei cambiare proprio la scritta "accedi" (prevista in blockuserinfo) con quelle icone dell'immagine.

 

Grazie in anticipo per l'aiuto.

 

 

post-1164928-0-68246500-1452175307_thumb.jpg

Link to comment
Share on other sites

Non si tratta di una questione di moduli, devi intervenire almeno a livello di css per ottenere un simile risultato 

Infatti, è da due giorni che non riesco a capire dove intervenire e modificare il codice per eliminare la "accedi" e inserire un icona al suo posto. Sapresti dirmelo?

Edited by rosallo88 (see edit history)
Link to comment
Share on other sites

Apri questi tre file per modificare a piacimento il codice togliendo le voci che vuoi cancellare e cambiare le icone :

themes > cartella-tuo-tema > modules > blockcontact > nav.tpl

themes > cartella-tuo-tema > modules > blockuserinfo > nav.tpl

themes > cartella-tuo-tema > modules > blockcart > blockcart.tpl

 

dovrai poi fare i necessari aggiustamenti nei rispettivi css :

themes > cartella-tuo-tema > css > modules > blockcontact > blockcontact.css

themes > cartella-tuo-tema > css > modules > blockuserinfo > blockuserinfo.css

themes > cartella-tuo-tema > css > modules > blockcart > blockcart.css

 

ma se non hai un po di conoscenze di base la vedo dura ottenere quello che vuoi ... :(

Edited by ariom (see edit history)
Link to comment
Share on other sites

Apri questi tre file per modificare a piacimento il codice togliendo le voci che vuoi cancellare e cambiare le icone :

themes > cartella-tuo-tema > modules > blockcontact > nav.tpl

themes > cartella-tuo-tema > modules > blockuserinfo > nav.tpl

themes > cartella-tuo-tema > modules > blockcart > blockcart.tpl

 

dovrai poi fare i necessari aggiustamenti nei rispettivi css :

themes > cartella-tuo-tema > css > modules > blockcontact > blockcontact.css

themes > cartella-tuo-tema > css > modules > blockuserinfo > blockuserinfo.css

themes > cartella-tuo-tema > css > modules > blockcart > blockcart.css

 

ma se non hai un po di conoscenze di base la vedo dura ottenere quello che vuoi ... :(

 

Facendo cosi, intervenendo a livello di modulo ogni volta che c'è un aggiornamento perderà tutte le personalizzazioni... 

Link to comment
Share on other sites

Facendo cosi, intervenendo a livello di modulo ogni volta che c'è un aggiornamento perderà tutte le personalizzazioni... 

solo nel caso di aggiornamento di PS a versione superione e solo se uno non è previdente, 

 

come tu sai, e come sottinteso nei percorsi che ho dato : themes > cartella-tuo-tema > , di base la prima cosa da fare per creare un tema personalizzato è sempre quella di duplicare il tema default, rinominarlo e installarlo ...

in questo modo hai la libertà di fare qualsiasi modifica e non verrà mai sovrascritta

Edited by ariom (see edit history)
Link to comment
Share on other sites

Apri questi tre file per modificare a piacimento il codice togliendo le voci che vuoi cancellare e cambiare le icone :

themes > cartella-tuo-tema > modules > blockcontact > nav.tpl

themes > cartella-tuo-tema > modules > blockuserinfo > nav.tpl

themes > cartella-tuo-tema > modules > blockcart > blockcart.tpl

 

dovrai poi fare i necessari aggiustamenti nei rispettivi css :

themes > cartella-tuo-tema > css > modules > blockcontact > blockcontact.css

themes > cartella-tuo-tema > css > modules > blockuserinfo > blockuserinfo.css

themes > cartella-tuo-tema > css > modules > blockcart > blockcart.css

 

ma se non hai un po di conoscenze di base la vedo dura ottenere quello che vuoi ... :(

Si li ci sono andato ma trovo solo la lingua inglese. 

Esempio :

 

 {else}

<a class="login" href="{$link->getPageLink('my-account', true)|escape:'html':'UTF-8'}" rel="nofollow" title="{l s='Log in to your customer account' mod='blockuserinfo'}">
{l s='Sign in' mod='blockuserinfo'}
</a>
{/if}
 
non vedo da nessuna parte la possibilità di cambiare "accedi"
Link to comment
Share on other sites

 

Si li ci sono andato ma trovo solo la lingua inglese. 

Esempio :

 

 {else}

<a class="login" href="{$link->getPageLink('my-account', true)|escape:'html':'UTF-8'}" rel="nofollow" title="{l s='Log in to your customer account' mod='blockuserinfo'}">
{l s='Sign in' mod='blockuserinfo'}
</a>
{/if}
 
non vedo da nessuna parte la possibilità di cambiare "accedi"

 

 

... logico che trovi la lingua inglese nel template ... :) è la base per tutte le traduzioni

{l s='Sign in' mod='blockuserinfo'} è la stringa che viene tradotta con "Accedi" in

BO > Localizzazione > Traduzioni >

Traduzioni moduli

Tuo-tema

Italiano

> Blockuserinfo

 

se vuoi toglierlo devi commentarlo in questo modo nel tpl:

<!-- {l s='Sign in' mod='blockuserinfo'} -->

e aggiungere l'icona che vuoi tipo:

<i class="icon-user"> </i> </i>

oppure

<i class="icon-lock"> </i> </i>

 

e inserire la classe nel css del modulo:

 

  .header_user_info i {

    font-size: 21px;

    line-height: 21px;

    color: #fff;

    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);

    padding-right: 7px; }

 

il risultato non è quello della tua foto ad inizio topic, ho utilizzato quello che di base offre PS, ma spero ti serva di base per poterci lavorare dietro

Edited by ariom (see edit history)
Link to comment
Share on other sites

  • 3 weeks later...

... logico che trovi la lingua inglese nel template ... :) è la base per tutte le traduzioni

{l s='Sign in' mod='blockuserinfo'} è la stringa che viene tradotta con "Accedi" in

BO > Localizzazione > Traduzioni >

Traduzioni moduli

Tuo-tema

Italiano

> Blockuserinfo

 

se vuoi toglierlo devi commentarlo in questo modo nel tpl:

<!-- {l s='Sign in' mod='blockuserinfo'} -->

e aggiungere l'icona che vuoi tipo:

<i class="icon-user"> </i> </i>

oppure

<i class="icon-lock"> </i> </i>

 

e inserire la classe nel css del modulo:

 

  .header_user_info i {

    font-size: 21px;

    line-height: 21px;

    color: #fff;

    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);

    padding-right: 7px; }

 

il risultato non è quello della tua foto ad inizio topic, ho utilizzato quello che di base offre PS, ma spero ti serva di base per poterci lavorare dietro

Grazie mille.

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...