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 and also tweaked via the WordPress customizer. Browse to: Appearance -> Customize -> WooCommerce -> General -> Menu Cart Here you can not only disable the menu…

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 first need to create a standard page (if you haven’t done so yet) then go to WooCommerce > Settings then click on the “Products” tab…

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 either “Left Sidebar” or “Right Sidebar”.

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 shop, related, cross-sells and up-sells. Simply log into WordPress and go to Appearance > Customize > WooCommerce to make your edits. Shop & Category 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 picture it displays a second one. The way it works is by checking your product “gallery” and displaying the second image from the gallery: WooCommerce…

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 for the page defined for your shop. However, single products by default display the text “Products”. This can be altered at Appearance > Customize >…

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 setting to change that. Simply go to Appearance > Customize > WooCommerce > Archive and change the Posts Per Page field. This will change how…

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 > Single and unchecking the box next to the “Product Gallery Zoom” setting.

Because of how WooCommerce is designed by default if your titles, descriptions, prices, images don’t match in size across all products the buttons will be positioned at different levels for each product. Luckily in your Total theme there is a way to fix that! Step 1: Make Sure Images are Cropped to the same Dimensions…

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 the price and always visible. If you prefer the way WooCommerce does it by default so that it’s always visible there is an option available…

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) > Single Product and here you will find options to enter your Gallery and Product Summary Widths. Recommended: It’s best to use percentage values to…

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 > Customize > WooCommerce (Total) > Shop & Archives and check the option that reads “Disable Default 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 alter the option that reads “Product Tabs Position“. By default the WooCommerce product tabs display below the image gallery and product details in a full-width…

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 the subtotal. This shortcode can be used in various areas of the theme such as the Top Bar or Header Builder as well as added inside…

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 simple and can be done with a few steps. Step 1: Create a new Dynamic Template First you’ll want to create a new template under…

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 look below: Step 1: Create a new Dynamic Template To start go to Theme Panel > Dynamic Templates and create a new “Single” template type.…

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 set up to display a dropdown or overlay that display the current cart items and both allow you to display the cart items count and/or…

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 rely on specific hooks for various checks which means there are a couple things you may want to update on your site to ensure everything…

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 you how to do that. Step 1: Make sure WooCommerce is using the proper sorting method In order for custom sorting to work you need…