Follow these steps to upload your theme in Magento 1.9 :

1: Copy the exported skin and app folder to the Magento root directory.

2 : Login to the backend of Magento and go to the System -> Design.

3 : Next in the Design select the Add Design Change from the extreme right of the screen.

4 : Then in the Add Design Change option, select the Custom Design dropdown and choose your theme.

(Note: providing values to Date From and Date To is not mandatory. These two options can be utilized to provide a time period for which the Custom Design that you selected will remain active and visible on your website.)

5 : Select the Save button after filling in the required fields and you are ready to use the theme.

Even after the installation, customising TemplateToaster’s theme is very easy. You will see an additional tool on the sidebar of your admin dashboard, under the name “Theme Options”. These theme options give you the flexibility to change some elements of your theme. Let us have a look at these theme options for better understanding.

1 Slideshow Tab

This tab shows you the options of Slideshow for your theme. Even after installing, it allows you to replace the images used in the slideshow by uploading new ones.

2 Post/ Content Tab

This tab contains the options for customizing the post settings.

Number of Featured Posts –
You can specify the number of featured posts to display on the home page of the site.

Number of Columns –
You can also specify in how many columns to show the featured posts.

Show Breadcrumb on Page –
Breadcrumbs is basically the type of text-based website navigation that breaks the site into links of categories and sub-categories allowing major categories of information to be linked in a sequential order. Breadcrumb navigation is displayed to the user, so that they can easily navigate between the pages.
Select the ‘On’ option, if you wish to display the Breadcrumbs on the site. Otherwise keep it ‘Off’ to hide the Breadcrumbs.

Show Breadcrumb on Post –
You can show/hide the breadcrumb on the post.

Breadcrumb Prefix –
Use this option to set a breadcrumb prefix.

Breadcrumb Separator –
You can set a desired separator on the breadcrumb using this option.

3 Footer Tab

This includes following options to customize the Footer:

Footer Copyright Text –
Use this to add/edit Copyright Text in the footer.

Footer Copyright URL –
Place the relevant copyright URL on the Copyright Text in footer.

Display Footer Copyright –
Select ‘On’ to display the Copyright Text in the footer. Otherwise keep it ‘Off’ to hide the footer.

Footer Copyright Font Size –
Enter the required font size for Footer Copyright Text.

Footer Designed by Font Size –
Enter the required font size for Designed by element in the footer.

Footer Designed by Link Font Size –
Enter the required font size for Designed by Link Text.

Facebook Account Configuration-
You can upload a custom Facebook Icon and link it with your Facebook account. If you do not want to display Facebook Icon in the footer, you can turn it ‘Off’ and vice -versa.

LinkedIn Account Configuration-
You can upload your desired custom LinkedIn icon on footer. Then, specify the URL of the LinkedIn account to link with the icon. If you don’t want to display the Icon in the footer, you can turn it ‘OFF’ and vice -versa.

Twitter Account Configuration-
You can upload a custom Twitter Icon and link it with your Twitter account. If you don’t want to display Twitter Icon in the footer, you can turn it ‘OFF; and otherwise.

Google + Account Configuration –
You can upload a custom Google+ Icon and link it with your Google+ account. If you don’t want to display Google+ Icon in the footer, you can turn it OFF and vice -versa.

4 Colors

You can change the colors of some elements of the website, which are shown below:

5 General Tab

This tab offers you the options of general elements of your website. Use this tab, if you want to enable/disable elements like, Google Analytics, Page Title, Post Title, Navigation, Next/Previous link, Comment display, Avatar, Back To Top Button etc.

6 Error Page Tab

This tab gives you the options for configuring error page settings like, redirect to home page if Error page occurs, displaying error message, image, and more.

7 Maintenance Tab

You can make use of this tab if your website is going on a maintenance mode. You can write the title and content for the maintenance mode page. And apply an image in the background, using the available options.

8 Shortcode Tab

