Skip to content

WooCommerce

By default if you have the WooCommerce plugin active on the Total them then a little shopping cart will display in the main navigation menu.…

Remove or Edit The WooCommerce Menu Icon

In WooCommerce you must declare your "shop" page which will be used to display your recent products but also used in the theme's breadcrumbs trail.…

How To Define Your WooCommerce Shop Page

The product pages for WooCommerce already has support for a sidebar you simply need to go to Appearance > Customize > WooCommerce > Single and…

Add Sidebar To WooCommerce Products

The Total WordPress theme includes built-in support for the WooCommerce plugin and hence it also includes options to easily change the number of columns displayed…

Change WooCommerce Columns

The default WooCommerce shop displays your products with a featured image, title, price and purchase button. You can also add a secondary image so when you…

How To Add “Hover” Image For WooCommerce Product Shop Entry

By default in the Total theme the main shop takes on the name of the shop page so you can alter the main shop by…

Change WooCommerce Single Product Main Title

By default in WooCommerce you would need to use advanced functions to alter the number of products displayed per page. However, in the Total WordPress…

Change Products Per Page on WooCommerce Shop

In the Total theme you can easily disable the product zoom which is native to WooCommerce by logging into your WordPress dashboard and going to…

Disable WooCommerce Product Zoom

Important: This is an outdated article that is no longer relevant for the Total theme. Because of how WooCommerce is designed by default if your…

Adding Equal Height to WooCommerce Products

By default in the Total theme the add to cart button is shown when hovering over the product entry image as opposed to the default…

Disable WooCommerce Product Entry Add To Cart on Hover (show button under price)

The Total theme comes with built-in settings so you can easily change the widths of your WooCommerce product gallery and details. Simply go to Appearance…

Change WooCommerce Product Gallery & Summary Widths

If you are looking to create a custom landing page for your WooCommerce shop using a page builder you can easily do it with Total.…

Disable Default WooCommerce Shop Output

The Total theme includes a Customizer setting so you can move the WooCommerce single product tabs position. Simply go to Appearance > Customize > WooCommerce…

Move WooCommerce Single Product Tabs

In Total version 5.2 we added a new shortcode named which can be used to display a cart link with the number of items…

Cart Link Shortcode: Display Shopping Cart Link Anywhere

The Total theme includes a built-in functionality so that you can easily create custom templates for your WooCommerce product archives (aka categories, tags, etc). Creating…

WooCommerce Shop Archives & Category Templates

The Total theme includes the ability to create custom product templates for WooCommerce via your builder of choice (WPBakery/Gutenberg/Elementor). The process of creating a template…

Custom WooCommerce Single Product Template

The Total theme includes the ability to display a cart icon in your header menu or anywhere via the cart link shortcode. The cart icon…

WooCommerce Cart Icon not Working on Cart or Checkout Pages

The WooCommerce "Smart Coupons" add-on plugin is a fairly nice plugin but it has been coded in a way where various functions only work with…

WooCommerce Smart Coupons Integration

By default WooCommerce displays products based on their name and your custom sorting but it's not very obvious how to go about ordering your products…

How to Manually Re-Order (sort) Your WooCommerce Products
Back To Top