La pagina di login di vTiger si compone di quattro elementi principali:
1 – Sfondo della pagina
2 – Riquadro login
3 – Banner pubblicitari
4 – Piè pagina
5 – Favicon
6 – Cartella upload
Per modificare questi elementi bisogna modificare due file:
[vTigerROOT]/layouts/v7/modules/Users/Login.tpl
[vTigerROOT]/layouts/v7/modules/Vtiger/Footer.tpl
1 – Modifica sfondo della pagina
E’ possibile modificare lo sfondo della pagina in 2 modi:
1 – copiamo il file della nostra nuova immagine di sfondo all’interno della cartella [vTigerROOT]/layouts/v7/resources/Images/
e rinominiamolo in login-background.jpg
(ovviamente bisogna prima cancellare o rinominare il background standard)
2 – copiamo il file della nostra nuova immagine di sfondo all’interno della cartella [vTigerROOT]/layouts/v7/resources/Images/
e poi andiamo a modificare il file Login.tpl
inserendo, più o meno alla riga 14, il percorso della nuova immagine
background: url(layouts/v7/resources/Images/nuovoBackground.jpg);
2 – Modifica del riquadro login
Anche per questa modifica è possibile procedere nei due modi descritti in precedenza.
Il file da sovrascrivere questa volta è vtiger.png
, mentre se vogliamo puntare ad una nuova immagine la linea da modificare è più o meno alla riga 211 del file Login.tpl
: <img class=”img-responsive user-logo” src=”layouts/v7/resources/Images/vtiger.png“>
3 – Rimozione banner pubblicitari
Sempre all’interno del file Login.tpl
dobbiamo commentare, o rimuovere, il blocco di codice che troviamo a partire più o meno dalla riga 259:
<div class="col-lg-1">
<div class="separatorDiv"></div>
</div>
<div class="col-lg-5">
<div class="marketingDiv widgetHeight">
{if $JSON_DATA}
{assign var=COUNTER value=0}
{foreach key=BLOCK_NAME item=BLOCKS_DATA from=$JSON_DATA}
{if $BLOCKS_DATA}
<div>
{assign var=COUNTER value=$COUNTER+1}
<h4>{$BLOCKS_DATA[0].heading}</h4>
{foreach item=BLOCK_DATA from=$BLOCKS_DATA}
<div class="row">
{if $BLOCK_DATA.image}
<div class="col-lg-4" style="min-height: 100px;"><img src="{$BLOCK_DATA.image}" style="width: 100%;height: 100%;margin-top: 10px;"/></div>
<div class="col-lg-8">
{else}
<div class="col-lg-12">
{/if}
<div title="{$BLOCK_DATA.summary}">
<h3><b>{$BLOCK_DATA.displayTitle}</b></h3>
{$BLOCK_DATA.displaySummary}<br><br>
</div>
<a href="{$BLOCK_DATA.url}" target="_blank"><u>{$BLOCK_DATA.urlalt}</u></a>
{if $BLOCK_DATA.image}
</div>
{else}
</div>
{/if}
</div>
{/foreach}
</div>
{if $COUNTER neq $DATA_COUNT}
<hr>
{/if}
{/if}
{/foreach}
{else}
<div class="inActiveImgDiv">
<div>
<h4>Get more out of Vtiger with extensions from</h4>
<h4>Vtiger Marketplace</h4>
</div>
<a href="https://marketplace.vtiger.com/app/listings" target="_blank" style="margin-right: 25px;"><img src="layouts/v7/resources/Images/extensionstore.png" style="width: 85%; height: 100%; margin-top: 25px;"/></a>
</div>
{/if}
</div>
</div>
</div>
Una volta cancellati i banner è possibile centrare il riquadro di login modificando la stringa, a riga 209 circa, <div class="”col-lg-5″">
con la stringa <div class="col-lg-4 col-lg-offset-4">
4 – Footer
Per modificare le informazioni a piè pagina bisogna modificare il file [vTigerROOT]/layouts/v7/modules/Vtiger/Footer.tpl
.
5 – Favicon e titolo della pagina
Favicon
Sostituire il file favicon.ico che troviamo nella cartella [vtigerROOT]/layouts/v7/skins/images/
Titolo della pagina
Modificare il file [vtigerROOT]/layouts/v7/modules/Vtiger/Header.tpl
alla riga 13
6 – Cartella upload
All’interno del file [vtigerROOT]\vtlib\Vtiger\Functions.php
bisogna cambiare il percorso della directory di upload. Attenzione che la direcotory deve avere permessi di lettura e scrittura.
static function initStorageFileDirectory() {
//change the directory path by modifying the $filepath
}