Back to Top

Category Archives: Upload your Theme/Template/Website

5.2.1. Template Options in Joomla by TemplateToaster

Customizing TemplateToaster’s theme is so easy, even after installation. You will see an additional tool when you go in the specific template settings, under the name ” Theme Options”. These theme options give you flexibility to change some elements of your theme. Let us have a look at these theme options.

1 Header Options

This tab provides you the option for customizing the header settings.

2 Footer Options

This tab contains the options for customizing the footer settings.

3 Color Options

This tab includes the options for customizing the color settings.

4 Sidebar Options

This tab provides you the option for customizing the sidebar settings.

5 Style Options

This tab facilitatess you the options for customizing the style settings.

6 Menu Style Options

This tab provides you the options for customizing the menu style settings.
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
joomla menu style options templatetoaster

Go to Joomla backend -> Extensions -> Templates -> Edit Template -> Style Options -> select style as ‘TT default’.
joomla menu style options templatetoaster default
Or you can select default TemplateToaster styles i.e. ‘None’, for the blocks in module position. It will apply the styles selected for the elements in Element tab in TemplateToaster:
joomla menu style options templatetoaster none

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

7 Menu Assignment

This tab contains the options for customizing the menu assignment settings.

5.10.1 Upload a Template in VirtueMart

Follow these steps to upload your theme in VirtueMart:

STEP 1: Log in to your Control Panel.

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

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

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

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

5.1.1. Theme Options in WordPress by TemplateToaster

Customizing TemplateToaster’s theme is so easy, even after installation. 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.

1 Header Tab

This tab allows you to customize your site logo, site slogan, social media icons, even after export. You can show/hide a logo or icons. You can also set a new logo image or social media icons. You can change the height, width or link to all these images.

2 Slideshow Tab

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

3 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 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, otherwise keep it Off to hide the Breadcrumbs.

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

Breadcrumb Prefix –
Set a breadcrumb prefix using this option.

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

4 Footer Tab

This includes following options to customize the Footer:

Footer Copyright Text –
To add/edit Copyright Text in the footer

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

Display Footer Copyright –
Select On to display the Copyright Text in footer, otherwise keep it Off to hide.

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 footer.

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

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

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

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

5 Colors

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

6 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.

7 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 and image, etc.

8 Maintenance Tab

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

9 Shortcode Tab

In this tab, two dozens of the most commonly used shortcodes are available. From this tab, you can get the shortcodes for Google Docs Viewer, Google Map, 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.

10 Google Map

This tab has options to avail you with a Google map on your website.

11 Contact us Tab

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

12 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 home sub-tab, you can specify 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 provide 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.

13 Backup/ Recovery Tab

Backup and Recovery is an important feature of TemplateToaster. You need to give the FTP information and an Email address for backup storage and create an automatic backup schedule. The backup of your website will be created automatically according the schedule you’ve made. You can choose 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 yourself that which files to include in the backup and which to exclude. Similarly, while restoring the backup, you can select that which type of files to restore and which one to refrain from restoring.

5.9. Upload a theme in Prestashop

Follow these steps to upload your theme in Prestashop:

STEP 1: Copy the ‘Theme’ Folder from the Exported folder and Paste it at Prestashop (Root) -> Themes -> Paste Your theme here. Then Log into your dashboard.

STEP 2: Then from Backoffice Go to Preference -> Themes -> Add new theme -> Create New theme.

a) Preference -> Themes

b) Preference -> Themes -> Add new theme

c) Preference -> Themes -> Add new theme -> Create New theme

STEP 3: Fill the required fields, Theme and Directory Name should be the same as the name of the exported theme. Do select the preview image from the exported theme. Select the Default Left, Right Sidebars if you want them in the Theme.

STEP 4: To upload Module from Prestashop Backend Go to Modules -> Modules and Services -> Add new Module -> Upload the module zip file placed in modules folder.

a) Modules -> Modules and Services

b) Modules -> Modules and Services -> Add new Module

c) Modules -> Modules and Services -> Add new Module -> Upload the module zip file placed in modules folder

STEP 5: Copy and merge the Override folder given at root folder.

STEP 6: Move your all javascripts to End, to do this Go to Prestashop Backoffice -> Advanced Parameters -> Performance -> CCC (Combine, Compress and Cache) -> Move JavaScript to the end -> Yes.

5.8. Upload a theme in OpenCart

Follow these steps to upload your theme/template in OpenCart:

STEP 1: Export your theme as a zip file with a File name at any desired location.

STEP 2: Log in to your administrator dashboard.

STEP 3: From the left sidebar of dashboard, navigate to Extensions –> Extension Installer. Now, click Upload.

STEP 4: Browse your theme and press “Continue” after selecting the theme. A success confirmation message will be displayed after the successful installation of the theme.

STEP 5: From Left Sidebar menu, Navigate to Extensions–> Extensions–> Extension Type. Here in Choose the extension type, select Themes(1).

STEP 6: When you select Themes(1), a Themes Bar will display on the screen as shown below. Go to Your store and click the Edit Button in the extreme right of it.

STEP 7: Now a Default Store Theme screen will open as shown below, Here in Theme Directory, browse your theme and Status is by default Enabled .Save your settings by clicking Save Button from the Top Right corner of the screen.

STEP 8: Now in Extensions navigate to Extensions –> Modifications. After refreshing your screen, you can see your TemplateToaster Theme here.

STEP 9: You are done and may visit the site to see how it looks on browser just by clicking home.

5.7. Upload a theme in Magento

Follow these steps to upload your theme in Magento 1.9 :

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

STEP 2 : Login to the backend of Magento and go to system -> design.

STEP 3 : In Design select Add Design Change from extreme right of the screen.

STEP 4 : In Add Design Change option, select the Custom Design dropdown and select 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.)

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

5.6.1.2. Theme Options in WooCommerce by TemplateToaster

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

1 Slideshow Tab

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

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 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, otherwise keep it Off to hide the Breadcrumbs.

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

Breadcrumb Prefix –
Set a breadcrumb prefix using this option.

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 –
To add/edit Copyright Text in the footer

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

Display Footer Copyright –
Select On to display the Copyright Text in footer, otherwise keep it Off to hide.

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 footer.

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

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

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

Google + Account Configuration –
You can upload custom Google+ Icon and link 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 and image, etc.

7 Maintenance Tab

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

8 Shortcode Tab

In this tab, two dozens of the most commonly used shortcodes are available. From this tab, you can get the shortcodes for Google Docs Viewer, Google Map, 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 Map

This tab has options to avail you with a Google map on your website.

10 Contact us Tab

This tab lets you to customize the contact form. You can specify Public and Private key for Google Captcha, can customize Error/ Success message and can 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 home sub-tab, you can specify 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 provide 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 give the FTP information and an Email address for backup storage and create an automatic backup schedule. The backup of your website will be created automatically according the schedule you’ve made. You can choose 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 yourself that which files to include in the backup and which to exclude. Similarly, while restoring the backup, you can select that which type of files to restore and which one to refrain from restoring.

5.6.1. Upload a theme in WooCommerce

Follow these steps to upload your theme in WooCommerce.

STEP 1: Log in to your administrator dashboard

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

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

STEP 4: Browse your theme and press “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 browser.

 

The Website Front Page after activation of the theme is: