TechLife - Mobile, Tech & Electronics Repair Shop WordPress Theme

Thank you for purchasing this theme. If you have any questions that are beyond the scope of this help file, please feel free to contact us. Thank you very much!

Before you begin installing the theme, you should make sure that the PHP configuration limits of your hosting meet the minimum requirements outlined below. Although the theme may still install in some cases, if you run into any trouble while importing demo content it maybe because of your PHP configuration limits.

WordPress admin dashboard installation

  1. Login
  2. Click Appearance => Themes => Add New

  3. Click Upload Theme

  4. Click Choose File then navigate to where the theme is downloaded and choose tech-life.zip to upload it.
  5. Next click Install Now to begin the installation process.

  6. When the installation is finished click Activate to complete the process.

FTP upload installation

  1. Unzip the tech-life.zip file to get the tech-life theme folder
  2. Use your ftp client to navigate to the themes folder. To do this click the (wp-content) folder then click the themes folder.
  3. Upload the tech-life folder to the themes folder
  4. Login to the WordPress admin dashboard.
  5. Click Appearance => Themes.
  6. Click the Activate button by the Tech Life theme.

How to update the theme

The theme can be updated using one of the methods mentioned below.

FTP Theme Upgrade

The process of updating the theme via FTP will be the same as the FTP upload installation, so you can repeat those steps to update the theme.

When working with WordPress your content (pages, posts, menus and custom post type posts) and custom theme option styles and settings are stored in the database not the theme files. This means that deleting the theme folder then re uploading it will not delete your content.

Dashboard Theme Upgrade

You can follow the steps below to update the theme using your dashboard.

When working with WordPress your content (pages, posts, menus and custom post type posts) and custom theme option styles and settings are stored in the database not the theme files. This means that deleting the theme folder then re uploading it will not delete your content.

Envato Market Plugin

To update the theme using the Envato market plug-in you first need to make sure you have it installed and activated.

Plugin Installation

After installing the theme you will be presented with a message indicating that the theme requires some plugins. You should install these plugins for optimal usage of the theme.

  1. To install these plugin, first click Begin installing plugins.

  2. Click the checkbox next to each plugin you want to install then choose Install from the dropdown and click Apply.

  3. When the installation is finished click Return to Required Plugins Installer. Choose all the plugins that need to be activated then choose Activate from the dropdown.

One Click Demo Data Import

  1. From the WordPress dashboard, click Appearance => Import Demo Data.
  2. Next click Import Demo Data to import the demo content.

Manual Demo Data Import

As an alternative to the one click method you can also do a manual import of the demo data by following the steps outlined below.

  1. From the WordPress dashboard, click Tools => Import.
  2. Next click WordPress (see below) and you will be presented with a screen to install the WordPress importer. Click Install Now and wait until it is complete.

  3. When the installation is finished, click Activate Plugin & Run Importer.

  4. Next click Choose File and navigate to the tech-life-data.xml file
  5. Click Upload file and import

  6. When the upload is finished, click the checkbox next to Download and import file attachments and click submit to complete the dummy data installation.

How to set-up Main Menu

  1. From the WordPress dashboard, click Appearance => Menus
  2. Select Main Menu from the dropdown (see below) then click Select.
  3. Reorder the menu items as needed.
  4. Click the checkbox next to Primary Menu then click Save Menu. 

How to set-up Mega Menu

Tech Life comes with a built-in mega menu. You will need to set up your correctly for it work. Below shows an example of how to set up a 3 column mega menu.

How to import Theme Options

  1. From the WordPress dashboard, click Appearance => Options Backup
  2. You will be presented with a screen similar to the one below.
  3. Open the themeoptions.txt file included with the theme and copy and paste its contents into the field provided.
  4. Next click Import Theme Options to finish. 

Where is my license?

