{"id":133549,"date":"2022-09-21T16:20:34","date_gmt":"2022-09-21T10:50:34","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=133549"},"modified":"2022-11-07T09:34:09","modified_gmt":"2022-11-07T04:04:09","slug":"show-password-eye-icon-not-visible","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/show-password-eye-icon-not-visible\/","title":{"rendered":"Mostrar icono de ojo de contrase\u00f1a no visible"},"content":{"rendered":"<p>Este documento le ayudar\u00e1 a alternar la visibilidad de una entrada de contrase\u00f1a utilizando un filtro personalizado.<\/p>\n\n\n\n<p>Si usted tiene un sitio web WooCommerce construido usando el tema Astra, y siempre que usted est\u00e1 iniciando sesi\u00f3n en el WooCommerce - Mi Cuenta, es necesario proporcionar el nombre de usuario \/ direcci\u00f3n de correo electr\u00f3nico y contrase\u00f1a.  Un campo de contrase\u00f1a proporciona una manera para que los usuarios introduzcan de forma segura una contrase\u00f1a mostrando el car\u00e1cter * en lugar de los caracteres reales.<\/p>\n\n\n\n<p>Sin embargo, es probable que algunos usuarios escriban una contrase\u00f1a incorrecta. Para ayudarles a ver la contrase\u00f1a que est\u00e1n introduciendo, el icono del ojo junto al campo de la contrase\u00f1a cambiar\u00e1 la visibilidad de la contrase\u00f1a. Esta es una caracter\u00edstica muy \u00fatil que debe tener en su formulario de inicio de sesi\u00f3n.<\/p>\n\n\n\n<p>Anteriormente, el icono del ojo para mostrar la contrase\u00f1a no era visible. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-not-visible.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-not-visible-1024x439.png\" alt=\"Show Password eye icon not visible\" class=\"wp-image-133557\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-not-visible-1024x439.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-not-visible-300x129.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-not-visible-768x330.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-not-visible-1536x659.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-not-visible.png 1876w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Por lo tanto, para hacer visible el icono del ojo de la contrase\u00f1a, debe colocar el siguiente c\u00f3digo en el archivo functions.php.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>add_filter( 'astra_get_option_woo-show-password-icon', '__return_true' );<\/code><\/pre>\n\n\n\n<p>Despu\u00e9s de a\u00f1adir el filtro anterior, el icono del ojo Mostrar contrase\u00f1a ser\u00e1 visible. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-visible.png\"><img decoding=\"async\" width=\"1024\" height=\"431\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-visible-1024x431.png\" alt=\"Show Password eye icon not visible\" class=\"wp-image-133554\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-visible-1024x431.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-visible-300x126.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-visible-768x323.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-visible-1536x647.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/eye-icon-visible.png 1869w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-492f8c7f uagb-inline_notice__outer-wrap\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Para obtener m\u00e1s informaci\u00f3n sobre c\u00f3mo a\u00f1adir un c\u00f3digo personalizado a la funci\u00f3n <strong>funciones.php<\/strong> consulte este art\u00edculo: <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\"><strong>\u00bfC\u00f3mo a\u00f1adir c\u00f3digo PHP personalizado?<\/strong><\/a><\/p><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Este documento le ayudar\u00e1 a cambiar la visibilidad de una entrada de contrase\u00f1a mediante el uso de un filtro personalizado. Si usted tiene un sitio web WooCommerce construido usando el tema Astra, y cada vez que inicie sesi\u00f3n en el WooCommerce - Mi Cuenta, es necesario proporcionar el nombre de usuario \/ direcci\u00f3n de correo electr\u00f3nico y contrase\u00f1a. Un campo de contrase\u00f1a proporciona [...]<\/p>","protected":false},"author":89,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","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":"","theme-transparent-header-meta":"default","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":"","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":""},"docs_category":[2112],"docs_tag":[],"class_list":{"0":"post-133549","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-woocommerce-filters"},"spectra_custom_meta":{"rank_math_internal_links_processed":["1","1","1"],"wp_last_modified_info":["November 7, 2022 @ 9:34 AM","November 7, 2022 @ 9:34 AM","November 7, 2022 @ 9:34 AM"],"wplmi_shortcode":["[lmt-post-modified-info]","[lmt-post-modified-info]","[lmt-post-modified-info]"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"_yoast_wpseo_estimated-reading-time-minutes":["1"],"_yoast_wpseo_focuskw":["mobile cart title"],"_yoast_wpseo_metadesc":["Astra Theme: If you have the WooCommerce or EDD cart added to your websites\u2019 mobile header, you can modify it using this code"],"_yoast_wpseo_linkdex":["47"],"views":["8206"],"helpful":["4"],"unhelpful":["6"],"redirects":["2"],"_lmt_disableupdate":["no"],"_wplmi_last_modified":["2023-01-20 12:39:12"],"rank_math_description":["Astra Theme: If you have the WooCommerce or EDD cart added to your websites\u2019 mobile header, you can modify it using this code"],"rank_math_focus_keyword":["mobile cart title"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1957"],"rank_math_primary_docs_category":["2112"],"rank_math_seo_score":["15"],"_wp_old_slug":["revert-to-css-astra-cart-icon"],"_dp_original":["133426"],"_edit_lock":["1674199336:89"],"_edit_last":["89"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"ce8ab0f04e6a68ba2629b089f7f7e7f5\";s:6:\"images\";a:1:{i:0;i:133557;}}"],"_trp_automatically_translated_slug_es_ES":["mostrar-contrasena-icono-del-ojo-no-visible"],"_uag_page_assets":["a:9:{s:3:\"css\";s:5248:\" .uagb-block-492f8c7f.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-492f8c7f .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;border: 2px solid #FFD54F;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-492f8c7f.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-492f8c7f.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-492f8c7f .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-492f8c7f.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}@media only screen and (max-width: 976px) { .uagb-block-492f8c7f .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-492f8c7f .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-492f8c7f.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-492f8c7f.uagb-dismissable > svg{top: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-492f8c7f .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-492f8c7f .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-492f8c7f.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-492f8c7f.uagb-dismissable > svg{top: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-492f8c7f.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:271:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-492f8c7f' );\n});\n });\";s:18:\"current_block_list\";a:6:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:9:\"core\/code\";i:3;s:18:\"uagb\/inline-notice\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776557646\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"mounikak","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/mounikak\/"},"uagb_comment_info":0,"uagb_excerpt":"This document will help you to toggle the visibility of a password input by using a custom filter. If you have a WooCommerce website built using the Astra theme, and whenever you are logging into the WooCommerce &#8211; My Account, you need to provide the Username\/ email address and Password. A password field provides a&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/133549"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=133549"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/133549\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=133549"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=133549"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=133549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}