Fitsica WordPress Documentation

The Documentation


FITSICA GENERAL


Fitsica Instruction

Firstly, we want to take a second and thank you for choosing our product – Fitsica. Fitsica is an advanced job board theme brings you the solution to build up a job board site concerning fitness and gym. This document covers everything to guide you step by step from the start to have your site on air. It will make you your experience enjoyable. We encourage you to read thoroughly all sections before you go on. Additionally, you will receive quick support at NooTheme Support Center for any problem.

Thanks again and enjoy building your amazing website with Fitsica.

WordPress Information

Before installing this theme, please make sure that you have a working WordPress version already installed. For further guides to install WordPress, please find in below useful links:

Download Theme Package

When our theme is purchased successfully from ThemeForest, you will need to download theme package to use. To download the package, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button in the left side of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:

Requirements for Fitsica

To use Fitsica theme, you must be running WordPress 4.6 or higher, PHP 5.5 or higher, and MySQL 5.6 or higher. Follow the checklist below to ensure that your host can work well with Fitsica theme:

Recommend PHP Configuration Limits

When you are installing Fitsica theme, you can meet many issues such as: demo content fails when you are importing and other issues. They are related PHP Configuration limits. The best solution is that you need to increase the PHP limits. You can do this on your own or contact your hosting provider learn more about this:

Please follow THIS BLOG learn more about this.

Video Tutorial


How to Install Fitsica Theme. Follow the reference video

How to Import Fitsica Sample Data, Follow the reference video

Configure Header Style Layout. You can get the below reference video

INSTALLATION


There are two ways to install theme. It belongs to the way you choose your preference.

Install Theme via WordPress

Note: If you see this message “Are You Sure You Want To Do This” when installing fitsica.zip file via WordPress, it means that you have an upload max file size limit. Please try to read this blog to find a solution for your website.

Register Purchase Code

Install Theme via FTP

How to install Fitsica via FTP.

Plugin Installation

Here is the list of plugins that will come together with our theme when it is activated. It is recommended to install and activate these plugins based on your own need:

Import Demo Content

The easiest way to import our demo content is to use our Demo Content Importer. Our importer will give you all pages and posts, several sample sliders, widgets, and more.

import sample data

Import the content file (.XML)

import the content file import the content file step 3

Directly import the content file .xml downloaded from the package:

Update Theme

Auto Update

Please follow these steps to update this theme automatically:

Manual Update

You can also update the new version in traditional way:

Basic Setting

If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo

It’s because some basic settings are needed on WordPress site. If you know where the issue is and how to fix it, please skip this section.

Setup Home Page & Blog Page

To assign Homepage and Blog page, please follow these steps:

Assign Menu

Please go to Appearance > Menus, then find Menu Settings > Theme Locations at the bottom.

Check the Primary Menu, then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme.

You can see more details at: http://codex.wordpress.org/Appearance_Menus_Screen

Change Permalink

Please go to Permalinks setting: Settings >Permalinks, then change the Common settings to Post name.

You can see more details at:http://codex.wordpress.org/Using_Permalinks. After these steps are done, your site will look like our demo, you can move on to process to build your content.

Fitsica


Quick Setup

You will see 2 tabs which are Quick Setup and Import Demo

Quick Setup:

Quick Setup

Themeforest Purchase Code: You need to enter the ThemeForest Purchase Code exactly. Because it will help you to update our theme when the newest version is released.

Required Pages: Don't forget to click "Correct" button in Required Pages. It will help you to run some necessary page of Fitsica theme.

Import Demo:

Click Install Demo button to import them.

Quick Setup

Settings

This section provides you with settings of 14 parts that contain: Action Control, Jobs, Resumes, Job Application, Email Templates, Packages,Company, Member, Messages, Member Menu,Location, Job Alert,Resume Alert and 3rd APIs.

setting

Action Control

This page consists of setting related to the main actions of users on your site. Depending on the actions, you can select if the user is allowed freely or require purchasing the packages. With action requires buying packages, you will see proper settings on the package product edit page.:

action_control

Jobs

jobs

Resumes

resumes

Job Application

job_application

Email Templates

There are three kinds of email corresponding to three main types of users: Admin emails, Employer emails and Candidate emails. See the instruction below to know purpose of these emails.

email_templates

1. Admin emails: Admin emails include Job submitted email and Resume submitted email

Job submitted email:

2. Employer emails

Employer emails include:

