Como Personalizar la Barra de Navegación de Vtiger CRM

Como Personalizar la Barra de Navegación de Vtiger CRM

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”

Personaliza la barra de navegación de Vtiger CRM4. 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 “ℹ”

Personaliza la barra de navegación de Vtiger CRMAl hacer clic, mostrará el contenido del elemento recién agregado

Personaliza la barra de navegación de Vtiger CRMTodo este proceso muestra cómo puede personalizar la barra de navegación de VTiger CRM.

FUENTE: www.vtexperts.com

Share this post

Deja una respuesta

Tu dirección de correo electrónico no será publicada.