Chat with us, powered by LiveChat

This website uses cookies

Our website, platform and/or any sub domains use cookies to understand how you use our services, and to improve both your experience and our marketing relevance.

How to Create WooCommerce Store Using Total Theme

June 6, 2016

5 Min Read
Reading Time: 5 minutes

Total is a clean and modern multipurpose WordPress theme created right here at WPExplorer. This theme is full of great features so that you can create any website you need – online stores, blogs, news sites and more. Really anything is possible – you’re only limited by your imagination. The theme supports WooCommerce so you can build your own online store. Be ready to learn more about this awesome theme!

making shop page of total theme

Download  TOTAL  WordPress Theme

To download the theme, log into your ThemeForest account and go to your account profile. Then click on the downloads link. This is where you will find all of your ThemeForest purchases. Locate Total, click on the download button and select the installable WordPress file only.

Download Installable WordPress File Only

This will download the installable Total zip file.

Install TOTAL  WordPress Theme

Log into your WordPress website and browse to Appearance>Themes

Add new Theme

Then click on the option to upload theme.

upload theme

Next browse for the zipped theme file which you have downloaded.

Click Browse

Once WordPress has unpacked and installed the theme, just click to activate it.

Activate Total Theme

Now navigate to Appearance>Themes to activate Total.

Activate WordPress Theme

Download Sample Data

Before downloading sample data, you must select Theme Skins. For selecting theme skins go to Theme Panel>Theme Skins and activate skin.

Select Theme Skin

Click the link below to download the sample data.

Sample Data

Import Sample Data

Once you have located the XML file you wish to import, log into your WordPress website and navigate to Tools>Import to begin the import process.

WordPress Import

Click on the WordPress option If you haven’t already, you will be prompted to install the WordPress Importer free WordPress plugin. Just install it like you would any other plugin, and after you activate it return to this screen.

Browse Theme

Then click the Browse button to select the XML sample data file you would like to upload, and click Upload file and import. Next you should see the following screen.

Assign Authors

The importer will give you the option to either import our demo users, or to assign the posts to an existing user on your WordPress site. For each option we recommend that you assign the posts to an existing user (ideally your user account, since you are the one working on the website).

Click submit to import the sample data. Once complete, you should see a successful import message.

Import Complete

Define Your WooCommerce Shop Page

In WooCommerce, you must declare your “shop” page which will be used to display your recent products but will also be 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 then on the “Display” sub-tab where you will find the dropdown option.

Shop page

Make WooCommerce Shop Page

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 then on the “Display” sub-tab where you will find the dropdown option.

To make your “shop” page which will be used to display your recent products, go to Products then click on the “AddProducts” tab

Click Add product

In this way, you can add your all products. After adding products, the shop page looks like this.

Total Theme Preview

Add Sidebar to Shop Page

To add Sidebar at the shop page, go to Pages > Shop > WooCommerce > Page Settings

Add Left Sidebar

Your shop page will now look like this.

Total Theme Shop Page Preview

Change WooCommerce Columns

The Total WordPress theme includes built-in support for the WooCommerce plugins 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

To change columns on the main shop page and on the product categories/tags, click on the “Archives” tab in the WooCommerce customizer section and alter the “Shop Columns” setting.

shop columns

Up-Sells & Related Item Columns

To change the number of columns and items displayed for the WooCommerce Up-Sells and Related Items click on the “Single” tab in the Customizer WooCommerce settings and here you will be able to make your modifications.

Single

Conclusion

As it is, Total WordPress Theme has the ability to help any aspiring online merchant set up, run his business easily and professionally. Yet, for those looking for extra functionality, Total WordPress Theme doesn’t disappoint.

Total WordPress Theme has been around for a while, producing extensions and plugins, including WooCommerce. They have a wonderful track record of being reliable and exceedingly professional with both their products, and their support system.

Share your opinion in the comment section. COMMENT NOW

Share This Article

Your WooCommerce Store Needs A Reliable Host

With no compromise on Performance, Security & Support.

Owais Alam

is the WordPress Community Manager at Cloudways - A Managed WooCommerce Hosting Platform and a seasoned PHP developer. He loves to develop all sorts of websites on WordPress and is in love with WooCommerce in particular. You can email him at owais.alam@cloudways.com

Get Our Newsletter
Be the first to get the latest updates and tutorials.

Do you like what you read?

Get the Latest Updates

Share Your Feedback

Please insert Content

Thank you for your feedback!