{"id":24878,"date":"2018-02-27T00:00:00","date_gmt":"2018-02-26T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=24878"},"modified":"2024-02-07T15:55:11","modified_gmt":"2024-02-07T10:25:11","slug":"astra-woocommerce-mini-cart-shortcode","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/astra-woocommerce-mini-cart-shortcode\/","title":{"rendered":"Astra WooCommerce Mini Cart Shortcode"},"content":{"rendered":"<p>Astra se vuelve a\u00fan m\u00e1s potente con el Addon Astra Pro. El m\u00f3dulo WooCommerce dentro de Astra Pro introduce shortcodes que cambian el juego: [astra_woo_mini_cart] y [astra_woo_slide_in_cart] que puedes utilizar para a\u00f1adir un mini carrito y un carrito deslizante en tu tienda WooCommerce.<\/p>\n\n\n\n<p>En este documento, puedes ver las opciones de personalizaci\u00f3n que ofrecen estos shortcodes, permiti\u00e9ndote mejorar tu experiencia WooCommerce.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-24878-_hjwi0kwaxawo\"><\/a><strong>\u00bfCu\u00e1les son los requisitos para utilizar estos c\u00f3digos cortos?<\/strong><\/h3>\n\n\n\n<p>Antes de entrar en detalles, entendamos lo b\u00e1sico.<\/p>\n\n\n\n<p><strong>Para utilizar los shortcodes [astra_woo_mini_cart] y [astra_woo_slide_in_cart], aseg\u00farese de que dispone de los shortcodes <a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Tema Astra<\/a> y el Addon Astra Pro instalado en su sitio web WordPress.<\/strong><\/p>\n\n\n\n<p>S\u00f3lo entonces podr\u00e1s desbloquear una serie de funcionalidades que pueden mejorar tu mini carrito WooCommerce.<\/p>\n\n\n\n<p>Para m\u00e1s informaci\u00f3n sobre la instalaci\u00f3n del tema Astra y el plugin Astra Pro, consulta las instrucciones que se facilitan en este documento: <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-pro-addon-plugin\/\">C\u00f3mo instalar el complemento Astra Pro<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-24878-_4hpcssmzjf8k\"><\/a><strong>C\u00f3mo usar Mini Cart Shortcode<\/strong><\/h3>\n\n\n\n<p>La belleza de este shortcode reside en su flexibilidad. Puede mostrar el icono de mini carrito pr\u00e1cticamente en cualquier lugar de su sitio, ya sea dentro de los constructores de p\u00e1gina, widgets de la barra lateral, o lugares personalizados de su elecci\u00f3n.<\/p>\n\n\n\n<p>Esto le permite situar estrat\u00e9gicamente el carro para que el usuario lo vea y participe de forma \u00f3ptima.<\/p>\n\n\n\n<p>[astra_woo_mini_cart] tiene un atributo `direction` para la direcci\u00f3n. Determina c\u00f3mo aparecer\u00e1 tu mini carrito cuando la gente pase el cursor sobre \u00e9l.<\/p>\n\n\n\n<p><strong>Opciones:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&#91;astra_woo_mini_cart]\n&#91;astra_woo_mini_cart direction=\"top left\"]\n&#91;astra_woo_mini_cart direction=\"bottom right\"]\n&#91;astra_woo_mini_cart direction=\"top right\"]\n<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"314\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/02\/word-image-24878-1.gif\" alt=\"\" class=\"wp-image-164001\"\/><\/figure>\n\n\n\n<p><a id=\"post-24878-_yz44ffh7wj45\"><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>C\u00f3mo utilizar [astra_woo_slide_in_cart] Shortcode<\/strong><\/h3>\n\n\n\n<p>Puedes mejorar tu experiencia WooCommerce con esta innovadora opci\u00f3n shortcode de Astra.<\/p>\n\n\n\n<p>Ahora, usted puede agregar f\u00e1cilmente un \"Slide In Cart\" como un shortcode en cualquier p\u00e1gina. Para habilitar esta funci\u00f3n, basta con incluir un carrito de WooCommerce en el encabezado, y configurarlo como un carrito deslizable, y elegir la direcci\u00f3n preferida para el carrito.<\/p>\n\n\n\n<p>El carrito reci\u00e9n a\u00f1adido a la p\u00e1gina adopta sin esfuerzo la direcci\u00f3n marcada por el carrito deslizante de la cabecera.<\/p>\n\n\n\n<p>Para comprender mejor este shortcode, puede consultar el v\u00eddeo adjunto a continuaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/Screen_Recording_at_October_6th_2023_-_5.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>\u00bfNo es sencillo? Pruebe a a\u00f1adir un shortcode a su sitio web y sea testigo de la mejora en su experiencia WooCommerce.<\/p>\n\n\n\n<p>Y si necesitas ayuda, estamos a un mensaje de distancia.<\/p>","protected":false},"excerpt":{"rendered":"<p>Astra becomes even more powerful with the Astra Pro Addon. The WooCommerce module within Astra Pro introduces game-changing shortcodes: [astra_woo_mini_cart] and [astra_woo_slide_in_cart] that you can use to add a mini cart and a slide in cart in your WooCommerce store. In this document, you can see the customization options these shortcodes offer, allowing you to [\u2026]<\/p>","protected":false},"author":43,"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":"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":"default","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":[148],"docs_tag":[],"class_list":{"0":"post-24878","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-woo"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["148"],"_wp_old_slug":["","shortcode-for-astra-mini-cart"],"_wp_page_template":["default"],"_edit_lock":["1707301595:89"],"_edit_last":["89"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"wpil_sync_report3":["1"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"wpil_links_inbound_internal_count":["2"],"wpil_links_inbound_internal_count_data":["a:2:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:55:\"https:\/\/wpastra.com\/docs\/shortcode-for-astra-mini-cart\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24873\";s:5:\"title\";s:13:\"Version 1.2.0\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1563:\"<strong>Astra Pro v1.2.0 is finally here<\/strong> ?\r\n\r\nSome of the Highlights of v1.2.0\r\n<ul>\r\n \t<li>Introduced Spacing Addon. Check out <a href=\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\">the documentation<\/a>\u00a0for the Spacing Addon.<\/li>\r\n \t<li>Introduced LifterLMS Addon. Check out <a href=\"https:\/\/wpastra.com\/docs\/lifterlms-overview\/\">the documentation<\/a>\u00a0for LifterLMS Addon.<\/li>\r\n \t<li>Added Typography and Color options for WooCommerce.<\/li>\r\n \t<li>New shortcode <code>[astra_woo_mini_cart]<\/code> to display cart icon anywhere you want. Check out the <a href=\"https:\/\/wpastra.com\/docs\/shortcode-for-astra-mini-cart\/\">documentation for the shortcode<\/a><\/li>\r\n<\/ul>\r\nBe sure check out the changelogs of all the beta versions of v1.2.0 for the complete list of changes.\r\n\r\nFixes:\r\n<ul>\r\n \t<li>Fixed a bug where too many cache files were being created on some of the hosting providers.<\/li>\r\n \t<li>Move Site layout options into Container Layout.<\/li>\r\n \t<li>Woocommerce Single Product Ajax add to cart is activated then related products and upsells not able to add to the cart.<\/li>\r\n \t<li>Display Author only for the post, not for any custom post type.<\/li>\r\n \t<li>Corrected the global translations directory to be - `wp-content\/languages\/plugin\/&lt;translation-file&gt;`. Earlier this global directory was `wp-content\/languages\/&lt;translation-file&gt;` Which differed from what we are recommending in the translation documentation - <a href=\"https:\/\/wpastra.com\/docs\/how-to-translate\/\">https:\/\/wpastra.com\/docs\/how-to-translate\/<\/a><\/li>\r\n<\/ul>\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:46:\"https:\/\/wpastra.com\/changelog\/version-1-2-0-2\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24873\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24873\";}}s:6:\"anchor\";s:31:\"documentation for the shortcode\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:55:\"https:\/\/wpastra.com\/docs\/shortcode-for-astra-mini-cart\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"28266\";s:5:\"title\";s:43:\"How to Add WooCommerce Mini Cart in Header?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:3673:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with\u00a0<strong>Astra Pro Addon<\/strong>\u00a0plugin. To use these Pro features, you need to have the\u00a0<a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Astra theme<\/a>\u00a0along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can add WooCommerce Mini Cart in Header using the WooCommerce module available with Astra Pro. Please refer&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\">document<\/a>, to begin with, WooCommerce module.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>With Astra, you can add WooCommerce mini cart to the primary header with simple settings.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Make sure you have activated the <strong>WooCommerce&nbsp;plugin<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To find the setting, from WordPress dashboard navigate to<strong>&nbsp;Appearance &gt; Customize &gt; Header &gt; Primary Menu &gt; Last Menu in Item <\/strong>and choose <strong>WooCommerce.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>It will display a WooCommerce cart icon at the end of the primary menu.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39298,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-primary-menu-woo-widget.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-primary-menu-woo-widget.png\" alt=\"\" class=\"wp-image-39298\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Astra Pro's <a href=\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\">WooCommerce addon<\/a> provides <a href=\"https:\/\/wpastra.com\/docs\/general-woocommerce\/#header-cart-icon\">options<\/a> to change the cart icon, add styling to it, display cart title and total.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Like primary header, you can add a mini cart to <strong>Above Header<\/strong> and <strong>Below Header<\/strong>. Make sure <a href=\"https:\/\/wpastra.com\/docs\/header-sections-pro\/\">Header Sections<\/a> addon is activated.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To find the setting, from WordPress dashboard navigate to&nbsp;<strong>Appearance &gt; Customize &gt; Header &gt; Above Header &gt; Section<\/strong>&nbsp;( 1\/2 ) and choose <strong>WooCommerce.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39303,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-woo-widget.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-woo-widget.png\" alt=\"\" class=\"wp-image-39303\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:separator -->\n<hr class=\"wp-block-separator\"\/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph -->\n<p>Apart from the header, you might need to display a mini cart icon anywhere on the site. <strong>WooCommerce&nbsp;addon<\/strong> Provides WooCommerce Mini Cart Shortcode, that allows you to display the mini cart icon anywhere you want.&nbsp;<strong>Note<\/strong> that the shortcode will only work if you have <strong>Astra Pro<\/strong> installed and have<strong> WooCommerce&nbsp;<\/strong>addon activated from Astra Pro.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>[astra_woo_mini_cart]&nbsp;<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Refer to the article <a href=\"https:\/\/wpastra.com\/docs\/shortcode-for-astra-mini-cart\/\">here<\/a> for more information.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:61:\"https:\/\/wpastra.com\/docs\/add-woocommerce-mini-cart-to-header\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=28266\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=28266\";}}s:6:\"anchor\";s:4:\"here\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count":["2"],"wpil_links_outbound_external_count_data":["a:2:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:35:\"https:\/\/wordpress.org\/themes\/astra\/\";s:4:\"host\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:11:\"Astra theme\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:53:\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-18T13:28:20+00:00"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"_yoast_wpseo_title":["How to Display a Mini Cart Anywhere Using Shortcode? (Astra and WooCommerce)"],"wp_last_modified_info":["October 13, 2023 @ 10:57 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_yoast_wpseo_estimated-reading-time-minutes":["1"],"_ht_kb_post_views_count":["40"],"_ht_kb_usefulness":["0"],"_ht_article_order_148":["24878"],"views":["8935"],"helpful":["5"],"unhelpful":["16"],"redirects":["13"],"rank_math_primary_docs_category":["148"],"rank_math_title":["How to Display a Mini Cart Anywhere Using Astra Shortcode?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1203"],"rank_math_seo_score":["19"],"rank_math_facebook_title":["How to Display a Mini Cart Anywhere Using Astra Shortcode?"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-10-13 10:57:47"],"_wpml_media_duplicate":["1"],"_uag_custom_page_level_css":[""],"_lmt_disableupdate":[""],"_lmt_disable":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"1f1e72eb3f5a49b4b02ad1a0d33e9b0d\";s:6:\"images\";a:1:{i:0;i:164001;}}"],"rank_math_schema_VideoObject":["a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-651ff70ed27be\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"thumbnailUrl\";s:16:\"%post_thumbnail%\";s:8:\"embedUrl\";s:0:\"\";s:10:\"contentUrl\";s:103:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/Screen_Recording_at_October_6th_2023_-_5.mp4\";s:8:\"duration\";s:0:\"\";s:5:\"width\";i:1468;s:6:\"height\";i:744;s:16:\"isFamilyFriendly\";b:1;}","a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-651ff70ed3aeb\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"thumbnailUrl\";s:16:\"%post_thumbnail%\";s:8:\"embedUrl\";s:0:\"\";s:10:\"contentUrl\";s:103:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/Screen_Recording_at_October_6th_2023_-_5.mp4\";s:8:\"duration\";s:0:\"\";s:5:\"width\";i:1468;s:6:\"height\";i:744;s:16:\"isFamilyFriendly\";b:1;}"],"_trp_automatically_translated_slug_es_ES":["astra-woocommerce-mini-cart-shortcode"],"pfd_related_docs":[""],"_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:7:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:9:\"core\/code\";i:3;s:10:\"core\/image\";i:4;s:10:\"core\/video\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776817171\";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":"Team Astra","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/astra-editorial\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra becomes even more powerful with the Astra Pro Addon. The WooCommerce module within Astra Pro introduces game-changing shortcodes: [astra_woo_mini_cart] and [astra_woo_slide_in_cart] that you can use to add a mini cart and a slide in cart in your WooCommerce store. In this document, you can see the customization options these shortcodes offer, allowing you to&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24878"}],"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\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=24878"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24878\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24878"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24878"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}