{"section":"tutorials","requestedLocale":"es","requestedSlug":"activar-el-zoom-del-producto-en-el-template-de-pagina","locale":"es","slug":"activar-el-zoom-del-producto-en-el-template-de-pagina","path":"docs/es/tutorials/storefront/layout/activar-el-zoom-del-producto-en-el-template-de-pagina.md","branch":"main","content":"Una vez que tengas [configurado el CSS del zoom](https://developers.vtex.com/vtex-developer-docs/docs/setting-up-the-zoom), hay que insertar el control que activa el zoom en el template de la página de producto. El proceso para eso también ocurre dentro del _Gerenciador do Portal_, sólo que, ahora, localizando el template de página de producto que debe estar dentro de la carpeta _Portal > Templates de Página_. \n\nUna vez localizado el template, hay que colocar la referencia para el archivo .css que acabamos de subir. Para eso, debe incluir una tag como\n`<link href=\"/arquivos/zoom.css\" rel=\"stylesheet\" type=\"text/css\">`\ndentro del head template, como lo haríamos con cualquier otro archivo css. \n\nAhora sólo hay que insertar `zoom=\"on\"` en la tag del producto. Como se ve abajo:\n`<vtex.cmc:ProductImage zoom=\"on\">`"}