Ocena użytkowników: 5 / 5

Gwiazdka aktywnaGwiazdka aktywnaGwiazdka aktywnaGwiazdka aktywnaGwiazdka aktywna
 
Strona startowa vtiger

Jak zmienić stronę startową w Vtiger CRM?

Dymyślnie w Vtiger CRM, po zainstalowaniu systemu, zgłasza się strona logowania która wyświetla odnośniki do strony vtiger.com, pomocy oraz forum a także baner reklamowy. Ten artykuł pokazuje w jaki sposób pozbyć się niechcianych elementów z głównej strony logowania do Vtiger CRM.

W sieci można znaleźć wersje płatne które potrafią rozwiązać ten problem, bez dotykania kodu, jednak niewielkim nakładem czasu, można poradzić sobie z tym samodzielnie.

Plik który jest odpowiedzialny za wyświetlenie strony logowania, znajduje się w katalogu instalacyjnym CRM w:

/layouts/vlayout/modules/Users/Login.Default.tpl

Otwieramy powyższy plik edytorem tekstowym. Do edytowania pliku, można użyć dowolnego edytora tekstowego (osobiście preferuje Notepad++ który pozwala nie tylko na numerowanie składni języka html, ale również na jej kolorowanie). Po otworzeniu pliku "Login.Default.tpl", widoczny będzie kod napisany w języku html. Naszą pierwszą zmianą będzie usunięcie odnośników do strony głównej Vtiger oraz pomocy, znajdującej się w prawej części ekranu. W otwartym pliku odszukujemy fragment html, powinna to być linia 48:

View source
  1. <div class="span9">
  2. <div class="helpLinks">
  3. <a href="https://www.vtiger.com">Vtiger Website</a> |
  4. <a href="https://wiki.vtiger.com/vtiger6/">Vtiger Wiki</a> |
  5. <a href="https://www.vtiger.com/crm/videos/">Vtiger videos </a> |
  6. <a href="https://discussions.vtiger.com/">Vtiger Forums</a>
  7. </div>
  8. </div>

Zmiana będzie polegała na dodaniu komentarza <!-- .... --> który pozwoli na pominięcie tego fragmentu pod czas renderowania strony. Kod po zmianie powinien wyglądać tak:

View source
  1. <!--div class="span9">
  2. <div class="helpLinks">
  3. <a href="https://www.vtiger.com">Vtiger Website</a> |
  4. <a href="https://wiki.vtiger.com/vtiger6/">Vtiger Wiki</a> |
  5. <a href="https://www.vtiger.com/crm/videos/">Vtiger videos </a> |
  6. <a href="https://discussions.vtiger.com/">Vtiger Forums</a>
  7. </div>
  8. </div-->

Pierwsza zmiana zrobiona, jeśli kod został zmieniony zgodnie z powyższą wskazówką, oraz po zapisaniu pliku, na głównej stronie logowania po odświeżeniu strony, linki w prawym górnym rogu powinny zniknąć. "Pierwsze koty za płaty", przechodzimy dalej. Poniższy kod znajduje się w linii 62 i odpowiedzialny jest za wyświetlenie tzw. "karuzeli" (zmienny baner reklamowy):

