Tutorial válido solo para tiendas CMS Portal Legado.
La plataforma VTEX es extremadamente flexible. Por esto, es común que los clientes tengan varias customizaciones en el front-end del e-commerce. Diferentes herramientas pueden ser responsables de esas customizaciones, entre las que está Google Tag Manager o incluso archivos javascript incluidos en el CMS.
Muchas veces, el número de customizaciones es tan grande que, con el paso del tiempo, el mismo comerciante olvida que hace cada uno de esos archivos, ¿verdad?
Una forma de identificar qué archivo JavaScript está aplicando determinado efecto es por medio del camino a continuación.
Tenga em mente el texto contenido en un efecto de mouseover, por ejemplo. Al colocar su cursor sobre el símbolo del carrito, la siguiente mensaje aparece: “No tiene usted todavía productos en el carrito”
Para encontrar el js responsable de esta customización para poder modificarlo, siga los siguientes pasos:
- Con su página abierta, haga clic en F12 o elija Inspeccionar página;
- Abra la pestaña Network;
- Use el campo de busca del console e inserte la frase “No tiene usted todavía productos en el carrito;
- La lista mostrará el archivo que contiene la string buscada;
- En el Admin VTEX, accede a Storefront > Layout > CMS y busque el archivo en el CMS, por el siguiente camino:
Files Manager > Haga click en .js > Busque por _nombre_del_archivo_.js
Si quiere investigar si una customización de javascript está causando un error de layout, haga clic aqui para saber cómo identificar errores de JavaScript.