{"id":2688,"date":"2022-05-05T16:28:23","date_gmt":"2022-05-05T16:28:23","guid":{"rendered":"https:\/\/www.vtigerspain.es\/?p=2688"},"modified":"2022-05-05T16:28:23","modified_gmt":"2022-05-05T16:28:23","slug":"como-personalizar-la-barra-de-navegacion-de-vtiger-crm","status":"publish","type":"post","link":"https:\/\/www.vtigerspain.es\/en\/como-personalizar-la-barra-de-navegacion-de-vtiger-crm\/","title":{"rendered":"Como Personalizar la Barra de Navegaci\u00f3n de Vtiger CRM"},"content":{"rendered":"

El objetivo principal de cualquier CRM es mejorar la experiencia del usuario, y la barra de navegaci\u00f3n\/barra superior es una de las \u00e1reas m\u00e1s destacadas que aparecen en todas las p\u00e1ginas.\u00a0Lo mismo se aplica a VTiger 7 CRM.\u00a0Una barra de navegaci\u00f3n descuidada hace que el CRM sea dif\u00edcil de navegar y desperdicia mucha informaci\u00f3n \u00fatil en la pantalla.\u00a0Esto, a su vez, deteriora el prop\u00f3sito de tener una barra de navegaci\u00f3n compatible con UX, en absoluto.\u00a0La barra de navegaci\u00f3n debe ser simple, pero acomodar todos los elementos que son \u00fatiles para que los usuarios naveguen por el sistema CRM.\u00a0En este art\u00edculo veremos c\u00f3mo personalizar la barra de navegaci\u00f3n\/barra superior de VTiger CRM con su \u00edcono y contenido y utilizarlo en su m\u00e1ximo potencial.<\/p>\n

El proceso en pocas palabras es:<\/p>\n

1. Descargar archivo<\/span><\/h3>\n

Este primer paso es descargar y extraer los archivos que se requerir\u00e1n para modificar la barra de navegaci\u00f3n superior en VTiger.
\nPuedes descargar los archivos desde este\u00a0\u00a0link<\/a><\/p>\n

2. Copiar al servidor<\/span><\/h3>\n

Copie los archivos reci\u00e9n extra\u00eddos y p\u00e9guelos en los siguientes archivos
\nvtigercrm\/layouts\/v7\/modules\/Vtiger\/partials\/CustomTopBarInfoIcon.tpl
\nvtigercrm\/layouts\/v7\/modules\/Vtiger\/partials\/CustomTopBarInfoIconContent.tpl<\/p>\n

3. Modificar Vtiger Topbar.tpl<\/span><\/h3>\n

A continuaci\u00f3n, modifique los archivos de la barra superior de VTiger CRM:
\n> Vaya al archivo: vtigercrm\/layouts\/v7\/modules\/Vtiger\/partials\/Topbar.tpl
\n> Cerca del final del archivo, busque el \u00faltimo \u00ab<\/ul>\u00bb (debe ser el \u00faltimo en el archivo. Hay un total de 3 \u00ab<\/ul>\u00bb en el mismo archivo.)
\n> Inserte la l\u00ednea despu\u00e9s y agregue esto:
\n{include file=\u00bbmodules\/Vtiger\/partials\/CustomTopBarInfoIcon.tpl\u00bb<\/p>\n

\"Personaliza4. Borrar cach\u00e9<\/span><\/h3>\n

Borre el cach\u00e9 usando CRTL+F5 o usando\u00a0\u00a0este m\u00e9todo<\/a>\u00a0.<\/p>\n

Definiciones de archivos<\/span><\/h2>\n

a) CustomTopBarInfoIcon.tpl: a\u00f1ade el icono + \u201ccontenedor\u201d para el contenido.
\nb) CustomTopBarInfoIconContent.tpl: es el archivo \u201chtml\u201d.\u00a0(.tpl funciona igual que .html).<\/p>\n

Ejemplo<\/span><\/h2>\n

Aqu\u00ed hay un ejemplo, la barra de navegaci\u00f3n se personaliza y se agrega el \u00edcono \u00ab\u2139\u00bb<\/p>\n

\"PersonalizaAl hacer clic, mostrar\u00e1 el contenido del elemento reci\u00e9n agregado<\/p>\n

\"PersonalizaTodo este proceso muestra c\u00f3mo puede personalizar la barra de navegaci\u00f3n de VTiger CRM.<\/p>\n

FUENTE:\u00a0www.vtexperts.com<\/p>","protected":false},"excerpt":{"rendered":"

El objetivo principal de cualquier CRM es mejorar la experiencia del usuario, y la barra de navegaci\u00f3n\/barra superior es una de las \u00e1reas m\u00e1s destacadas que aparecen en todas las<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[16],"tags":[],"class_list":["post-2688","post","type-post","status-publish","format-standard","hentry","category-noticias"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/posts\/2688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/comments?post=2688"}],"version-history":[{"count":4,"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/posts\/2688\/revisions"}],"predecessor-version":[{"id":2693,"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/posts\/2688\/revisions\/2693"}],"wp:attachment":[{"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/media?parent=2688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/categories?post=2688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vtigerspain.es\/en\/wp-json\/wp\/v2\/tags?post=2688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}