El objetivo principal de cualquier CRM es mejorar la experiencia del usuario, y la barra de navegación/barra superior es una de las áreas más destacadas que aparecen en todas las páginas. Lo mismo se aplica a VTiger 7 CRM. Una barra de navegación descuidada hace que el CRM sea difícil de navegar y desperdicia mucha información útil en la pantalla. Esto, a su vez, deteriora el propósito de tener una barra de navegación compatible con UX, en absoluto. La barra de navegación debe ser simple, pero acomodar todos los elementos que son útiles para que los usuarios naveguen por el sistema CRM. En este artículo veremos cómo personalizar la barra de navegación/barra superior de VTiger CRM con su ícono y contenido y utilizarlo en su máximo potencial.
El proceso en pocas palabras es:
1. Descargar archivo
Este primer paso es descargar y extraer los archivos que se requerirán para modificar la barra de navegación superior en VTiger.
Puedes descargar los archivos desde este enlace
2. Copiar al servidor
Copie los archivos recién extraídos y péguelos en los siguientes archivos
vtigercrm/layouts/v7/modules/Vtiger/partials/CustomTopBarInfoIcon.tpl
vtigercrm/layouts/v7/modules/Vtiger/partials/CustomTopBarInfoIconContent.tpl
3. Modificar Vtiger Topbar.tpl
A continuación, modifique los archivos de la barra superior de VTiger CRM:
> Vaya al archivo: vtigercrm/layouts/v7/modules/Vtiger/partials/Topbar.tpl
> Cerca del final del archivo, busque el último “</ul>” (debe ser el último en el archivo. Hay un total de 3 “</ul>” en el mismo archivo.)
> Inserte la línea después y agregue esto:
{include file=”modules/Vtiger/partials/CustomTopBarInfoIcon.tpl”
4. Borrar caché
Borre el caché usando CRTL+F5 o usando este método .
Definiciones de archivos
a) CustomTopBarInfoIcon.tpl: añade el icono + “contenedor” para el contenido.
b) CustomTopBarInfoIconContent.tpl: es el archivo “html”. (.tpl funciona igual que .html).
Ejemplo
Aquí hay un ejemplo, la barra de navegación se personaliza y se agrega el ícono “ℹ”
Al hacer clic, mostrará el contenido del elemento recién agregado
Todo este proceso muestra cómo puede personalizar la barra de navegación de VTiger CRM.
FUENTE: www.vtexperts.com
