{"id":174680,"date":"2024-02-22T16:53:06","date_gmt":"2024-02-22T11:23:06","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=174680"},"modified":"2024-02-22T16:54:53","modified_gmt":"2024-02-22T11:24:53","slug":"change-background-color-of-product-shop-pages","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/change-background-color-of-product-shop-pages\/","title":{"rendered":"\u00bfC\u00f3mo cambiar el color de fondo de las p\u00e1ginas de productos y tiendas en Astra?"},"content":{"rendered":"<p>Astra Pro le permite personalizar el esquema de color de las p\u00e1ginas individuales, este documento se centra espec\u00edficamente en la personalizaci\u00f3n de las p\u00e1ginas de producto y tienda dentro de WooCommerce.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Color de fondo de las p\u00e1ginas de productos y tiendas en Astra<\/strong><\/h3>\n\n\n\n<p>WooCommerce es un plugin de comercio electr\u00f3nico integrado en WordPress. Entre las diversas preferencias de personalizaci\u00f3n que tienen los usuarios, alterar el color de fondo de las p\u00e1ginas de producto, carrito y pago es una demanda notable.<\/p>\n\n\n\n<p>Cuando se trata de ajustar el color de fondo de la P\u00e1gina de Tienda\/Producto, Astra Pro proporciona una soluci\u00f3n conveniente a trav\u00e9s de su meta configuraci\u00f3n.<\/p>\n\n\n\n<p>En la versi\u00f3n anterior (pre-4.4.0), Astra Pro s\u00f3lo ofrec\u00eda dos opciones de fondo: una para todo el sitio y otra para el contenido. Sin embargo, la \u00faltima actualizaci\u00f3n ha introducido una mejora, que permite a los usuarios ajustar de forma independiente el color de fondo para cada p\u00e1gina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-174680-_tc4fqyqc8uqe\"><\/a><strong>\u00bfPor qu\u00e9 los ajustes espec\u00edficos de p\u00e1gina de Astra?<\/strong><\/h3>\n\n\n\n<p>Astra Pro Los Ajustes Espec\u00edficos de P\u00e1gina desempe\u00f1an un papel crucial al permitir a los usuarios anular los ajustes globales para los fondos de sitio y de contenido.<\/p>\n\n\n\n<p>Esto significa que tiene un control total sobre la presentaci\u00f3n visual de cada p\u00e1gina, lo que ofrece un nivel de personalizaci\u00f3n que antes no estaba disponible.<\/p>\n\n\n\n<p>Ahora, puedes ajustar el fondo de tu p\u00e1gina y del contenido de cada p\u00e1gina. Es como dar a cada p\u00e1gina su propio estilo. Las opciones que ten\u00edamos antes aplicaban el mismo aspecto a todo el sitio. Ahora, puedes ser creativo y hacer que cada p\u00e1gina destaque.<\/p>\n\n\n\n<p>He aqu\u00ed c\u00f3mo puedes hacerlo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-174680-_x9ehhf7lfmr8\"><\/a><strong>Ajuste de los colores de cada p\u00e1gina<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/install-astra-pro-addon-plugin\/\">Instalar Astra Pro<\/a> y activar el <strong>Colores y fondo<\/strong> en el salpicadero del Astra.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/colors-and-background-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"1117\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/colors-and-background-1.png\" alt=\"Colors &amp; Background\" class=\"wp-image-174683\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/colors-and-background-1.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/colors-and-background-1-300x164.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/colors-and-background-1-1024x559.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/colors-and-background-1-768x419.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/colors-and-background-1-1536x838.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/colors-and-background-1-18x10.png 18w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Encontrar\u00e1 todas las p\u00e1ginas de su sitio web WooCommerce en <strong>P\u00e1ginas<\/strong> &gt; <strong>Todas las p\u00e1ginas. <\/strong>Elija los que desee modificar.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/pages-greater-all-pages-1.png\"><img decoding=\"async\" width=\"2048\" height=\"1115\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/pages-greater-all-pages-1.png\" alt=\"Pages &gt; All Pages\" class=\"wp-image-174684\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/pages-greater-all-pages-1.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/pages-greater-all-pages-1-300x163.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/pages-greater-all-pages-1-1024x558.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/pages-greater-all-pages-1-768x418.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/pages-greater-all-pages-1-1536x836.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/pages-greater-all-pages-1-18x10.png 18w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure>\n\n\n\n<p>Ahora puede editar estas p\u00e1ginas como desee y guardar los cambios.<\/p>\n\n\n\n<p>Para ver una demostraci\u00f3n visual de c\u00f3mo hacerlo, consulte el siguiente v\u00eddeo.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-photo is-provider-droplr wp-block-embed-droplr\">\n<a href=\"https:\/\/d.pr\/i\/otbw4Y\"><img decoding=\"async\" src=\"https:\/\/d.pr\/i\/otbw4Y.png\" alt=\"Screen Recording at 2024-02-17 at 02-52-53.gif\" width=\"1366\" height=\"768\" \/><\/a>\n<\/figure>\n\n\n\n<p>Este enfoque es aplicable no s\u00f3lo a la p\u00e1gina Tienda, sino tambi\u00e9n a las p\u00e1ginas Producto, Producto \u00fanico, Carro y Caja.<\/p>\n\n\n\n<p>Confiamos en que esta gu\u00eda le haya resultado \u00fatil e informativa. Si tiene alguna pregunta, no dude en <a href=\"https:\/\/git-staging.wpastra.com\/es\/contact\/\">tender la mano<\/a>!<\/p>","protected":false},"excerpt":{"rendered":"<p>Astra Pro allows you to customize the color scheme of individual pages, this document specifically focuses on customizing product and shop pages within WooCommerce. Background Color of Product &amp; Shop Pages in Astra WooCommerce is an e-commerce plugin integrated with WordPress. Among the various customization preferences users have, altering the background color of product, cart, [\u2026]<\/p>","protected":false},"author":89,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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":[155],"docs_tag":[],"class_list":{"0":"post-174680","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-woocommerce-free"},"spectra_custom_meta":{"_edit_lock":["1708601169:89"],"rank_math_internal_links_processed":["1"],"_oembed_e68146dffd9adb40448c7679ef7436cf":["<a href=\"https:\/\/d.pr\/i\/otbw4Y\"><img src=\"https:\/\/d.pr\/i\/otbw4Y.png\" alt=\"Screen Recording at 2024-02-17 at 02-52-53.gif\" width=\"1366\" height=\"768\" \/><\/a>"],"_oembed_time_e68146dffd9adb40448c7679ef7436cf":["1708600452"],"rank_math_seo_score":["15"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"theme-transparent-header-meta":[""],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"rank_math_primary_docs_category":["155"],"views":["7967"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"cddabd3d8ce9f77c08a3774b6a42061c\";s:6:\"images\";a:1:{i:0;i:174683;}}"],"_oembed_c8a0ff95890f35597af3b211a758165c":["<a href=\"https:\/\/d.pr\/i\/otbw4Y\"><img src=\"https:\/\/d.pr\/i\/otbw4Y.png\" alt=\"Screen Recording at 2024-02-17 at 02-52-53.gif\" width=\"1366\" height=\"768\" \/><\/a>"],"_oembed_time_c8a0ff95890f35597af3b211a758165c":["1708600990"],"_trp_automatically_translated_slug_es_ES":["como-cambiar-el-color-de-fondo-de-las-paginas-de-la-tienda-de-productos-en-astra"],"_wp_old_slug":["how-to-change-the-background-color-of-product-shop-pages-in-astra"],"pfd_related_docs":[""],"helpful":["3"],"unhelpful":["3"],"redirects":["0"],"_oembed_79836d59652fcbe3b8bb5303fa2881d0":["<a href=\"https:\/\/d.pr\/i\/otbw4Y\"><img src=\"https:\/\/d.pr\/i\/otbw4Y.png\" alt=\"Screen Recording at 2024-02-17 at 02-52-53.gif\" width=\"1366\" height=\"768\" \/><\/a>"],"_oembed_time_79836d59652fcbe3b8bb5303fa2881d0":["1718170320"],"_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:8:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:10:\"core\/image\";i:5;s:10:\"core\/embed\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1775575358\";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":"Astra Pro allows you to customize the color scheme of individual pages, this document specifically focuses on customizing product and shop pages within WooCommerce. Background Color of Product &amp; Shop Pages in Astra WooCommerce is an e-commerce plugin integrated with WordPress. Among the various customization preferences users have, altering the background color of product, cart,&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/174680"}],"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=174680"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/174680\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=174680"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=174680"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=174680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}