The Repair – Computer, Mobile and Electronics Repair WordPress Theme

The documentation is intended to help you to install and setup The Repair theme. If you have any problems, please send us ticket and we'll help you troubleshoot and solve the issue!

Minimal Requirements for Theme

  • - Wordpress 4.1 or higher.
  • - PHP 5.4 or higher.
  • - MySQL 5 or higher.
  • - PHP.ini settings: .
    • - max_execution_time 120
    • - memory_limit 128M
    • - post_max_size 32M
    • - upload_max_filesize 32M

We recommend to use the latest version of WordPress and online version of the documentation.

How to Install WordPress

Installing Wordpress Instruction at WordPress Codex

If you are beginner with WordPress, we recommend that you explore the WordPress Codex

How to Install The Theme

There are 2 way to install WordPress themes – via WordPress admin and via FTP

1st way: Upload via FTP Server

1. Download archive with the theme on your Themeforest account.

2. Unzip archive the-Repair-installable.zip and upload it into your WordPress Theme directory /wp-content/themes/.

3. Open the WordPress admin panel by going to www.your_domain.com/wp-admin/.

4. Go to Appearance > Themes on the sidebar.

5. Activate The Repair theme.

Video

2nd way: Upload via WordPress Admin

1. Open wordpress admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar..

2. Click on the Add new button.

3. Click on the Upload Theme button.

4. Click on the choose file button, select "the-Repair-installable.zip" and click Open, and than Install Now button.

5. Activate The Repair theme

Install Plugins & Content: 1 click installer


Acivate the theme. Install and activate SecretLab Installer plugin.

Go to Appearance -> Welcome page. Choose version of design that you want to install and click Start installation button.


Go to Theme Options and save settings. All done!

Video of automatic install process

Manual Theme Install

If you cannot finished automatic installation and got any server arrors, you can use manual installation. There are step-by-step installation functions - just click and wait. There are 13 steps. Every step can be done automatically by button Do it or manually by link (if it couln't be done automatically).

1. Install and activate plugins.

2. Refresh the page.

Video how to make step-by-step automatic install and full manual, if something went wrong


Files for full manual installation is at folder /the-Repair/import/.


Explanation for video

If you got error, you can see what happened in Install Log and ask your hosting administrator to check php error log, to get a reason of error. Also you can use Manual Install

You can continue installation process from step that got error.

1. Click 1. Begin installing plugins

Select all plugins, choose Install and click Apply.


2. Click 2. Begin activating plugins

Select all plugins, choose Install and click Apply.


3. Click 3. Refresh the page


4. After the installation and activation of the plugins is complete, go to Appearance > Welcome and choose second step 4. Import Custom Post Types. On the Import/Export page choose types_plugin_settings.xml file in the import folder and click Import file. This is Custom Post Type for portfolio, testimonials, services and teammates.

You will be prompted for what groups, fields, and types you want to create. Select them all. This will create the Custom Post Types for portfolio, testimonials, services, and teammates.

You should see


5. Click 5. Import Sliders on welcome page. Click Import Slider on the screen that comes up.

Click Browse button, choose the slider in the /import/name_of_design/sliders/ folder and click Import. You need to import all of sliders for your selected design.


6. Click 6. Import Theme Option Set on welcome page. Open file with theme option settings in the /import/name_of_design/ folder. For example, /import/name_of_design/theme_options.json. Copy all text data, click button import from file, paste the data into the textarea, and click Importbutton.


7. Click Do it at 7. Import Icon Fonts and wait a few secons, it must setup icon font. If it display error, click Import Icon Fonts or go to Ultimate -> icon Manager and click button Upload new icons and choose zip archive alico.zip from folder /the-Repair/import/ and click Insert Fonts Zip File button. Make the same with security.zip


8. Click 8. Set Menu and Discussions Checkboxes. The function shoul set menu display options, page discussion options and set display options for Visual Composer at widgets, portfolio, services and teammate pages.


9. Click 9 Import Dummy Data on welcome page. Choose the dummy_data.xml file in the /import/name_of_design/ folder. Choose the one you need, select the xml file, click Upload file and import

When import process finished you can see inscription All done. Have fun!.

If you receive either the Request Timeout or 500 Server Internal Error it means the import process was unable to finish for 1 step. You can solve this in the way:

Press key F5 (refresh page) and click button Resend data if your browser prompts you to do so. This second option may take 10 to 15 repetitions to complete.

After the import process completes, you will got a screen like this:


10. Click 11. Import Widgets, choose file with widgets - *.wie file and click Import Widgets.

Theme Update

Before you are start to update theme, make data backup please.

There are 2 ways to update the theme:

1. Update by Envato Market plugin.

- After theme update, deactivate and and delete plugins Visual Composer, ultimate Addons for Visual Composer, Revolution Slider, SecretLab Shortcodes, SecretLab Metabox and install it via notice at the top of admin area

2. By FTP

- Download installable archive with thme from ThemeForest.

- Upzip the-Repair-installable.zip on you computer and unpack it..

- Upload /the-Repair/ folder at your hosting by ftp into /wp-content/themes/ folder. And say "Yes, replace all files.

- After that - go to Theme Options and click button "Save changes".

- Update plugins from folder /the-Repair/lib/. You need to update Visual Composer, ultimate Addons for Visual Composer, Revolution Slider, SecretLab Shortcodes, SecretLab Metabox

.

Troubleshooting

If you get any error - check please your php error server logs.

If you cant get access to php error logs, go to wp-config.php and find a line with define('WP_DEBUG', false);. Replace the live with:

define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);

