{"id":25003,"date":"2018-02-28T00:00:00","date_gmt":"2018-02-27T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=25003"},"modified":"2023-02-09T15:06:12","modified_gmt":"2023-02-09T09:36:12","slug":"woocommerce-module-overview","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/woocommerce-module-overview\/","title":{"rendered":"Visi\u00f3n general del m\u00f3dulo WooCommerce"},"content":{"rendered":"<p>Astra funciona perfectamente con WooCommerce para proporcionar<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/woocommerce-integration-overview\/\"> elegantes ambientes de dise\u00f1o<\/a> para personalizarlo a su gusto.&nbsp;<\/p>\n\n\n\n<p>Al mismo tiempo, el Addon WooCommerce te da capacidades extendidas para estilizar y dise\u00f1ar tu tienda WooCommerce. Con un m\u00ednimo de tiempo y esfuerzo y potentes opciones de personalizaci\u00f3n, puedes hacer que tu tienda sea m\u00e1s elegante y destaque.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"715\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-pro-woocommerce-module.png\" alt=\"Astra Pro - WooCommerce Module, Astra 3.0+\" class=\"wp-image-86853\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-pro-woocommerce-module.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-pro-woocommerce-module-300x157.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-pro-woocommerce-module-1024x536.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-pro-woocommerce-module-768x402.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>Se trata de una funci\u00f3n premium disponible con el <a href=\"https:\/\/git-staging.wpastra.com\/es\/pro\/\">Astra Pro <\/a>complemento. Para utilizar estos complementos, es necesario tener la extensi\u00f3n <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-theme\/\">Tema Astra instalado<\/a> junto con el<a href=\"https:\/\/git-staging.wpastra.com\/es\/pricing\/\"> Astra Pro <\/a>en su sitio web.<\/p>\n\n\n\n<p>Estos son los pasos para activar el complemento y explorar la configuraci\u00f3n Premium -&nbsp;<\/p>\n\n\n\n<p><strong>Primer paso<\/strong> - Aseg\u00farese de que dispone del <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-pro-addon-plugin\/\">Astra Pro <\/a>y <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\">WooCommerce <\/a>plugin instalado y activado.<br><strong>Paso 2<\/strong> - Active el complemento WooCommerce desde <em>Astra&gt; Cuadro de mandos &gt; M\u00f3dulos Astra Pro<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/astra-pro-woocommerce-module.gif\"><img decoding=\"async\" width=\"600\" height=\"281\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/astra-pro-woocommerce-module.gif\" alt=\"\" class=\"wp-image-145462\"\/><\/a><\/figure>\n\n\n\n<p><strong>Paso 3<\/strong><em> &#8211; <\/em>Ahora puede encontrar estos ajustes en <em>Apariencia &gt; Personalizar &gt; WooCommerce.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/woocommerce.png\"><img decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/woocommerce-1024x481.png\" alt=\"\" class=\"wp-image-131137\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/woocommerce-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/woocommerce-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/woocommerce-768x360.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/woocommerce-1536x721.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/woocommerce.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Aqu\u00ed ver\u00e1 las distintas pesta\u00f1as.&nbsp;<\/p>\n\n\n\n<p>El propio plugin de WooCommerce proporciona muy pocas opciones de personalizaci\u00f3n. Las opciones de Astra se combinan con las opciones predeterminadas de WooCommerce para que puedas encontrar todo en un solo lugar.&nbsp;&nbsp;<\/p>\n\n\n\n<p>A continuaci\u00f3n se explican todas las pesta\u00f1as y los ajustes relacionados -&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/general-woocommerce\/\"><strong>General<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/shop-woocommerce\/\"><strong>Tienda&nbsp;<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/single-product-woocommerce\/\"><strong>Producto \u00fanico<\/strong><\/a><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/woocommerce-integration-overview\/#cart-page\" target=\"_blank\" rel=\"noreferrer noopener\">P\u00e1gina del carro<\/a><\/strong><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/checkout-page-woocommerce\/\"><strong>P\u00e1gina de pago<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/misc-woocommerce\/\"><strong>Varios<\/strong><\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>Documentos relacionados -<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/colors-background-options-for-woocommerce\/\"><strong>Colores y fondos para WooCommerce<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/woocommerce-tutorial\/woocommerce-shortcodes\/\"><strong>Gu\u00eda definitiva sobre WooCommerce Shortcodes<\/strong><\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Astra works seamlessly with WooCommerce to provide elegant design settings to customize it to your heart\u2019s desire.\u00a0 At the same time, the WooCommerce Addon gives you extended capabilities to style and design your WooCommerce store. With minimal time and effort and powerful customization options, you can make your store more stylish and stand out. This [\u2026]<\/p>","protected":false},"author":20,"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":[148],"docs_tag":[],"class_list":{"0":"post-25003","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-woo"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["148"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1675939301:89"],"_edit_last":["89"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["30"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["9"],"wpil_links_inbound_internal_count_data":["a:9:{i:0;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:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"23733\";s:5:\"title\";s:52:\"WooCommerce Integration Overview in Free Astra Theme\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:9213:\"<!-- wp:paragraph -->\n<p>Astra integrates nicely with WooCommerce. All WooCommerce elements automatically adapt to the rest of your Astra powered website and take colors, fonts out of the box from the theme customizer settings. That way, you can have your shop up and running immediately with minimum setup. Let's take a look!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Note:<\/strong> We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the WooCommerce module of Astra Pro Addon.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Astra Pro Addon extends the options with <a rel=\"noopener noreferrer\" href=\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\" target=\"_blank\">WooCommerce Module<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>WooCommerce Settings:<\/strong><br>Please be sure you have WooCommerce plugin installed. Once you have it installed and activated, you will find a dedicated tab for WooCommerce under the Customizer.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Note:<\/strong> After Astra 2.0, we have combined Astra WooCommerce settings with WooCommerce Default settings in the Customizer. Now you will find the combined settings in the first panel of WooCommerce.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42245,\"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-locate-woocommerce.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-locate-woocommerce.png\" alt=\"\" class=\"wp-image-42245\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>WooCommerce Tab:&nbsp;<\/strong><br>Under the WooCommerce tab, you will find further options categorized into further tabs.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Note:<\/strong> Now we have brought all the WooCommerce settings under a single WooCommerce tab. While, you will find the Astra settings with the WooCommerce settings in the pointed out tabs. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42246,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woocommerce-tab-ast-settings-1024x531.png\" alt=\"\" class=\"wp-image-42246\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Product Catalog:&nbsp;<\/strong><br>Here you can control how your shop page looks. Following are our settings -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Shop Archive Content Width:<\/strong> You can choose the default or custom option. If you select the custom setting you can set the Archive Content Width.<\/li><li><strong>Shop Columns:<\/strong> The number of columns for each device<\/li><li><strong>Products Per Page:<\/strong> Number of Products you want to display<\/li><li><strong>Shop Product Structure:<\/strong> Structure of products where you can move elements or disable them.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":42248,\"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-woocommerce-product-catalog.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woocommerce-product-catalog.png\" alt=\"\" class=\"wp-image-42248\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Single Product Page:<\/strong><br>Enable or disable breadcrumbs from appearing in this section.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42249,\"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-woocommerce-single-product.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woocommerce-single-product.png\" alt=\"\" class=\"wp-image-42249\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Cart Page:<\/strong><br>Should you wish to display <a href=\"https:\/\/docs.woocommerce.com\/document\/related-products-up-sells-and-cross-sells\/\">upsell products<\/a>, you can enable \"Enable Upsells\" checkbox.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42251,\"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-cart-page.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-cart-page.png\" alt=\"\" class=\"wp-image-42251\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Product Images<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can set Main Image width and Thumbnail Image Width using Astra along with WooCommerce settings which provides the Thumbnail Cropping options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Cart Icon in Menu:<\/strong><br>You can display the cart icon in the menu by going under Layout - Primary Header option and enabling WooCommerce as Custom Menu Item.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40848,\"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-40848\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Container Setting:<\/strong><br>You can control container independently on WooCommerce pages. The option you set here will affect WooCommerce Shop, Single Product, Cart, and Checkout Pages.<br>Please note, you can override container setting for individual pages through <a href=\"https:\/\/cloudup.com\/cDXvA8ShOGJ+\">meta settings<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42256,\"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-woocommerce-container-layout.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woocommerce-container-layout.png\" alt=\"\" class=\"wp-image-42256\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Sidebar:<\/strong><br>You can control sidebar independently on WooCommerce pages such as Shop, Cart, and Checkout.<br>For further control on Single Products, we have provided its own sidebar setting so you can have a totally different sidebar there.<br>You can add widgets in any sidebar from Customizer.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42257,\"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-woocommerce-sidebar-settings.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woocommerce-sidebar-settings.png\" alt=\"\" class=\"wp-image-42257\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:image {\"id\":42258,\"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-woocommerce-sidebar-single-product-settings.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woocommerce-sidebar-single-product-settings.png\" alt=\"\" class=\"wp-image-42258\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Again, please note, you can override container setting for individual pages through <a href=\"https:\/\/cloudup.com\/cDXvA8ShOGJ+\">meta settings<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Base Color &amp; Typography:<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>As mentioned at the beginning of the article, all WooCommerce elements automatically adapt with the rest of your Astra powered website and take colors, fonts out of the box from the theme customizer settings.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42259,\"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-woocommerce-typography-free.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woocommerce-typography-free.png\" alt=\"\" class=\"wp-image-42259\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:image {\"id\":42261,\"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-woocommerce-colors-free.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woocommerce-colors-free.png\" alt=\"\" class=\"wp-image-42261\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>We provide more styling options in dedicated modules of <strong>Astra Pro Addon<\/strong> plugin. Learn more about the <a href=\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\">WooCommerce<\/a> module of Astra Pro Addon.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:58:\"https:\/\/wpastra.com\/docs\/woocommerce-integration-overview\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=23733\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=23733\";}}s:6:\"anchor\";s:18:\"WooCommerce Module\";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:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24878\";s:5:\"title\";s:31:\"WooCommerce Mini Cart Shortcode\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1598:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Please refer\u00a0<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>The WooCommerce addon in the Astra Pro provides a shortcode <code>[astra_woo_mini_cart]<\/code> to display the mini cart icon anywhere you want. This can be used on page builders\/sidebar widgets etc.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><code>[astra_woo_mini_cart]<\/code> had an attribute `direction` for the direction this should open the mini cart on hover.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Options:<br><code>[astra_woo_mini_cart]<\/code><br><code>[astra_woo_mini_cart direction=\"top left\"]<\/code><br><code>[astra_woo_mini_cart direction=\"bottom right\"]<\/code><br><code>[astra_woo_mini_cart direction=\"top right\"]<\/code><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:video {\"id\":41612,\"align\":\"center\"} -->\n<figure class=\"wp-block-video aligncenter\"><video autoplay loop muted src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woo-mini-cart.mov\"><\/video><\/figure>\n<!-- \/wp:video -->\n\n<!-- wp:paragraph -->\n<p>The design of the cart in the menu can be fully customized using the options in WordPress customizer.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:55:\"https:\/\/wpastra.com\/docs\/shortcode-for-astra-mini-cart\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24878\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24878\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:2;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:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25011\";s:5:\"title\";s:26:\"Single Product WooCommerce\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:4729:\"<!-- wp:paragraph -->\n<p><a href=\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\">WooCommerece Addon<\/a> from Astra Pro allow you to design single product page with following options-<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Gallery Layout<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can set product gallery images in vertical view \/ horizontal view.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40077,\"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-gallery-layout.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-gallery-layout.png\" alt=\"\" class=\"wp-image-40077\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Image Width<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can easily adjust the image width with the slider.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Disable Breadcrumb<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can manage to&nbsp;show\/hide the breadcrumbs on the single product page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40079,\"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-disable-breadcrumb.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-disable-breadcrumb.png\" alt=\"\" class=\"wp-image-40079\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Single Product Structure<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can manage to show\/hide the following information-<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Title<\/strong><\/li><li><strong>Ratings<\/strong><\/li><li><strong>Price<\/strong><\/li><li><strong>Short Description<\/strong><\/li><li><strong>Add To Cart<\/strong><\/li><li><strong>Meta<\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Enable Ajax Add To Cart<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Enabling this option will restrict the page from refreshing&nbsp;when a product is added to the cart.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Enable Image Zoom Effect<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This will allow you to zoom the image on hover.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40080,\"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-image-zoom-effect.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-image-zoom-effect.png\" alt=\"\" class=\"wp-image-40080\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Product Navigation<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This will allow you to set different designs for product navigation arrows.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40081,\"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-product-navigation.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-product-navigation.png\" alt=\"\" class=\"wp-image-40081\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Product Description Tabs<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>It will allow you to show\/hide product description tabs. You can also set tabs to display vertical or horizontal.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40082,\"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-product-description.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-product-description.png\" alt=\"\" class=\"wp-image-40082\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Related &amp; Up Sell Products<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This will allow you to show\/hide Related &amp; Up Sell products. You can set a column to display these products. Also, you can choose a number of related products to be displayed on the page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40083,\"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-related-products.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-related-products.png\" alt=\"\" class=\"wp-image-40083\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:52:\"https:\/\/wpastra.com\/docs\/single-product-woocommerce\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25011\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25011\";}}s:6:\"anchor\";s:18:\"WooCommerece Addon\";s:15:\"added_by_plugin\";b:0;}i:3;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:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25537\";s:5:\"title\";s:43:\"Colors & Background options for WooCommerce\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:3691:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can customize color and background options for WooCommerce Pages 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><a href=\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\">Activate the&nbsp;WooCommerce Module<\/a> from Astra Options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Colors &amp; Background options will be available under <strong>Appearance >\u00a0 Customize >  WooCommerce > Product Catalog<\/strong> and also under  <strong>Appearance >\u00a0 Customize >  WooCommerce > Single Product<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Below are the available&nbsp;tabs -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Base Colors<\/li><li>Product Catalog<\/li><li>Single Product<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Base Colors<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>From here you can apply color to the text color, link color which would apply to the five-star rating that appears with the product on all pages.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42271,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-wc-base-colors.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-wc-base-colors.png\" alt=\"\" class=\"wp-image-42271\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Product Catalog<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li><strong>Product Title Color: <\/strong>Applies&nbsp;color to product&nbsp;title on the shop page.<\/li><li><strong>Product Price Color:&nbsp;<\/strong>Applies&nbsp;color to product&nbsp;price on the shop page.<\/li><li><strong>Product Content Color:&nbsp;<\/strong>Applies&nbsp;color to product&nbsp;short description on the shop page.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":42269,\"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-wc-product-catalog.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-wc-product-catalog.png\" alt=\"\" class=\"wp-image-42269\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Single Product<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li><strong>Product Title Color:<\/strong> Applies\u00a0color to product\u00a0title on the single product page.<\/li><li><strong>Product Price Color:<\/strong>\u00a0Applies\u00a0color to product\u00a0price on the single product page.<\/li><li><strong>Product Content Color:<\/strong>\u00a0Applies\u00a0color to product description on the single product page.<\/li><li><strong>Breadcrumb Color:<\/strong> Applies color to Product Breadcrumb on the single product page.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":42270,\"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-wc-single-product-color.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-wc-single-product-color.png\" alt=\"\" class=\"wp-image-42270\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:67:\"https:\/\/wpastra.com\/docs\/colors-background-options-for-woocommerce\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25537\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25537\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:4;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:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25575\";s:5:\"title\";s:34:\"Typography Options for WooCommerce\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:3858:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can customize Typography options for WooCommerce 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><a href=\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\">Activate the&nbsp;WooCommerce Module<\/a> from Astra Options.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Typography options will be available under <strong>Appearance &gt;&nbsp; Customize &gt; WooCommerce &gt; Product Catalog<\/strong> <strong>&gt; Typography<\/strong> and  <strong>Appearance &gt;&nbsp; Customize &gt; WooCommerce &gt; Single Product &gt; Typography<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Below are the available&nbsp;tabs -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Base Typography<\/li><li>Product Catalog<\/li><li>Single Product<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Base Typography<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>From here you can set the Base Typography of your website's content and the same would apply to the WooCommerce content.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42282,\"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-wc-typo-base-typo.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-wc-typo-base-typo.png\" alt=\"\" class=\"wp-image-42282\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Product Catalog<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li><strong>Product Title: <\/strong>Applies&nbsp;typography to product&nbsp;title on the shop page.<\/li><li><strong>Product Price:&nbsp;<\/strong>Applies typography to product&nbsp;price on the shop page.<\/li><li><strong>Product Content:&nbsp;<\/strong>Applies typography to product&nbsp;short description on the shop page.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":42280,\"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-wc-typo-product-catalog.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-wc-typo-product-catalog.png\" alt=\"\" class=\"wp-image-42280\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Single Product<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li><strong>Title: <\/strong>Applies&nbsp;typography to product&nbsp;title on the single product page.<\/li><li><strong>Price:&nbsp;<\/strong>Applies typography to product&nbsp;price on the single product page.<\/li><li><strong>Breadcrumb:<\/strong> Applies typography to product breadcrumb on the single product page.<\/li><li><strong>Content:&nbsp;<\/strong>Applies typography to the product description on the single product page.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":42281,\"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-wc-typo-single-product.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-wc-typo-single-product.png\" alt=\"\" class=\"wp-image-42281\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:60:\"https:\/\/wpastra.com\/docs\/typography-options-for-woocommerce\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25575\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25575\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:5;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: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:3684:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along 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\u00a0<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:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:6;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:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"28307\";s:5:\"title\";s:44:\"Off Canvas Sidebar for WooCommerce Shop Page\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:5701:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can manage the sidebar using the WooCommerce module available with Astra Pro. Please refer\u00a0<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><a href=\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\">WooCommerce Addon<\/a> provides\u00a0Off Canvas Sidebar option for <a href=\"https:\/\/wpastra.com\/docs\/shop-woocommerce\/\">Shop<\/a> page.\u00a0Settings can be found under<strong> Appearance > Customize > WooCommerce > Product Catalog<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Off Canvas Sidebar<\/strong> is the part of navigation strategy. The sidebar is initially moved out off the screen and out of view as well. To make the sidebar appear you have to set trigger in the form a button, or a link is given. When you click on the trigger, Off Canvas Sidebar appears. This option works very well with all the responsive devices as well.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Since this is a sidebar, you need set the sidebar using various WordPress widgets. Or you can even add third-party widgets.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>There are 3 ways to showcase the Off Canvas Sidebar trigger:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Link<\/strong><br>Appears in the three line menu.<br><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39248,\"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-woo-off-canvas-link.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woo-off-canvas-link.png\" alt=\"\" class=\"wp-image-39248\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Button<\/strong><br><br>Like mentioned before, the default theme color &amp; styling is applied to the button.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39250,\"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-woo-off-canvas-button.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woo-off-canvas-button.png\" alt=\"\" class=\"wp-image-39250\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Custom Class<\/strong><br>This custom functionality helps you to set\/place the Off Canvas Sidebar trigger anywhere you wish on the entire website.<br>The trigger for Off Canvas Sidebar can be placed in the header, above header, footer or anywhere else as per the requirement.<br><strong>For example:<\/strong><br>A nice and simple button can be designed with the help of Custom Layout addon.<br>Give some name in the advanced tab of HTML class of the button<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25118,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/woocommerce-filter-class.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/woocommerce-filter-class.png\" alt=\"\" class=\"wp-image-25118\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:image {\"id\":39252,\"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-woo-off-canvas-class.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woo-off-canvas-class.png\" alt=\"\" class=\"wp-image-39252\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Repeat the same class name in the Off Canvas Sidebar Custom Class option.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Note:<\/strong> Custom Class will trigger off-canvas&nbsp;sidebar only on the shop page. It will not trigger it on any other page. For example, if the button with custom class is added to the header. Then clicking on the button will trigger off-canvas sidebar only on the shop page and not on other pages.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>After enabling the option, the off-canvas sidebar will not trigger until you add widgets in it.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25122,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/woocommerce-sidebar-widget.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/woocommerce-sidebar-widget.png\" alt=\"\" class=\"wp-image-25122\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>For adding widgets got to <strong>Appearance > Widgets > Off-Canvas Filters.\u00a0<\/strong>Simply drag-drop the widgets from the Available Widget option.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25121,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/woocommerce-filter-settings.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/woocommerce-filter-settings.png\" alt=\"\" class=\"wp-image-25121\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Once you add the widgets, you can manage the further customizations from the customizer<br><\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:70:\"https:\/\/wpastra.com\/docs\/off-canvas-sidebar-for-woocommerce-shop-page\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=28307\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=28307\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:7;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:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"28309\";s:5:\"title\";s:35:\"Quick View for WooCommerce Products\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:3639:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can manage the Quick view which shows product details in a lightbox using the WooCommerce module available with Astra Pro under <a href=\"https:\/\/wpastra.com\/docs\/shop-woocommerce\/\">Shop<\/a> page settings. 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>After <a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-woocommerce-addon-activation.jpg\">activating the addon<\/a>, the setting can be found under&nbsp;<strong>Appearance &gt; Customize &gt; WooCommerce &gt; Product Catalog<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:video {\"id\":40953,\"align\":\"center\"} -->\n<figure class=\"wp-block-video aligncenter\"><video autoplay loop src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woo-quick-view.mp4\"><\/video><\/figure>\n<!-- \/wp:video -->\n\n<!-- wp:paragraph -->\n<p><br>Below are the available&nbsp;settings -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>On Image<\/li><li>On Image Click<\/li><li>After Summary<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>On Image<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>A strip appears across the image on hover when you choose this option.<br>Once you click on the Quick View option a lightbox opens with the product\u2019s description.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>On Image Click<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Unlike \u201cOn Image\u201d, no Quick View strip appears on the image hover.<br>When you click on the image for an instance lightbox opens with the product\u2019s description.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>After Summary<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>A summary is the details of the product like title, price, short description and so on.<br>When you choose this option, <g class=\"gr_ gr_5 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins replaceWithoutSep\" id=\"5\" data-gr-id=\"5\">Quick<\/g> View button appears at the end of the above-mentioned summary.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Stick Add to Cart Button<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Enabling this option will stick Add to Cart button and other variables at the bottom of quick view window. If you have long description and number of variables, this option can be used to stick and highlight Add to Cart button.&nbsp;<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:video {\"id\":40954} -->\n<figure class=\"wp-block-video\"><video autoplay loop src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-woo-stick-cart-button.mp4\"><\/video><\/figure>\n<!-- \/wp:video -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Note:<\/strong> Whatever appears in the lightbox comes from the Single Product settings.<br>So if you wish to show\/hide the settings like title, description, add to cart button etc you need to predefine those setting. All these settings will be displayed on Single Product Page as well. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Path for the setting in customizer is&nbsp;<strong>Appearance &gt; Customize &gt; WooCommerce &gt; Single Product<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:61:\"https:\/\/wpastra.com\/docs\/quick-view-for-woocommerce-products\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=28309\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=28309\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:8;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:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"30100\";s:5:\"title\";s:51:\"Display products from same category with navigation\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:3414:\"<!-- wp:paragraph -->\n<p>Astra Pro Addon plugin's <a rel=\"noreferrer noopener\" aria-label=\"Astra Pro's WooCommerce addon allows displaying navigation on the single product page.\u00a0 (opens in a new tab)\" href=\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\" target=\"_blank\">WooCommerce addon<\/a> allows displaying navigation on the single product page. Refer a document <a rel=\"noreferrer noopener\" aria-label=\"Astra Pro's WooCommerce addon allows displaying navigation on the single product page. Refer a document here to see option in detail.\u00a0 (opens in a new tab)\" href=\"https:\/\/wpastra.com\/docs\/single-product-woocommerce\/#product-navigation\" target=\"_blank\">here <\/a>to see the option in detail. Enabling this option will add previous and next button link on the WooCommerce single product page.\u00a0<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>By default, when you click on the next button, a product will be displayed on the basis of published date<g class=\"gr_ gr_12 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation multiReplace\" id=\"12\" data-gr-id=\"12\">.<\/g> If you want to show next and previous products from the same category only then use filter&nbsp;provided below. This filter will display <g class=\"gr_ gr_7 gr-alert gr_gramm gr_inline_cards gr_disable_anim_appear Grammar only-ins replaceWithoutSep\" id=\"7\" data-gr-id=\"7\">next<\/g>\/previous product from the same category based on the product published date.&nbsp;&nbsp;<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For example - If category A has 10 products, then starting from 1st product next link will display all 10 products. After 10 products the next link will be disabled.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Paste following filter in <a href=\"https:\/\/wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">child theme's functions.php file<\/a>.\u00a0<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:code -->\n<pre class=\"wp-block-code\"><code>function astra_woo_product_previous_post_nav( $args ) {\n\n$args = array(\n    'format'         => '%link',\n    'link'           => '&lt;i class=\"ast-icon-previous\">&lt;\/i>',\n    'in_same_term'   => true,\n    'excluded_terms' => '',\n    'taxonomy'       => 'product_cat',\n);\nreturn $args;\n}\nadd_filter( 'astra_woo_product_previous_post_nav_args', 'astra_woo_product_previous_post_nav' );\n\nfunction astra_woo_product_next_post_nav( $args ) {\n\n$args = array(\n    'format'         => '%link',\n    'link'           => '&lt;i class=\"ast-icon-next\">&lt;\/i>',\n    'in_same_term'   => true,\n    'excluded_terms' => '',\n    'taxonomy'       => 'product_cat',\n);\nreturn $args;\n}\nadd_filter( 'astra_woo_product_next_post_nav_args', 'astra_woo_product_next_post_nav' );<\/code><\/pre>\n<!-- \/wp:code -->\n\n<!-- wp:paragraph -->\n<p>From the above filter link argument can be updated as follows -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>link: If you want to update next and previous link icons for navigation, update this argument. You can use&nbsp; &lt;i&gt; tag from various font libraries. You would then need to upload respective font library to Astra.&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/wpastra.com\/docs\/add-font-awesome-icons-in-astra\/\" target=\"_blank\">Here&nbsp;<\/a>is the article that shows how&nbsp;Font Awesome Icons can be used with Astra.&nbsp;<\/li><\/ul>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:77:\"https:\/\/wpastra.com\/docs\/display-products-from-same-category-with-navigation\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=30100\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=30100\";}}s:6:\"anchor\";s:17:\"WooCommerce addon\";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":["10"],"wpil_links_outbound_external_count_data":["a:10:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:34:\"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:58:\"https:\/\/wpastra.com\/docs\/woocommerce-integration-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:23:\"WooCommerce integration\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:63:\"https:\/\/wpastra.com\/docs\/how-to-install-astra-pro-addon-plugin\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:38:\"How to Install Astra Pro Addon plugin?\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:67:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-wc-addon.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:110:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-wc-addon.png\" alt=\"\" class=\"wp-image-39301\"\/>\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:72:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-wc-customizer.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:115:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-wc-customizer.png\" alt=\"\" class=\"wp-image-39307\"\/>\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:45:\"https:\/\/wpastra.com\/docs\/general-woocommerce\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:24:\"<strong>General<\/strong>\";s:15:\"added_by_plugin\";b:0;}i:6;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:42:\"https:\/\/wpastra.com\/docs\/shop-woocommerce\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:27:\"<strong>Shop&nbsp;<\/strong>\";s:15:\"added_by_plugin\";b:0;}i:7;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:52:\"https:\/\/wpastra.com\/docs\/single-product-woocommerce\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:31:\"<strong>Single Product<\/strong>\";s:15:\"added_by_plugin\";b:0;}i:8;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:51:\"https:\/\/wpastra.com\/docs\/checkout-page-woocommerce\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:30:\"<strong>Checkout Page<\/strong>\";s:15:\"added_by_plugin\";b:0;}i:9;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:67:\"https:\/\/wpastra.com\/docs\/colors-background-options-for-woocommerce\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:64:\"<strong>Colors &amp; Background options for WooCommerce<\/strong>\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-17T11:14:49+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":["The WooCommerce Module in Astra Pro"],"astra_style_timestamp_css":["1573724300"],"wp_last_modified_info":["February 9, 2023 @ 3:06 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_ht_kb_post_views_count":["47"],"_ht_kb_usefulness":["-1"],"_ht_article_order_148":["25003"],"views":["43013"],"helpful":["56"],"unhelpful":["38"],"redirects":["24"],"rank_math_primary_docs_category":["148"],"rank_math_title":["The WooCommerce Module in Astra Pro"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1196"],"rank_math_seo_score":["23"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-02-09 15:06:12"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"46614f4de230e6254889aa39a9f25e08\";s:6:\"images\";a:1:{i:0;i:86853;}}"],"pfd_related_docs":[""],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["vision-general-del-modulo-woocommerce"],"_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:10:\"core\/image\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777418093\";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":"Anjali","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra works seamlessly with WooCommerce to provide elegant design settings to customize it to your heart\u2019s desire.&nbsp; At the same time, the WooCommerce Addon gives you extended capabilities to style and design your WooCommerce store. With minimal time and effort and powerful customization options, you can make your store more stylish and stand out. This&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/25003"}],"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\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=25003"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/25003\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=25003"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=25003"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=25003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}