{"id":101100,"date":"2021-07-27T17:36:25","date_gmt":"2021-07-27T12:06:25","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=101100"},"modified":"2021-09-21T22:23:58","modified_gmt":"2021-09-21T16:53:58","slug":"fix-transparent-woocommerce-cart","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/fix-transparent-woocommerce-cart\/","title":{"rendered":"Arreglar Woocommerce Cesta Convertirse Transparente Con Header Builder"},"content":{"rendered":"<p>Si decidiste cambiar de la antigua cabecera Astra al nuevo Header Footer Builder, habr\u00e1s notado que tu mini carrito WooCommerce se volvi\u00f3 transparente.&nbsp;<\/p>\n\n\n\n<p>La versi\u00f3n 3.6.7 de Astra Theme incluye una correcci\u00f3n, pero no se aplica autom\u00e1ticamente a los sitios web existentes. Aprenda c\u00f3mo aplicarlo a su sitio web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 necesito esta mejora?<\/h2>\n\n\n\n<p>El carrito de WooCommerce a\u00f1adido a tu antigua cabecera Astra ten\u00eda el fondo configurado en color blanco por defecto.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-old.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"675\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-old.png\" alt=\"Old Astra Header - WooCommerce Cart\" class=\"wp-image-101101\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-old.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-old-300x148.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-old-1024x506.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-old-768x380.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p>El cambio al Header Footer Builder de Astra provoc\u00f3 que el carrito se volviera transparente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-hfb.png\"><img decoding=\"async\" width=\"1366\" height=\"630\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-hfb.png\" alt=\"Fix WooCommerce Cart Becoming Transparent with Header Builder\" class=\"wp-image-101102\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-hfb.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-hfb-300x138.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-hfb-1024x472.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-fix-cart-background-hfb-768x354.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p>Aunque la actualizaci\u00f3n Astra 3.6.7 viene con la correcci\u00f3n, \u00e9sta no se aplicar\u00e1 autom\u00e1ticamente a su sitio web para evitar efectos no deseados en sus sitios web existentes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo solucionarlo?<\/h2>\n\n\n\n<p>Para todos los sitios web nuevos, esta correcci\u00f3n se aplicar\u00e1 autom\u00e1ticamente cuando se actualice el tema.&nbsp;<\/p>\n\n\n\n<p>Como se ha mencionado, para el sitio web existente, esta correcci\u00f3n debe activarse a\u00f1adiendo un filtro. Esto se ha hecho para que pueda comprobar c\u00f3mo se aplican estos cambios a su sitio web y realizar los cambios necesarios.&nbsp;<\/p>\n\n\n\n<p>Para aplicar la mejora a su sitio web existente, deber\u00e1 a\u00f1adir un filtro al archivo functions.php de su tema hijo. Si no tiene instalado el tema hijo, compruebe lo siguiente <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/install-astra-child-theme\/\">este art\u00edculo<\/a> sobre c\u00f3mo hacerlo. Por favor, a\u00f1ada el siguiente filtro:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">add_filter( 'astra_apply_background_to_outline_cart_builder_element', '__return_true' );<\/pre>\n\n\n\n<p>Si no est\u00e1 seguro de c\u00f3mo a\u00f1adir este c\u00f3digo, consulte lo siguiente <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\">art\u00edculo<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Si decidiste cambiar de la antigua cabecera Astra al nuevo Header Footer Builder, puede que hayas notado que tu mini carrito WooCommerce se volvi\u00f3 transparente.  La versi\u00f3n 3.6.7 de Astra Theme viene con una soluci\u00f3n para esto, pero la soluci\u00f3n no se aplica autom\u00e1ticamente a los sitios web existentes. Aprenda c\u00f3mo aplicarlo a su sitio web. [...]<\/p>","protected":false},"author":70,"featured_media":0,"comment_status":"open","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-101100","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-woocommerce-filters"},"spectra_custom_meta":{"wp_last_modified_info":["September 21, 2021 @ 10:23 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1678448560:89"],"_edit_last":["20"],"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":["30"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"views":["4955"],"helpful":["1"],"unhelpful":["3"],"redirects":["4"],"_yoast_wpseo_primary_docs_category":["2112"],"rank_math_primary_docs_category":["2112"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["180"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"2ec6d336e0f6de792f7d667d47c9bfe3\";s:6:\"images\";a:1:{i:0;i:101101;}}"],"_trp_automatically_translated_slug_es_ES":["arreglar-carrito-woocommerce-transparente"],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".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:0:\"\";s:18:\"current_block_list\";a:6:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:10:\"core\/image\";i:3;s:17:\"core\/preformatted\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776603621\";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":"Nikola Mihajlovic","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/nikolam\/"},"uagb_comment_info":0,"uagb_excerpt":"If you decided to switch from the old Astra header to a new Header Footer Builder, you might have noticed that your WooCommerce mini cart became transparent.&nbsp; Astra Theme version 3.6.7 came with the fix for this, but the fix is not applied automatically to existing websites. Learn how to apply it to your website.&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/101100"}],"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\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=101100"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/101100\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=101100"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=101100"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=101100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}