{"section":"faq","requestedLocale":"es","requestedSlug":"como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda","locale":"es","slug":"como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda","path":"docs/es/faq/shopping/como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda.md","branch":"main","content":"> ⚠️ Tutorial válido solo para tiendas CMS Portal (Legado).\n\nEn este artículo, aprenderá a bloquear las personalizaciones de front-end para detectar si el problema es la información que VTEX entrega de forma nativa o si es la personalización de la página.\n\nHay varias aplicaciones y extensiones de Chrome que retiran las personalizaciones, sin embargo, vamos a demostrar cómo retirarlas utilizando una herramienta nativa de Chrome: **DevTools**.\n\n## Cómo configurar DevTools\n\n1. Para abrir DevTools, ingrese a Chrome y oprima **F12** o haga clic en el **botón derecho del mouse > Inspeccionar**.\n\n![Customizations1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/faq/shopping/como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda_1.png)\n\n2. Vamos a buscar la función **Request Blocking** para bloquear todas las personalizaciones realizadas con CSS, JavaScript y Google Tag Manager. Haga clic en los tres puntos de la derecha, como se indica en la imagen, después en **More Tools** y, por último, en **Request Blocking**.\n\n![Customizations2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/faq/shopping/como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda_2.png)\n\n3. Se abrirá un recuadro como se muestra aquí:\n\n![Customizations3](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/faq/shopping/como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda_3.png)\n\n4. Haga clic en la pestaña **Request Blocking**.\n\nAhora defina los recursos que se deben bloquear. Solo tiene que hacer la configuración una vez.\n\n5. Haga clic en ícono de «+» e incluya, uno por uno, los elementos que aparecen a continuación:\n\n- `*/arquivos/*.js`\n- `*/files/*js`\n- `*/arquivos/*.css`\n- `*/files/*.css`\n- `*gtm.js*`\n\nEl recuadro se verá así:\n\n![Customizations4](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/faq/shopping/como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda_4.png)\n\nRecuerde: solo tiene que hacer la configuración __una__ vez.\n\n## Cómo bloquear las personalizaciones con DevTools\n\n1. Marque la casilla **Enable request blocking** y habilite las cinco casillas que se muestran en la imagen. \n\n2. Esta será la configuración que quedará definida como estándar, con las cinco opciones habilitadas para el bloqueo.\n\n![Customizations5](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/faq/shopping/como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda_5.png)\n\n3. Ahora, actualice la página oprimiendo **F5**. La página se mostrará sin los componentes de personalización.\n\n![Customizations6](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/faq/shopping/como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda_6.png)\n\n4. Para volver a visualizar las personalizaciones, solo tiene que desactivar la casilla **Enable request blocking** y actualizar la página otra vez.\n\nSi el comportamiento indeseado que había observado originalmente no ocurre sin la personalización, comuníquese con el equipo responsable de su front-end para que ellos investiguen lo que está ocurriendo.\n\nSi el comportamiento indeseado persiste aun con las personalizaciones bloqueadas, abra una solicitud de asistencia con el equipo de soporte de VTEX y envíe los detalles de lo que está pasando."}