All of these emails have Activate, Subject and Content section to input

3. Candidate emails

Candidate emails include:

All of these emails have Activate, Subject and Content section to input

Packages

packages

Company

company

This is also a new tab in Job Settings section. It include the following options:

  • Companies Archive base: You can set Companies page slug
  • Company Alphabet: Select Default or Custom
  • Number Company show per Letter: Set the number of company shown per letter.
  • Show Company With No Job: Check or Uncheck to Show or Hide Company which does not have any posted job.
  • Company Review: Check this box to Company Review.
  • Enable reCAPTCHA for Company Review: Check this box to show the reCAPTCHA
  • Member

    member

    This tab has many options for you to set:

    Mesesage

    messages

    Member Menu

    member_menu

    This page allows you to set up the Member Dashboard Menu and Sub Menu.

    Click Save Changes button to save your settings.

    Location

    There are 2 maps type: Google Map and Bing Map

    Google Map:

    location

    Bing Map:

    location

    Job Alert

    job_alert

    Job Alert feature allows candidates to create job alerts and receive email of jobs related to their keyword, expected location, category in frequency they set

  • Enable Job Alert: Check/Uncheck the Enable Job Alert box to enable/disable this feature
  • Max Jobs for each Email: Enter the number of job you want to show in job alert email sent to candidates. It helps make sure the email has reasonable length. If there are more jobs than this number, a read more link will be added to the end of email.
  • Job Alert Query Position #1-#8: Select all these option from drop down list
  • Resume Alert

    resume_alert
  • Enable Resume Alert: Check/Uncheck the Enable Resume Alert box to enable/disable this feature
  • Max Resume for each Email: Enter the number of resume you want to show in resume alert email sent to candidates. It helps make sure the email has reasonable length. If there are more resume than this number, a read more link will be added to the end of email.
  • Resume Alert Query Position #1-#8: Select all these option from drop down list
  • 3rd APIs

    3rd_APIs

    Input Google reCaptcha Key,Indeed Publisher ID, Xing Consumer Key, LinkedIn App API, Facebook App API and Google App API.

    Custom Fields

    Here you will have settings to Job/ Resume custom fields Employer/Candidate and application profile fields

    custom_fields

    CUSTOMIZER


    All our theme options can be changed in our Customizer on the left side and live previewed instantly in previewed site on right side. With this intuitive interface, you can customize your website as you wish at your fingertips without writing a line of code.To start using Customizer in Admin Panel, navigate to Appearance > Customizer you will be redirected to a live preview screen where you can change options on left side and preview your site on right side promptly. All your change will not be committed and viewed on your site until you click Save &Publish on top right of Customizer bar. You also are able to Export your setting in Customizer and Import to apply for other sites.

    Header Image

    The header image is usually a big fullscreen image.

    header_image

    Click on the Add new image button to select a header image.

    Background Image

    background_image

    To upload a background image,click the Select Image button and you’ll be able to select an image from your media library, or upload a new one

    Below the image you will also be able to see the background image options. Under Preset, you can select how you want the background image to be displayed: fill screen, fit screen, repeat, or custom. You can also select background image position by clicking on the arrows below. Clicking on center will align the image to the center of the screen.

    This section allows you to customize Primary Menu, Create New Menu and View location.

    menus

    Primary Menu:

    There are lots of factors you can edit in this part including Home, Shop,Jobs,Companies,Resumes,Blog and Page. On each part, you can fill Navigation Label,URL the blanks. Or you can also choose remove button for deleting this part.

    menus

    You can reorder the position of every part on your widget or Add Items

    Create New Menu:

    menus

    Fill the Menu name in the blank and click Next to start adding links, you get a option in choosing menu location: Primary Menu. Please check the box to choose this option. If you plan to use a menu widget ,skip this step.

    View Location:

    This is main navigation located in the header.

    Site Enhancement

    site_enhancement

    Homepage Settings

    Homepage Setting section will help you can choose what’s displayed on the homepage of your site

    homepage_settings

    Your homepage displays:

  • Your latest posts: When you select it,it will be where your posts are displayed.
  • A static page: Choose the default of left sidebar from drop down sidebar list and you can add new page title
  • WooCommerce

    woocommerce

    Additional CSS

    In this section, you can can add your own CSS there.

    Design and Layout

    design_and_layout design_and_layout

    Typography

    typography

    This section allows you to customize your Typography settings.

    header
    footer

    Widgets

    This section enables you to customize Widgets situated in Footer.Besides, you can also Add widgets or Reorder to Noo-Footer Column #.

    widgets

    Blog

    Blog Page

    blog

    Single Post

    blog

    Job & Company

    This section allows you to customize Job List,Single Job, Companies List, Single Company

    1.Job List

    job &_company job &_company

    2. Single Job

    job &_company

    3.Companies List

    job &_company

    4. Single Company

    job &_company

    Resume

    1.Resume List

    In this section,you have settings for your Resume List page.

    resume resume

    2. Single Resume

    resume

    Woocommerce

    Shop Page

    woocommerce
  • Hide Product Rating: Turn on/Turn off to show/hide this option.
  • Single Product

    woocommerce

    Product layout: You can choose the same layout as Shop page or you can choose a separate layout for Single Product page.

    Custom Code

    custom_code

    In this section you can add custom JavaScript and CSS to your site. You Google analytics tracking code should be added to Custom JavaScript field.

    Import/Export Settings

    import_export

    PAGE


    Create New Page

    create_new_page
     

    Page Settings

    We have created some specific Fitsica page settings which will help you to build splendid pages for your website. Follow the list of options below to see how they work:

    create_new_page

    POST


    Create New Post

    Follow these steps below to create blog post:
    create_ post
     

    Post Format

    Fitsica supports 4 post formats. Follow these steps below to see the description of Post Formats and Global setting of Post.

    FITSICA CUSTOM POST TYPE


    Jobs

    In addition to frontend job submission, Fitsica allows admin to add job, review and edit job, reject or approve job. In this section, you can find all the necessary settings for jobs in Fitsica.

    Add New Job

    Please follow these steps to add a new job from backend:

    Job Category/ Type/ Tag/ Location

    Add a job category:

    Go to Jobs> Job category> Enter name of the new category> Click Add New Job Category

    Add a job type:

    Go to Jobs> Job Type> Enter name of the new type> Click Add New Job Type. After creating a new job type, you can set color of each type.

    Add A Job Tag:

    Go to Jobs> Job Tag> Enter name of the new job tag> Click Add New Job Tag.

    Add A New Job Location:

    Go to Jobs> Job Location> Enter name of the new job location> Click Add New Job Location.

    Companies

    You can add more company and manage all companies from Admin panel. Navigate to Jobs > Companies to have a list of all companies available on your site. Click Add New button on the top to add a company. Fill in the necessary field: Name, Description (editing field), upload logo and website and social link. You’ve just done. Save and publish it.

    Add a New Company

  • Step 1: Go to Jobs> Companies> Add New > Enter title (name of the company) and content.
  • Step 2: Complete Company Information that contains:
  • Company Logo: Upload the logo

    Company Cover Image: Select an image to upload

    Portfolio: Add an images here

    Category: Select Category from drop down list.

    Slogan: Enter Slogan here.

    Location: Select location from drop down list.

    Full Address: Enter full address of the company.

    Company Website: Enter website of the company

    Facebook/Twitter/Google+/LinkedIn/Instagram: Enter link of these social pages

  • Step 3: Click Publish button.
  • Testimonials

    Create New Testimonial
    Testimonial Categories:

    Navigate to Testimonials > Testimonial Categories on your site. Fill in the necessary field: Enter testimonial title and description. Click Add New Testimonial Category button.

    Resumes

    Add New Resume

    Please follow below steps to add new resume from backend:

    Candidates & Employers

    You are able to manage candidate and employer in user list. From Admin panel, navigate to Users > All User. On the top, you can see list of employers and candidates and other user roles. You can add, delete or change role of users properly here.

    Job Applications

    Job applications are applications sent from candidates to employers to apply for a job. You are able to view all job application from Admin panel. Navigate to Job Applications. List of job applications with their status, candidate name, jobs applied, attached files and applied date all are viewable here.

    WOOCOMMERCE PLUGIN


    When WooCommerce plugin is installed in your WordPress website successfully,you are able to create online shop or product list page. Below is the guide to create Product or shop page using WooCommerce.

    Create New Product

    To create a new product, please follow these steps:

    Shop Page

    To set up a page as Shop page to show all products, create a new page. From admin panel, navigate to Woo Commerce > Settings

    In Products tab, navigate to Display sub-tab on the top, here you can find your page from dropdown list to set as Shop page.

    Product List Page

    To set up a page as Product List page to show all products such as product list 2 columns, 3 columns, you can create a new page. Then, use Noo Product shortcode and configure options on this shortcode. This shortcode will help you to create Product list page.

    FITSICA WIDGET


    We built Fitsica with number of premade widget that enable you to create many elements you see in our demo in fingertips.

    By installing Elementor, you will have the Elementor page builder plugin enabling the creation of web pages in a live.

    In addition to Elementor page builder, Fitsica comes with 22 specific widget. To generate these widget, go to Pages > Add new , click the “Edit with Elementor” you will be redirected to the Elementor customization panel.

    Navigate to FITSICA ADDON to find a widget you want to use. You can add those widget to any pages or posts for your own use.

    Fitsica-widget

    Below are a list of 22 widget and their attributes:

    widget

    Select the widget in left column, drag and drop to widget area in view area.

    Noo Call To Action

    To start the customization, you have to click on the element that you want to change and a menu will open in the field to the left. That menu has three tabs: “Content”, “Style” and “Advanced”.

    The “Content” tab allows you to change what will be displayed in that element – text,alignment,picture,link or anything else.

    Detailed option:

    The “Style” tab gives you the tools to change your contents appearance. Colors, fonts, backgrounds, alignments, borders, and margins. The interface is simple, so I’m sure you will understand how to use it.

    The “Advanced” tab contains different additional functions like the whole element’s background or entrance animation.You should still get to know the functions here for when you do need them.

    Noo Button Form

    This widget is used to click or tap to trigger an action, submit data and navigate to another screen.

    Detailed option:

    This widget is used to displayed on Home page.

    Detailed option:

    Noo Client

    noo_client

    Detail option:

    Noo Company

    noo_company

    Detailed option:

    Noo Contact Form 7

    noo_contact_form

    Detailed option:

    Noo Embeb

    The Embed allows you to embed code in a post, without the content being changed by the editor. .

    Detail option:

    Noo Event Countdown

    This widget is used to displayed a real-time countdown for informative events.

    Detailed option:

    Noo Job Category

    Use this widget displays job category .

    Detailed option:

    Noo Jobs Indeed

    This widget is used to create Indeed Jobs page

    Detailed option:

    Noo Job Location

    Show all job locations and number of jobs in each location. Since there may be lots of job location, you can set number of location to show in frontend.

    Detailed option:

    Noo Jobs

    Detailed option:

    Noo Package

    Detailed option:

    Noo Post Layout

    Detailed option:

    ♣ Image

    ♣ Title

    ♣ Meta

    ♣ Content

    ♣ Style

    Noo Promotion

    Content:

    Detailed option:

    Button:

    Noo Resumes

    Detailed option:

    Noo Service

    Detailed option:

    Noo Step Icon

    Detailed option:

    Noo Team Member

    Detailed option:

    Noo Testimonial

    Detailed option:

    Noo Text Info

    Detailed option:

    Noo Title

    Detailed option:

    FOOTER


    You are able to create footer with widget area and bottom bar. Both of these areas can be configured in Customizer on Footer tabs. You can add up to 3 columns into the widget area and customize by adding widgets you want.

    footer1

    Extras


    Come together with Fitsica, these plugins are recommended to install and activate for flexible use. Below are the source for documentation and support of each plugins.

    Woo Commerce

    Fitsica works compatibly with Woo Commerce that allows you to create job posting packages. If you plan to use Woo Commerce Plugin for your site, check out these sources:

    Woo Commerce Plugin Documentation for user guide to use the plugin.
    Woo Commerce Plugin Community Forum for support upon issues of the plugin.
    Woo Commerce Knowledge Base for questions about the plugin.

    SUPPORT


    When you come to this section, we hope that you found all the information provided in this documentation helpful and you have finished installing and polishing your site as what you have imagined of. After reading carefully this guide, if you still need any helps, don’t hesitate to contact us at Noo Support Center. You will be asked to create an account if you are new to us and enter purchase code to post a topic for support. To get your purchase code, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button on the left side of our theme, choose “License Certificate” to download the license file where you can find the purchase code.

    Please be noted to post a topic with your issues be clearly clarified. It is recommended you send us together with link of your site and your admin account. These will help to save time for both of us. Finally, please be patient. It will take us some time to check all the topics and we will solve topics from older to newest.

    Hopefully, you will enjoy using Fitsica! Thank you for choosing our theme.