In this tab, you can find several of the most commonly used shortcodes. From this tab, you can get the shortcodes for Google Docs Viewer, Google Maps, Related Posts, Google AdSense, Google Chart, Tweet Me Button, YouTube, Private Content, PayPal, Login Form, Custom Menu, Archives, Contact Us Form, Calendar, Categories, Links, Meta, Pages, Recent Comments, Recent Posts, RSS, Search, Tag Cloud and Text.

9 Google Maps

This tab has the options to facilitate you with a Google Maps on your website.

10 Contact us Tab

This tab lets you customize the contact form. You can specify a Public and Private key for Google Captcha. And can customize Error/ Success message, also add more fields in the form.

11 SEO Tab

This tab has important SEO options for your website, which are divided in sub-tabs.

SEO Enable –
It is up to you whether you want to enable the SEO mode or not.

Home –
From the home sub-tab, you can specify the Title, Meta Description and keywords of the Homepage. Besides this, you can select the Title formats of Page, Post, Category, Date Archive, Author Archive, Tag, Search and 404.

SEO General –
This sub-tab has options to ON (enable)/ OFF ( disable) general SEO features, such as use of Meta Keywords, use of categories as keywords, use of tags as keywords, auto generate descriptions, set No-Index for all pages, set No-Index for all posts and set No-Follow for all pages.

Web/Social –
Through this sub-tab, you can verify your website with Google Webmaster Tool, Bing Webmaster Tool and Pinterest Webmaster Tool. And, you can also provide a default Google Plus profile, which is required for Google Analytics.

Sitemap –
You can see the sitemap of your website from this tab. Also, you can decide whether you want to include Page Type and Post type in the sitemap or not.

Advanced –
This sub-tab gives advanced SEO options. Those options allow you to turn ON/OFF the use of No-Index/ No-Follow for different archives, like Date Archive, Author Archive, Tag Archive, Category Archive, Search Archive. And, you can define additional Post and Page headers.

12 Backup/ Recovery Tab

Backup and Recovery is an important feature of TemplateToaster. You need to provide the FTP information and an Email address for backup storage. As a result this will create an automatic backup schedule. The backup of your website will be created automatically according to the schedule you’ve made. Also you can choose an automatic backup interval according to your preference, which could be as short as 10 minutes or as long as a week. Moreover, you can choose the files you want to include in the backup and which one to exclude. Similarly, while restoring the backup, you can also select which type of files you need to restore and the ones to avoid from restoring.

Follow these steps to upload your theme in WooCommerce.

STEP 1: Log in to your administrator dashboard.

STEP 2: From the left sidebar of the dashboard, navigate to Appearance –> Themes. Now, click on the ‘Add New’ option.

STEP 3: As you click on the Add New button, you will see the next screen as shown below. Click on “Upload Theme” from here.

STEP 4: Browse your theme and click on “Install Now” button .

STEP 5: After successful installation, you can Activate the theme on your website.

STEP 6: After activating the theme, you may visit the site to see how it looks on the browser.

 

The Website Front Page after activation of the theme is:

It is very simple to Install a theme on your WooCommerce . But for uploading your theme in WooCommerce, firstly you need to Install the WooCommerce on your WordPress platform. This can be done by using the WooCommerce plugin. So here are the steps to install a WooCommerce Plugin :

STEP 1: Log in to your WordPress dashboard and from the left sidebar menu, select “Plugins” to Add New plugin.

STEP 2: Now this will open a new window of ‘Add Plugins’. Then, click on the Upload Plugin button.

STEP 3: As you click on the Upload Plugin, you will see the next screen to browse the WooCommerce3.7.0.zip plugin file. Just select the file and click on Open to start the installation.

STEP 4: Once your plugin is installed, it will display a Page Setup screen as shown below:

STEP 5: Then simply press Continue to customize other settings regarding Store locale setup, Shipping & tax, and Payments.

STEP 6: Once you place all the settings, you are ready to use WooCommmerce.

STEP 7: When you press Let’s go!, you will be taken to the Products page. Here you can add a new product if you want.

STEP 8: Finally, you can go for Uploading the theme/template of your WooCommerce compatible website.

This is how you can upload a template in HTML using TemplateToaster. It is super easy and quick. Follow the below-mentioned steps to know more.

