vtiger 7 自定义登录屏幕
标准与自定义 vtiger 7 登录页面
您是否对标准的 vtiger 登录屏幕感到厌烦?
您想使用自己的徽标而不是标准的 vtiger 徽标吗?
使用自己的网站图标?
删除广告或添加广告不同的文字?
如何更改公司标志
主要变化应该是将标准 vtiger 徽标更改为您的公司徽标。
在进行所有更改之前,我们建议您备份您的文件以备不时之需。
该文件位于您的服务器中: [vTigerROOT]/layouts/v7/modules/Users/Login.tpl
现在,要更改徽标,有 2 个选项:
- 将您的徽标上传到 vtiger 文件并更改此图像的名称。
- 将您的图像上传到 [vTigerROOT]/layouts/v7/resources/Images/
- 删除以前的标志 vtiger.png
- 将您的新徽标重命名为 vtiger.png
- 将您的徽标上传到 vtiger 文件并更改 .tpl 文件
- 将您的图像上传到 [vTigerROOT]layouts/v7/resources/Images/
- 打开 [vTigerROOT]layouts/v7/modules/Users/Login.tpl
- 关于第 211 行,将 <img class=”img-responsive user-logo” src=”layouts/v7/resources/Images/ vtiger.png "> 更改为您的 company_logo_name。***
<img class=”img-responsive user-logo” src=”layouts/v7/resources/Images/your_company_logo.png”>
如何更改网站图标和页面标题?
下一个有趣的定制应该是更改您的站点图标和站点标题。
- 要更改 favicon 简单上传并 [vtigerROOT]/layouts/v7/skins/images/favicon.ico 用您的 favicon.ico (16px x 16px)
- 如果您更改网站图标,更改页面标题也很有用。
- 请找到 [vtigerROOT]/layouts/v7/modules/Vtiger/ Header.tpl
- 更改第 13 行:<title>{vtranslate($PAGETITLE, $QUALIFIED_MODULE)}</title>
- 到你想要的:<title>IT-Solutions4You {vtranslate($PAGETITLE, $QUALIFIED_MODULE)}</title>
如何更改 vtiger 7 登录页面的背景?
经过之前的改动,背景的改变也让你的vtiger登录页面更有吸引力
请再次打开文件: [vTigerROOT]/layouts/v7/modules/Users/Login.tpl
同样,您有 2 个选项:
- 将您的背景图片上传到 vtiger 文件并更改此图片的名称。
- 将背景图片上传到 [vTigerROOT]/layouts/v7/resources/Images/
- 删除之前的背景图片 login-background.jpg
- 将您的背景图片重命名为 login-background.jpg
- 将您的徽标上传到 vtiger 文件并更改 Login.tpl 文件
- 将您的图像上传到 [vTigerROOT]layouts/v7/resources/Images/
- 打开 [vTigerROOT]layouts/v7/modules/Users/Login.tpl
- 关于第 14 行更改
背景:url(布局/v7/resources/Images/login-background.jpg);
到你的新背景。***
背景:url(布局/v7/resources/Images/login-background_own.jpg);
如何在 vtiger 7 登录页面上删除或编辑标准 vtiger 广告?
在新的 vtiger 登录页面中,您可以看到最新消息和最新消息。 这很无聊。
现在您可以删除它或添加您想要的文本。
您需要再次打开: [vTigerROOT]/layouts/v7/modules/Users/Login.tpl
- 要完成删除文本 div:
- 找到该代码的第 259 行并将其删除。
<div class="col-lg-1"> <div class="separatorDiv"></div> </div> <div class="col-lg-5"> <div class="marketingDiv widgetHeight"> {如果 $JSON_DATA} {分配 var=COUNTER 值=0} {foreach key=BLOCK_NAME item=BLOCKS_DATA from=$JSON_DATA} {如果 $BLOCKS_DATA} <div> {分配 var=COUNTER 值=$COUNTER+1} <h4>{$BLOCKS_DATA[0].heading}</h4> {foreach 项目=BLOCK_DATA 来自=$BLOCKS_DATA} <div class="行"> {如果 $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"> {别的} <div class="col-lg-12"> {/如果} <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> {如果 $BLOCK_DATA.image} </div> {别的} </div> {/如果} </div> {/foreach} </div> {if $COUNTER neq $DATA_COUNT} <小时> {/如果} {/如果} {/foreach} {别的} <div class="inActiveImgDiv"> <div> <h4>通过扩展从 Vtiger 中获得更多功能</h4> <h4>Vtiger 市场</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> {/如果} </div> </div> </div>
- 您也可以找到第 209 行:<div class=”col-lg-5″> 并将其更改为
<div class="col-lg-4 col-lg-offset-4">
- 找到该代码的第 259 行并将其删除。
- 您还可以用自己的文字替换 vtiger 广告
- 找到关于第 259 行此代码
<div class="col-lg-1"> <div class="separatorDiv"></div> </div> <div class="col-lg-5"> <div class="marketingDiv widgetHeight"> {如果 $JSON_DATA} {分配 var=COUNTER 值=0} {foreach key=BLOCK_NAME item=BLOCKS_DATA from=$JSON_DATA} {如果 $BLOCKS_DATA} <div> {分配 var=COUNTER 值=$COUNTER+1} <h4>{$BLOCKS_DATA[0].heading}</h4> {foreach 项目=BLOCK_DATA 来自=$BLOCKS_DATA} <div class="行"> {如果 $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"> {别的} <div class="col-lg-12"> {/如果} <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> {如果 $BLOCK_DATA.image} </div> {别的} </div> {/如果} </div> {/foreach} </div> {if $COUNTER neq $DATA_COUNT} <小时> {/如果} {/如果} {/foreach} {别的} <div class="inActiveImgDiv"> <div> <h4>通过扩展从 Vtiger 中获得更多功能</h4> <h4>Vtiger 市场</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> {/如果} </div> </div> </div>
- 用我们的示例替换这些行
<div class="col-lg-1"> </div> <div class="col-lg-5" style="background-color: rgba(255, 255, 255, 0.6);color:black;"> <h1>你好!!</h1> 在这里插入你想要的! </div> </div>
- 找到关于第 259 行此代码
评论 (12)
太棒了!
有没有办法修改vtiger的页脚? 我只是想给它添加一些词。 但不知何故它没有显示出来。 如果我有帮助将不胜感激。 谢谢
你好,
请写信给我邮寄您要更改/添加的确切内容以及在哪里检查。
我知道它很旧,但如果有人仍然需要它来编辑页脚
文件夹: layouts\v7\modules\vtiger\footer.tpl
太好了。。谢谢。
很好的作品,你能告诉我编辑页脚吗? 谢谢
嗨罗杰,
谢谢你的评论。
您想在页脚中更改什么? ?
优秀的职位。 节省了我很多时间。
很棒的文章,它确实提供了丰富的信息和创新,让我们随时了解新的更新。 它真的很有价值。 多谢。
我做了这个程序一切都很顺利,我只有一个问题,就是页脚在屏幕中间有一条白色条纹。
页脚现在占据屏幕的中心,我可以将页脚移动到哪里?
到..
阿米尔卡
... [追溯]
[...] 在此处阅读更多信息:it-solutions4you.com/tipstricks/want-change-vtiger-7-login-page/ [...]
您好团队我想在登录页面下修改“由 vtiger CRM 提供支持 – 7.1.0 © 2004 – 2020 Vtiger | 隐私政策'有人可以帮我做这个操作吗?