View source
  1. <div class="span6">
  2. <div class="carousal-container">
  3. <div>
  4. <h2> Get more out of Vtiger </h2>
  5. </div>
  6. <ul class="bxslider">
  7. <li>
  8. <div id="slide01" class="slide">
  9. <img class="pull-left" src="{vimage_path('android_text.png')}">
  10. <img class="pull-right" src="{vimage_path('android.png')}"/>
  11. </div>
  12. </li>
  13. <li>
  14. <div id="slide02" class="slide">
  15. <img class="pull-left" src="{vimage_path('iphone_text.png')}"/>
  16. <img class="pull-right" src="{vimage_path('iphone.png')}"/>
  17. </div>
  18. </li>
  19. <li>
  20. <div id="slide03" class="slide">
  21. <img class="pull-left" src="{vimage_path('ipad_text.png')}"/>
  22. <img class="pull-right" src="{vimage_path('ipad.png')}"/>
  23. </div>
  24. </li>
  25. <li>
  26. <div id="slide04" class="slide">
  27. <img class="pull-left" src="{vimage_path('exchange_conn_text.png')}"/>
  28. <img class="pull-right" src="{vimage_path('exchange_conn.png')}"/>
  29. </div>
  30. </li>
  31. <li>
  32. <div id="slide05" class="slide">
  33. <img class="pull-left" src="{vimage_path('outlook_text.png')}"/>
  34. <img class="pull-right" src="{vimage_path('outlook.png')}"/>
  35. </div>
  36. </li>
  37. </ul>
  38. </div>
  39. </div>

I po dodaniu komentarza <!-- .... --> fragment kodu powinien wyglądać jak poniżej:

View source
  1. <!--div class="span6">
  2. <div class="carousal-container">
  3. <div>
  4. <h2> Get more out of Vtiger </h2>
  5. </div>
  6. <ul class="bxslider">
  7. <li>
  8. <div id="slide01" class="slide">
  9. <img class="pull-left" src="{vimage_path('android_text.png')}">
  10. <img class="pull-right" src="{vimage_path('android.png')}"/>
  11. </div>
  12. </li>
  13. <li>
  14. <div id="slide02" class="slide">
  15. <img class="pull-left" src="{vimage_path('iphone_text.png')}"/>
  16. <img class="pull-right" src="{vimage_path('iphone.png')}"/>
  17. </div>
  18. </li>
  19. <li>
  20. <div id="slide03" class="slide">
  21. <img class="pull-left" src="{vimage_path('ipad_text.png')}"/>
  22. <img class="pull-right" src="{vimage_path('ipad.png')}"/>
  23. </div>
  24. </li>
  25. <li>
  26. <div id="slide04" class="slide">
  27. <img class="pull-left" src="{vimage_path('exchange_conn_text.png')}"/>
  28. <img class="pull-right" src="{vimage_path('exchange_conn.png')}"/>
  29. </div>
  30. </li>
  31. <li>
  32. <div id="slide05" class="slide">
  33. <img class="pull-left" src="{vimage_path('outlook_text.png')}"/>
  34. <img class="pull-right" src="{vimage_path('outlook.png')}"/>
  35. </div>
  36. </li>
  37. </ul>
  38. </div>
  39. </div-->

Po zapisaniu zmian i odświeżeniu strony, karuzela powinna zniknąć, lecz formularz z loginem i hasłem, wyświetla się nie witym miejscu w którym byśmy oczekiwali - pozostało go wycentrować. Do tego celu musimy dognać zmiany w dwóch miejscach. W linii 99 jest znacznik <div>

View source
  1. <div class="span6">

zastępujemy kodem:

View source
  1. <div class="span12" style="text-align:center">

Następnie w lini 100 odnajdujemy fragment:

View source
  1. <div class="login-area">

zastępujemy:

View source
  1. <div class="login-area" style="float:none">

To wszystko, strona logowania została zmieniona. Wszystkie zbędne elementy, zakłócające jej układ zostały usunięte i teraz po zmianach strona logowania powinna wyglądać w ten sposób:

Strona logowania w Vtiger po zmianie

Gdyby coś poszło nie tak, zamieszczam plik po zmianach do pobrania: Login.Default.tpl, który należy umieścić w katalogu: /layouts/vlayout/modules/Users/

Ta witryna wykorzystuje pliki cookies do przechowywania informacji na Twoim komputerze. Korzystanie z witryny bez zmiany ustawień dotyczących cookies oznacza, że będą one zamieszczane w Twoim urządzeniu końcowym. W każdym momencie możesz dokonać zmiany ustawień dotyczących cookies Czytaj więcej