After this, go to page when you get error, refresh it. And if you get error again, go to /wp-content/debug.log to read information about the error. When you know what is the problem, you can solve it or send message to your hosting to fix it.

Cant change color scheme?

These colors from color scheme savings into CSS-file after you click "Save Changes" button at theme options. If color scheme doesnt changes, check writable permission for file and folder for CSS files:

/wp-content/themes/the-guard/css/
/wp-content/themes/the-guard/css/dynamic.css

It should be 755 or 777 for folder and 644 or 666 for file.

Install or Update of plugins

Update Visual Composer, Ultimate Addons for Visual Composer or Slider Revolution

If you want update any plugins which provides with the theme, follow these steps:

1. Delete these plugins.

2. Click Begin installing plugins at notice at top of the page.

3. Choose all plugins you want to install and click Apply button.

4. Click Return to required plugin installer link

5. Choose all plugins you want to install, choose Activate at dropdown menu and click Apply button.

6. All done. You can start configure and use these plugins


Install of Plugins

If you want install only plugins without other content, follow these steps:

1. Click Begin installing plugins at notice at top of the page.

2. Choose all plugins you want to install and click Apply button.

3. Click Return to required plugin installer link

4. Choose all plugins you want to install, choose Activate at dropdown menu and click Apply button.

5. All don. You can start configure and use these plugins

License Keys for plugins

I bought developer extended licenses for Visual Composer, Ultimate Addons for Visual Composer and Slider Revolution. I must not share these keys (i have no permission to do it) - i provide updates of plugins with update of the theme.

You will get updates of plugins with theme updates.

Why i dont share keys for visual composer, ultimate addons and revolution slider?

1st reason: I have no permissions to share my developer license with customers.

2nd reason: If you are update visual composer - you will crash some elements of the theme or design. I testing every version of visual composer, ultimate addons for visual composer and other plugins. Do you want testing it by yourself and fix any bugs? I dont think so. I protect you from crash your website.

Documentation for Plugins

Visual Composer

Videotutorials is here
Online documentation is here

Slider Revolution

Online documentation is here

Online documentation for another plugins

  • Contact Form 7 here
  • Responsive Lightbox here
  • Types here
  • Woocommerce here
  • Ultimate Addons for Visual Composer here
  • Yoast SEO here

General Setting

You can set your Google Map API key, company name, choose your home page, upload your logo and configure pageloader.

Contact & Map

You can add your contact information.

Social

You can toggle the social icons on and off and add the urls of your social pages.

Layout: Design Options Tab

