General WooCommerce Settings in Free Astra Theme

No results found. Try again with different words?

Search must be at least 3 characters.

General WooCommerce

Parent Document – WooCommerce Module Overview

In this document, we will see the General section settings of the WooCommerce module of Astra Pro.

Quick Steps on How to Style WooCommerce Store Page Using the WooCommerce Module
Step 1: Make sure you have the Astra Pro Addon and WooCommerce plugin installed and activated. How to Install Astra Pro Addon plugin?
Step 2: Activate the WooCommerce module from the Astra Options under the WordPress Dashboard > Appearance > Astra Options
Step 3: Visit customizer [ Appearance > Customize > WooCommerce ] to edit module settings


Sale Notification

The Sale Notification appears when you set the Sale price from the Product Data of the particular product you wish to give discounts.


The Default option comes with the Sale bubble in a circle. It will appear in the right top corner on the shop page and in the left top corner on a single product page. It chooses the default theme color that you have used for your overall theme.
If you wish to come up with additional color besides your default theme color setting you can add custom CSS.

Astra Sale Bubble Style
Custom String
Sale % Value

Discounts are displayed in percentage instead of a discounted price.

Astra Discount Percentage

Sale Bubble Style
WooCommerce Pro Addon gives you 4 styling options

Circle / Square: That’s the default filled circle that we saw above. (You can choose square)

Astra Sale Bubble Style Square

Circle Outline / Square Outline: Circle/Square with a border/outline with a white fill color.

Astra Sale Bubble Style Circle Outline

Header Cart Icon (Old Astra Header)


You might notice a few changes with the new Header Footer builder 3.0.0 update. We have provided the Cart Icon as an Element in the Header Footer builder, you can add it from the Header builder and style it as per the design requirement. [Learn more about elements and about Header builder]

Header Cart Icon is the icon the appears at the end along with the primary menu in the header.

For displaying the Header Cart Icon you will find settings under
Appearance > Customize > Layout > Header > Primary Header > Custom Menu Item > WooCommerce

Astra WooCommerce Cart Icon Menu

There are 4 different kinds of Icon style available for you to choose depending on the products you are selling on your store.
Default, Cart, Bag, Basket


You can set filled / outline styles to the icon.

Astra Header Cart Icon Style Outline
Display Cart Totals

When a buyer adds a particular amount of products in the cart, that number along with the total price addition appears in the Display cart Totals.

Astra Display Cart Total
Display Cart Title

It simply displays the “Cart” name on the menu.

Astra Cart Title

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.