How to Set WooCommerce Cart icon, Product page layout etc

Air supplies a lot of options to define the WooCommerce cart icon, products archive and single product layout, navigate to “Air Theme > Theme Options“, click WooCommerce tab. Please make sure the WooCommerce plugin is installed and activated, or the WooCommerce tab will not be displayed.

Cart Icon

The cart(basket) icon can be set be shown or not on the header bar. You can set the icon size, spacing, and other options.

Enable WooComerce Mini Cart: the mini cart will be shown on the mouse cursor over the cart icon. The click-cart-icon will be disabled. (added from v3.2.7)

Hide WooComerce Cart When Empty: the cart icon will not be shown if there is not a product item in the cart.

Shop(default archive) Page

The default Shop page(Shop – Shop Page) is created by WooCommerce automatically. If there is not the page, please go to WooCommerce > Status > Tools and use the page installer tool(read more).

The layout of Shop page could be set with left/right sidebar of not. You could also set to show title or not and Description.

“Sold Out” word would show on the thumbnail of the archive(list).

Single Product Page

There are 4 layouts for single product page: Slider(image) without sidebar, Gallery list, Slider(image) with right sidebar , and Slider(image) with left sidebar.

Text Style

The Text style(Product Title, Price, Add-to-Cart) on the shop page and single product page can be defined in WooCommerce tab of “Fonts Assignment“. The options includes Font, size, letter spacing, mobile font size, and line height. If you want to define the text spacing(like title and price), please try to set the line height value of Archive(Shop) Items Title.

Was this article helpful?

Related Articles