On the Layout tab, , you can choose which design version you want to use, set transition time for effects, and choose page layout and sidebar options.

Header: Design Options Tab

On the Header tab, you can choose header type, slider or hero scene. (Sliders can be created in Slider Revolution.) You can also turn the top bar off. Also you can configure Call-to-Actopn Button for Header #7

Footer: Design Options Tab

On the Footer tab, you can edit the copyrigh text, choose type of footer, hide scroll butoon of social icons, and set background.

Menu: Design Options Tab

On the Menu tab, you can edit colors for menu for every headers and backgrounds for the dropdown menu item. After uploading image on this screen, add class subbgr1 or subbgr2 to menu item on Appearance -> Menu page. You can also edit background for the sticky menu that appears with each header. Also you can configure sticky menu optiuons

Custom Post Types: Design Options Tab

Here you can configure Portfolio, Services, Teammates and testimonials custom post types. Also you can edit texts, headings and descriptions for these post types.

Custom

On the Custom tab, you can add any custom CSS and JS code and turn off the Scroll to top button.

Typography

Powerfull setting for typography with 750+ Google Fonts

Shop

Select slider and sidebar options for your store. Also you can turn on/off the shopping cart at the menu.

Blog

This is where you customize your blog display options. Select page layout, sidebar, and column options. These options work for the blog page, /blog/ category and subcategories pages. You can also select slider for blog's header.

Color Scheme

You can edit colors of the design. Also you cna load presets of colors. Presets is includes color scheme, typography and menu colors.

Import / Export

You can download and import Theme option settings.

Where to edit?

Sidebars: How Sidebar System Work?

For any page or post you can add individual sidebar setting by our Metabox plugin

For Shop - Theme Options -> Shop. You can add nessesary widgets in Appearance -> Widgets at Left Shop Sidebar and Right Shop Sidebar

For Blog - Theme Options -> Blog. You can add nessesary widgets in Appearance -> Widgets at Left Blog Sidebar and Right Blog Sidebar.

We recommed put all your blog's categories into Blog category with slug /blog/ for proper operation of blog's settings.

Global Settings, exclude blog and shop. - Theme Options -> Design -> layout. You can add nessesary widgets in Appearance -> Widgets at Left Sidebar and Right Sidebar

Shortcodes

The theme using a lot of shortcodes: Visual Composer, Ultimate Addons for Visual Composer and SecretLab Shortcodes. You can find full information about these plugins at official documentations. And info about SecretLab Shortcodes is here.

Videotutorials is here
Online documentation is here
Ultimate Addons for Visual Composer here

SecretLab Shortcodes

Posts Feed

The shortcode displays feed of posts by category and post-type. Available 1, 2 and 3 columns designs

Testimonials. Layout #1

It displays feed of testimonials in 2 columns-carousel with dots-navigation.

Testimonials. Layout #2

It displays feed of testimonials in 1 column-carousel with dots-navigation.

Testimonials. Layout #3

It displays feed of testimonials in 1 column-carousel with dots-navigation.

Testimonials. Layout #4

It displays feed of testimonials in 1 column-carousel with arrows-navigation.

Blog Feed: 2 columns

It displays feed of posts.

Teammates. Layout #1

It displays feed of teammates in 2 columns-carousel with arrows-navigation.

Teammates. Layout #2

It displays feed of teammates in 3 columns-carousel with dots navigation.

Price Table Layout#1

It displays price table at 3 or 4 columns view.

Price Table Layout#2

It displays price table at 3, 4 or 5 columns view.

Icon Fonts & Icon Font Manager

The theme is supplied with 3 icon font sets: ultimate 1600 icons, 600 iconic icons and 60 security icons set. You can find zip archives with the icon sets at Icon fonts folder.

Icon Manager supplied with Ultimate Addons with Visual Composer and support upload icon fonts, that was prepared at Iconmoon App. You can create icon font and upload .zip archive to Icon manager to use icons for display through Visual Composer.

Website Speed Optimization and Cache Plugins

Best way to increase website loading speed is CDN (Content Delivery Network). For example, cloudflare.com, it's free

