Company logo Favicon Background Advertisements Footer - SynergOps/Vtiger-7-Greek GitHub Wiki
The main change should be changing standard vtiger logo to your Company logo. Before all changes we recommend to backup your file in case of emergency.
The file is located in your server in: [vTigerROOT]/layouts/v7/modules/Users/Login.tpl
Now, to change logo there are 2 options:
-
upload your logo into vtiger files and change name of this image. upload your image to [vTigerROOT]/layouts/v7/resources/Images/ delete previous logo vtiger.png rename your new logo to vtiger.png
-
upload your logo into vtiger files and change .tpl file upload your image to [vTigerROOT]layouts/v7/resources/Images/ open [vTigerROOT]layouts/v7/modules/Users/Login.tpl about line 211 change
<img class=”img-responsive user-logo” src=”layouts/v7/resources/Images/vtiger.png“>to your company_logo_name.***<img class=”img-responsive user-logo” src=”layouts/v7/resources/Images/your_company_logo.png”>
Next interesting customization should be change your site favicon and site title.
- To change favicon simple upload and replace [vtigerROOT]/layouts/v7/skins/images/favicon.ico with your favicon.ico (16px x 16px)
- if you change favicon it is also useful change title of your page.
please find [vtigerROOT]/layouts/v7/modules/Vtiger/Header.tpl
change line 13:
<title>{vtranslate($PAGETITLE, $QUALIFIED_MODULE)}</title>to what you want:<title>YourCompanyName {vtranslate($PAGETITLE, $QUALIFIED_MODULE)}</title>
After previous changes, change of background also makes your vtiger login page more attractive
Again please open file: [vTigerROOT]/layouts/v7/modules/Users/Login.tpl
Again, you have 2 options:
- upload your background image into vtiger files and change name of this image. upload your background image to [vTigerROOT]/layouts/v7/resources/Images/ delete previous background image login-background.jpg rename your background image to login-background.jpg
- upload your logo into vtiger files and change Login.tpl file
upload your image to [vTigerROOT]layouts/v7/resources/Images/
open [vTigerROOT]layouts/v7/modules/Users/Login.tpl
about line 14 change background:
url(layouts/v7/resources/Images/login-background.jpg);to your newbackground.*** background:url(layouts/v7/resources/Images/login-background_own.jpg);
You can find line 209: <div class=”col-lg-5″> and change it to <div class=”col-lg-4 col-lg-offset-4″> so to make the login box center
Also find:
.loginDiv {
width: 380px;
margin: 0 auto;
border-radius: 4px;
box-shadow: 0 0 10px gray;
background-color: #FFFFFF;
and change box-shadow: 0 0 10px gray; to box-shadow: 0 0 60px black; to add more shadow to the background of login box so that it pops more.
Again you need to open: [vTigerROOT]/layouts/v7/modules/Users/Login.tpl
To complete removal text div: find about line 259 this code
<div class="col-lg-1">
<div class="separatorDiv"></div>
</div>
<div class="col-lg-5">
<div class="marketingDiv widgetHeight">
--------
<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>remove almost all lines. Keep only these 2 lines
<div class="col-lg-1">
</div>You can also replace vtiger advertisements by your own texts find about line 259 this code replace these lines with our example
<div class="col-lg-1">
</div>
<div class="col-lg-5" style="background-color: rgba(255, 255, 255, 0.6);color:black;">
<h1>Hello!!</h1>
Insert here what you want!
</div>
</div>You can change footer content and links in [vTigerROOT]/layouts/v7/modules/Vtiger/Footer.tpl
<footer class="app-footer">
<p>
Powered by SolidarIT CRM - {$VTIGER_VERSION} © 2019 - {date('Y')}
<a href="//www.solidarit.gr" target="_blank">SolidarIT</a> |
</p>
</footer>