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. This icon can be remove…

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. To define your page you…

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 change the "Layout" option to…

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 for your products on the…

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 hover on the main product…

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 simply editing the page title…

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 theme there is a built-in…

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 Appearance > Customize > WooCommerce…

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 titles, descriptions, prices, images don't…

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 WooCommerce display which is beneath…

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 > Customize > WooCommerce (Total)…

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. Simply go to Appearance >…

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 (Total) > Single Product and…

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 currently in the cart and…

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 a custom template is very…

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 is very simple, have a…

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 in the menu can be…

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 "standard" WooCommerce setups as they…

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 so this guide will show…

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