When you purchase any theme from themeforest that has premium plugins like WPBakery Page Builder, Revolution Slider etc bundled with it, those plugins are included with an Extended License that allows theme developers to distribute them with the theme. Because of this there is no individual license for each buyer of the theme to enter, you just use the plugin as is. Those messages are for persons who purchased the plugin directly from the plugin author with a Standard License. Plugin updates will be included in theme updates and support will be provided by me.

Revolution Slider Data Import

  1. From the WordPress dashboard, click Revolution Slider.
  2. Next click Import Slider.

  3. You will be presented with a screen similar to the one below. Click Choose File then navigate to the Revolution Slider file in the Sample Data folder.
  4. After choosing the slider file click Import Slider then wait until the import is finished.

  5. If you wish to add the slider to the header of a page. Go to the Page Options of the page. Make sure Header Revolution Slider is set to ON then choose the slider.

How to enable WPBakery Page Builder for additional post types

  1. From the WordPress dashboard, click WPBakery Page Builder => Role Manager.
  2. Choose Custom from the Post types dropdown.
  3. Select the post types you wish to use with WPBakery Page Builder by clicking the checkbox. Click Save Changes to finish.

  1. By default Tech Life will use your site title as the logo but you can change this by following the steps below.
  2. From the WordPress dashboard, click Appearance => Theme Options.
  3. Next click Header from the menu on the left. (Step #3 in the picture below)
  4. Then click the blue button in the field below the Logo heading. (Step #4)
  5. Choose your logo from the media gallery or drag and drop it onto the media library.
  6. After choosing the logo click Send to Option Tree.
  7. With the logo added click Save Changes to finish.

How to add social icons

  1. From the WordPress dashboard, click Appearance => Theme Options.
  2. Next click Contacts & Social from the menu on the left. (Step #3 in the picture below)
  3. Under the Social Networks section click Add New. (Step #4 in the picture below)

  4. This will display two fields called Title and Link URL. In the Title field type the name of the social network you want to enter e.g. (Facebook, Twitter, Instagram). In the link URL field type the link to your page on the social network.
  5. To add another social network click Add New and repeat step 4.
  6. To edit the information for a saved social network click the grey pencil icon (see step #4 in second picture below) or to delete a saved social network click the red trash can icon. (step #5 in the second picture below).

  7. When you have finished entering all of your social networks click Save Changes to finish.

How to add information to the top header area

  1. From the WordPress dashboard, click Appearance => Theme Options.
  2. Next click Header from the menu on the left. (Step #3 in the picture below)

  3. Scroll down to the section called Top Header Information and click the pencil icon to edit the top header row of information.

  4. This will show you all the fields you can edit for the top header. Click Save Changes when you are done.

How to create a new sidebar

  1. From the WordPress dashboard, click Appearance => Theme Options.
  2. Next click Sidebars from the menu on the left.
  3. Click Add New and this will display a screen that will allow you to setup your new sidebar with all the necessary information.

  4. To add another sidebar repeat step 4.
  5. To edit the information for a saved sidebar click the grey pencil icon (see step #4 in second picture below) or to delete a saved sidebar click the red trash can icon. (step #5 in the second picture below).

  6. When you have finished entering all of your sidebars click Save Changes to finish.

How to create a one page layout

  1. From the WordPress dashboard, click Appearance => Theme Options.
  2. Next click General from the menu on the left and scroll down to One Page Support. Set this to On and save.
  3. Next you will need to create the page for the one page site. Go to Pages => Add New to do this.
  4. You will need to use WPBakery Page Builder Row IDs to create the sections for the one page site. To do this add a new row then edit the row to access the Row settings.
  5. Scroll down to the Row ID field and enter an unique id to identify the row.

  6. Repeat for each row of content ensuring each row has a unique id. Then click Publish to create the page.
  7. After creating the page you will need to create the navigation menu with links to each row. Go to Appearance => Menus and click the create a menu link to name and create the menu.
  8. With the menu created go to the Custom Links section to create the navigation links. In the URL field for each link, enter the Row ID used when creating each row with # preceding the Row ID. Also enter a title for the link in the Link Text field.
  9. After creating each menu item click the checkbox next to One Page Menu then click Save Menu.

Google Maps

Before you can use the Google Maps widget included in the theme, you first need to create and enter a Google Maps API key.

  1. From the WordPress dashboard, click Appearance => Theme Options
  2. Next click Contact & Social then scroll down to the Google Maps section and click the link provided.

  3. On the Google Maps API site click GET A KEY to begin creating an API key for your site.

  4. Next click Create a Project from the dropdown then click Continue.

  5. Enter a name for the API key then click Create to create the API key.

  6. Next paste the generated key in the field provided then click Save Changes.
  7. Now you can use the Google Maps WPBakery Page Builder widget.

How to add a gallery

  1. From the WordPress dashboard, click Galleries.
  2. Next Click Add New.
  3. You will be presented with a screen similar to the one below.

  4. Click Set Featured image to set a thumbnail for the gallery
  5. Go to the section titled Gallery Options and click Create Gallery.
  6. You will then be presented with a WordPress Gallery/Media uploader.
  7. Add your images to the gallery then click Add to Gallery.

  8. When finished click Publish to create the gallery.

How to add a team member

  1. From the WordPress dashboard, click Team Members.
  2. Next Click Add New.
  3. You will be presented with a screen similar to the one below.

  4. Click Set Featured image to set an image for the team member and enter any relevant details or options for the team member.
  5. When finished click Publish to create the team member
  6. Next you will need to create a page to view the team member. To do this click Pages => Add New to create a new page.
  7. Give the page a name then choose one of the two Page Templates to display the team members.

  8. When finished click Publish to create the page.

How to create service products

TechLife comes with a feature called service products. This allows you to create standard WooCommerce products and link them to your servcies, thereby providing as easy way for your clients to both see and purchase your services. Before you can use service products you first need to set them up, that process is explained below.

  1. From the WordPress dashboard, click Products => Add Product.
  2. At the Add New Product screen, enter a name for the service product. Under the Product Data dropdown choose Simple Product. Enter a price for the service product then click the checkbox next to Service Product to set the product as a service product.

  3. Next you need to create the service that will link to this product. From the WordPress dashboard, click Services => Add New.
  4. At the Add New Service screen, enter a name for the service and any other relevant information to describe the service.
  5. In the Service Products section click the checkbox next to any relevant service products to link them to this service.
  6. When you are finished click Publish.

  7. Next you can use WPBakery Page Builder to add the Service Product widget to the page allowing your customers to order your services.

This theme is localization ready and can be translated into many languages using the included .po/.mo files. These translation files can be found in the languages folder inside the theme folder. To translate the theme you can use one of the methods mentioned below:

  1. Translate theme with Poedit
  2. Translate theme with the Loco Translate plugin

 

Using Poedit to translate the theme

  1. Visit http://poedit.net/download to download a copy of Poedit for your system and install it.
  2. Run Poedit and click Create new translation.

  3. Navigate to the download package and go to tech-life/languages. Click on either the default.po or default.pot file.
  4. Choose the language you wish to translate the theme to.

  5. Click on each row of text to highlight the untranslated text and enter the translated text in the Translation field.

  6. When you have finished translating the required text click Save to save the file, this will create a .po and .mo file. It is important that the name you give the file is the same as the WordPress Locale for your language. For example for French the WordPress Locale is fr_FR, for Spanish it is es_ES. For a full list of these locale names visit http://wpcentral.io/internationalization/.
  7. With the files saved you need to navigate to the theme’s languages folder on your server. Its address should be wp-content/themes/tech-life/languages. Add both the saved .po and .mo files to this directory.
  8. Go to your WordPress dashboard then click Settings -> General. Scroll down to Site Language. From the list choose the language you wish to translate the site to.

  9. Click Save Changes to Finish.

Using Loco Translate to translate the theme

Images Used

Slider Others

Plugins Used