Also you can optimize:

1. Download and install W3 Total Cache plugin
- Go to Performance > General Settings
- At the end of this page you'll find "Import / Export Settings" section which you can import "w3-total-cache-config.json" file. The mentioned file is available via Package Content Folder > IncreasePageSpeed

2. Go to cloudflare.com and set your website, it's free. If you dont want to use CDN, you can use only cache plugin. Settings for cloudflare below:

Results after W3 Total Cache and CDN for homepage

Also I've been tested the theme compatibility with other cache plugins:

  1. WP Super Cache - set it like that
  2. WP Rocket width some scripts to minifying exclusions:
    /wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js
    /wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js
    /wp-content/plugins/responsive-lightbox/js/front.js

Slides and Slider Revolution Plugin

You can choose slider:

  1. All website pages - at Theme Options -> Design -> Header
  2. Blog and blog posts that contain at /blog/ slug - at Theme Options -> Blog
  3. Shop and product pages - at Theme Options -> Shop
  4. For any pages, include services, testimonials, teammates and portfolio/cases. The option is at the bottom of page, when you are edit it.

Slider Revolution Documentation

Online documentation is here

Video Tutorials at Youtube

Content Editing

Visual Composer is a general content editing plugin.

Videotutorials is here
Online documentation is here

Page Options

At the end of the page you can find page layout option (full-width or boxed), turn sidebar on/off and choose a slider to dusplay at the header of the page.

Also you can choose header and menu template at page attributes block.

Footer

You can edit footer section or create a new one at Appearance -> All in one widgets. These footer is editable with Visual Composer

You can set footer that you want to display at Appearance -> Widgets. Just set widget All In One Widget to footer sidebar and choose a section that you created or edited in dropdown list

SEO Settings

Every pages, posts and categories has SEO settings.

You can configure titles and meta-data for custom post types, categories, tags etc at SEO -> Title & Metas page.

You can configure Breadcrumbs and Premalins at SEO -> Advanced page.

Full documentation for Yoast SEO plugins is here

Support Desk

Please remember you have purchased a very affordable theme. You have not paid for a full-time web design agency. Occasionally, we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your convinience, so please be patient, polite and respectful.

Please visit our profile page or ask question http://secretlab.pw/helpdesk/

Our theme support includes:
  • * Responding to questions or problems regarding the theme and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Theme support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Make sure to double check the theme FAQs.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Files & Sources

Included Stylesheets

These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included JavaScript codes under the-Repair/css/

  • 1. alicoBold.css - Stylesheet for 63 additional icons
  • 2. theme.css - Theme stylesheet (Security Agencyversion)
  • 3. themesystems.css - Theme stylesheet (Security Systems version)
  • 4. dynamic.css - Stylesheet with curent design after compiler, with colors from theme options
  • 5. editor-style.css - Used to style the TinyMCE editor
  • 6. font-awesome.min.css - Font Awesome icons stylesheet
  • 7. security.css - Security-related icons stylesheet
Included JavaScript

These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under the-Repair/js/

  • 1. js/modernizr-2.7.1.min.js - a Modernizr script
  • 2. main.js - Our Custom JavaScript
  • 3. bootstrap.min.js - Bootsrap JavaScript
  • 4. widget_carousel.js - Widget Testimonials Carousel JavaScript
  • 5. welcome.js - Welcome page installation process JavaScript
  • 6. js/lib/*.js - Slick JavaScripts
  • 7. import_attach.js - functions for AJAX attachments import
Import files

All included import files storages at folder the-Repair/import/

  • 1. /SEC agency_black/ - XML, sliders, widgets and theme options for Agency Blue-Yellow version of design
  • 2. /SEC agency_blue/ - XML, sliders, widgets and theme options for Agency Black-Blue version of design
  • 3. /SEC systems_light/ - XML, sliders, widgets and theme options for Systems Light version of design
  • 4. alicoBold53.zip and security.zip - files with icons font, that you can import in Ultimate -> Icon Manager
  • 5. types_plugins_setting.xml - file witn Custom Post Structure for portfolio, team, testimonials and services post types