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 improve your WooCommerce experience.
What Are the Requirements to Use These Shortcodes?
Before we get into the details, let’s understand the basics.
To use the [astra_woo_mini_cart] and [astra_woo_slide_in_cart] shortcodes, ensure you have both the Astra theme and the Astra Pro Addon installed on your WordPress website.
Then only you can unlock a range of functionalities that can improve your WooCommerce mini cart.
For guidance on installing the Astra theme and Astra Pro plugin, refer to the instructions provided in this document: How to Install Astra Pro Addon Plugin.
How to Use Mini Cart Shortcode
The beauty of this shortcode lies in its flexibility. You can display the mini cart icon virtually anywhere on your site, be it within page builders, sidebar widgets, or custom locations of your choice.
This allows you to strategically position the cart for optimal user visibility and engagement.
[astra_woo_mini_cart] has an attribute `direction` for the direction. It determines how your mini cart would appear when people hover over it.
Options:
[astra_woo_mini_cart]
[astra_woo_mini_cart direction="top left"]
[astra_woo_mini_cart direction="bottom right"]
[astra_woo_mini_cart direction="top right"]
How to Use [astra_woo_slide_in_cart] Shortcode
You can improve your WooCommerce experience with this innovative shortcode option from Astra.
Now, you can easily add a “Slide In Cart” as a shortcode on any page. To enable this feature, simply include a WooCommerce cart in the header, and set it as a slide-in-cart, and choose the preferred direction for the cart.
The newly added cart on the page effortlessly adopts the direction set by the slide-in-cart in the header.
For a better understanding of this shortcode, you can refer to the below-attached video.
Isn’t it simple? Try adding a shortcode to your website and witness the improvement in your WooCommerce experience.
And if you need help, weโre just a message away.