STEP 1: Export your website from File >> Export >> Html Website.

STEP 2: Now just extract the zip file that you exported. And put this file into the local server .

STEP 3: And you are ready to see the website on the browser.

Follow these steps to upload your theme in Blogger:

STEP 1: While exporting the theme in TemplateToaster, you have to add a Google account. And in case you do not have a Google account then add a “New Account” and click the “Ok” option.

STEP 2: Then log in to your administrator dashboard.

STEP 3: Navigate from the left sidebar menu, and open the Template –> Backup/Restore to add the theme. After clicking Backup/Restore you will get a dialog box as shown below.

STEP 4: Now browse and add the .xml file of your template.

STEP 5: Now your theme is successfully uploaded. Also you can view the blog to see your uploaded template.

Even after the installation, customizing the TemplateToaster theme is quick and easy. You will see an additional Theme settings Tab in the Settings page. These theme settings give you the flexibility to change some elements of your theme. Let us have a look at these theme options:

1 Menu Style Options

This tab provides you the options for styling the custom menu. If you select the ‘Horizontal’ option then it will give the “main menu” look . But if you opt ‘Vertical’ option then your menu will have the “sidebar menu” style.

2 Style Options

This tab is used for styling blocks in the ‘Menu’ positions. If you opt for TTDefault then it will give a “Sidebar Widget” look to the block. And if you select ‘No Style’, then no styling will be there.

Follow these steps to upload your theme in Drupal:

STEP 1: Log in to your administrator Dashboard in Drupal.

STEP 2: From the to menu of dashboard, navigate to Appearance and Click on Install new theme option.

STEP 3: As you click Install new theme, you will see a browse window as shown below. Browse your theme and click the “Install Now” button.

STEP 4: After the successful installation of your theme , a confirmation message will display as follows. Now Enable the theme by selecting your theme from Enable newly added themes.

STEP 5: After enabling the theme, it’s all done and you may visit the site to see how it looks on browser.

Firstly, even after the installation, customizing TemplateToaster’s theme is very easy. Also you will see an additional tool when you open the specific template settings, under the name ” Theme Options”. Again these theme options give you the flexibility to change some elements of your theme. Now let us have a look at these theme options.

1 Header Options

First of all this tab provides you the option for customizing the header settings. Additionally, you can customize the header settings as required for the website.

2 Footer Options

Significantly this tab contains the options for customizing the footer settings. Moreover, you can find various footer options for various social media platforms and many other customizing options for your website.

3 Color Options

Again this tab includes the options for customizing the color settings. Also you can customize the color settings for the footer here.

4 Sidebar Options

In addition this tab provides you the option for customizing the sidebar settings. Further you can manage the sidebar options for your website.

5 Style Options

Moreover, this tab provides you with the options for customizing the style settings. As well, TT default settings are enabled however, you can also choose other setting options.

6 Menu Style Options

Also this tab provides you the options for customizing the menu style settings.
Moreover, you can select TemplateToaster module block style i.e. TT-default. Styles selected for Sidebar module in TemplateToaster will be applied on the blocks in module position.

Firstly, Go to Joomla backend -> Extensions -> Templates -> Edit Template -> Style Options -> select style as ‘TT default’.

Or you can select default TemplateToaster styles i.e. ‘None’, for the blocks in module position. And it will apply the styles selected for the elements in Element tab in TemplateToaster:

Next Go to Joomla backend -> Extensions -> Templates -> Edit Template -> Style Options -> select style as ‘None’.

7 Menu Assignment

Again this tab contains the options for customizing the menu assignment settings. Furthermore, you can choose the best suitable option as needed.

Do you want to upload a template/theme in Joomla? Well, it is very easy and quick with TemplateToaster. You can  follow these steps to upload your theme/template in Joomla:

STEP 1: Log in to your Control Panel.

STEP 2: From the top navigation bar of panel, navigate to Extensions -> Extension Manager.

STEP 3: Click the browse button and install the theme by clicking on the upload and install button.

STEP 4: After uploading the theme, set the theme as your default theme.

STEP 5: Now you can visit the site and can see how it looks on the browser.