Astra Pro allows you to create a visually captivating and user-friendly WooCommerce store.
This document explores the Colors & Background options offered by Astra Pro.
Colors & Background Options for WooCommerce
Note: This is a premium feature available with the Astra Pro Addon plugin. To use it, you need to have the Astra theme along with the Astra Pro Addon installed on your website.
You can customize color and background options for WooCommerce Pages using the WooCommerce module available with Astra Pro.
To do this, activate the “WooCommerce” module from Astra > Dashboard.
Please refer document to learn more about the WooCommerce module.
Colors & Background options will be available under both:
- Appearance > Customize > WooCommerce > Product Catalog.
- Appearance > Customize > WooCommerce > Single Product.
Customization Options with Astra Pro
The free Astra theme offers basic WooCommerce customization options. However, Astra Pro unlocks advanced options, allowing you to design your store’s visual identity.
Below are the available tabs:
- Base Colors
- Product Catalog
- Single Product
Base Colors
You can find base colors under Global > Colors.
From here you can apply color to the text (Text Color), and to the links (Link Color) which would apply a color to the five-star rating, Shop page title, Filter link, and other links which appear with the products on all pages.
Also, the Heading Color will be applied to Product titles.
Here’s how each of these customizations looks on each component.
Product Catalog
These options are available under Appearance > Customize > WooCommerce > Product Catalog > Design.
Here are some of them:
- Product Title Color: Applies color to the product title on the shop page.
- Product Price Color: Applies color to product price on the shop page.
- Product Content Color: Applies color to the product’s short description and category on the shop page.
Single Product
These options are available under Appearance >  Customize > WooCommerce > Single Product > Design.
- Product Title Color: Applies color to the product title on the single product page.
- Product Price Color: Applies color to product price on the single product page.
- Product Content Color: Applies color to the product description on the single product page.
- Breadcrumb Color: Applies color to the product Breadcrumb on the single product page.
We hope this document has been helpful. Please feel free to leave a comment below if you have any queries.
