{"id":132749,"date":"2022-09-11T18:45:31","date_gmt":"2022-09-11T13:15:31","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=132749"},"modified":"2024-01-16T21:45:26","modified_gmt":"2024-01-16T16:15:26","slug":"how-to-create-a-sticky-sidebar-in-astra","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-create-a-sticky-sidebar-in-astra\/","title":{"rendered":"C\u00f3mo crear una barra lateral adhesiva para la p\u00e1gina de tu tienda WooCommerce"},"content":{"rendered":"<p>En este documento, explicaremos c\u00f3mo hacer que la barra lateral de la p\u00e1gina de productos de WooCommerce sea adhesiva. Esto garantiza que los usuarios puedan hacer clic y realizar cambios en la barra lateral mientras navegan por los art\u00edculos de la p\u00e1gina de la tienda. Esta es una caracter\u00edstica Astra Pro y usted tendr\u00e1 que activar el complemento Astra Pro plugin para acceder a la funci\u00f3n.<\/p>\n\n\n\n<p>Despu\u00e9s de instalar y activar el plugin Astra Pro, siga los pasos que se indican a continuaci\u00f3n para activar la barra lateral adhesiva.<\/p>\n\n\n\n<p><strong>Paso 1:<\/strong> Vaya al panel de control de WordPress, haga clic en Apariencia y en Personalizador.<\/p>\n\n\n\n<p><strong>Segundo paso:<\/strong> Haga clic en WooCommerce y seleccione Cat\u00e1logo de productos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-Woo-Product-Catalog.jpeg\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-Woo-Product-Catalog-1024x503.jpeg\" alt=\"Ast-woocommerce-product-catalog\" class=\"wp-image-152913\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-Woo-Product-Catalog-1024x503.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-Woo-Product-Catalog-300x148.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-Woo-Product-Catalog-768x378.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-Woo-Product-Catalog.jpeg 1322w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Paso 3: <\/strong>Vaya a las opciones de estructura de la tienda y active el bot\u00f3n situado junto a \"Activar barra lateral adhesiva\".<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-enable-sticky-sidebar.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-enable-sticky-sidebar-1024x495.jpeg\" alt=\"Astra-enable-sticky-sidebar\" class=\"wp-image-152914\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-enable-sticky-sidebar-1024x495.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-enable-sticky-sidebar-300x145.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-enable-sticky-sidebar-768x371.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-enable-sticky-sidebar.jpeg 1350w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Actualmente, no disponemos de una barra lateral fija para las entradas o los archivos del blog. Sin embargo, nos tomamos muy en serio los comentarios de nuestros usuarios y trabajaremos en esta funci\u00f3n tan pronto como podamos. Como alternativa, puedes utilizar un plugin externo para conseguirlo. Por favor, haga una copia de seguridad de su sitio web antes de utilizar cualquier plugin externo. He aqu\u00ed una <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/backup-your-website-in-less-than-10-minutes\/\" target=\"_blank\" rel=\"noreferrer noopener\">art\u00edculo <\/a>que le guiar\u00e1n a lo largo del proceso.<\/p>","protected":false},"excerpt":{"rendered":"<p>En este documento, explicaremos c\u00f3mo hacer que la barra lateral de la p\u00e1gina de productos de WooCommerce sea adhesiva. Esto garantiza que los usuarios puedan hacer clic y realizar cambios en la barra lateral mientras navegan por los art\u00edculos de la p\u00e1gina de la tienda. Esta es una caracter\u00edstica de Astra Pro y necesitar\u00e1 activar el complemento [...]<\/p>","protected":false},"author":86,"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":[116],"docs_tag":[],"class_list":{"0":"post-132749","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-astra-customizer-settings"},"spectra_custom_meta":{"wp_last_modified_info":["June 4, 2023 @ 11:27 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1705421727:109"],"_wplmi_last_modified":["2023-06-04 23:27:41"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["17"],"_edit_last":["109"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"rank_math_analytic_object_id":["1930"],"rank_math_primary_docs_category":["116"],"views":["5653"],"helpful":["2"],"unhelpful":["23"],"redirects":["3"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"33dbe99c36e895a51f2a3b183af8e375\";s:6:\"images\";a:1:{i:0;s:98:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/Astra-Woo-Product-Catalog-1024x503.jpeg\";}}"],"_trp_automatically_translated_slug_es_ES":["como-crear-una-barra-lateral-adhesiva-en-astra"],"_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"],"pfd_related_docs":[""]},"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":"Arindam","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/arindamm\/"},"uagb_comment_info":0,"uagb_excerpt":"In this document, we will explain how to make the sidebar on the WooCommerce product page sticky. This ensures that the users can click and make changes to the sidebar while browsing through the items on the shop page. This is an Astra Pro feature and you will need to activate the Astra Pro add-on&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/132749"}],"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\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=132749"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/132749\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=132749"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=132749"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=132749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}