Organic Markit Pro WordPress Theme Documentation


Introduction

Thank you for buying our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.

What is WordPress CMS?

WordPress is an open source tool which is based on PHP and MySQL to create websites. It is a completely free content management system(CMS) and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of it’s varied aspects like it’s easy usage and flexibility. Learn More

What is a WordPress template

A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, you can change the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.

Help and Support

Files structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

  • Screenshots - contains template screenshots. Not for production.
  • theme - contains WordPress theme files.
    • ts-organic-market-pro.zip and ts-organic-market-pro.zip - this folder content all the necessary files for the theme.
  • license.txt - contains license details.
  • readme.txt - contain information about theme images path and font use and usage scritps.

TS KEY ACTIVATION

The TS Key Activation process can be done as follows.

As you will get the License Key on your Email, use that key to Activate License.

Follow the following Process to Activate License.

Go to the Dashboard » Appearance » TS Key Activation » Enter Key » Save Changes.


After Entering The Key » Activate Licence.

After you Activate Licence, then you can Getstarted with the Theme.

Theme Installation Via WordPress

Install a Theme using WordPress Admin Theme Search

If you’re looking to install a free WordPress theme from the WordPress.org themes directory, then the easiest way is by using the WordPress admin theme search functionality

First thing you need to do is login to your WordPress admin area. Next, click on Appearance » Themes.


Once you are on the themes page, click on the Add New button at the top.


Based on your search, you will see a single theme or a list of themes that met your criteria. In our case, we searched for the blogging theme Slipstream. When you see the theme that you want to install, simply bring your mouse on top of the image. This will reveal the install button, preview button, and details button. Go ahead and click on the install button.


WordPress will now install your theme and show you a success message along with the link to activate or live preview.


Click on the activate button, and you’ve successfully installed and activated your WordPress theme.


Install a Theme by using Upload Method from WordPress Admin

The first method that we covered only allows you to install free themes that are available in the WordPress.org themes directory. But what if you want to install a commercial “premium” WordPress theme from companies like ThemeLab, StudioPress, iThemes, etc. Or what if you want to install a custom theme? Well in this case, you would need to install the theme using the upload method from your WordPress admin.

Start by downloading the .zip file of the theme that you purchased from a marketplace or a commercial theme provider.

Next login to your WordPress admin area and click on Appearance » Themes.


Once you are on the themes page, click on the Add New button at the top.


On the next screen, click on the Upload Theme button at the top.


You will be prompted to choose the zip file that you downloaded earlier. Select the file and click Install Now.


Once your theme is installed, you will see a success message along with the link to activate and preview the theme.


Click on the activate button, and you’ve successfully installed and activated your WordPress theme. Depending on the theme, it may add additional settings options that you may need to configure either through the theme customizer or through a separate options panel.

Theme Installation Via FTP

Installing a WordPress Theme using FTP

First installed and setup your FTP program, connect to your host using FTP. You would need to go to the path (/wp-content/themes/). Once you’re there, simply upload your themme’s folder there.

Remember you must unzip the folders before you upload a theme using FTP. Once you have uploaded the theme, you would need to go to your admin area and click on Appearance » Themes.

You should see the theme that you uploaded listed there. Bring your mouse on top of that theme and click on the activate button and youve successfully installed and activated your WordPress theme.

Section Color/Font Pallete

Color/Font is very easy process.At a single glance of click you can set the color and fonts of the Headings,Paragrapgh and Buttons

Every individual section have an option to set the color pallete for Headings,Title/Text,Paragraph,Button Text and Button Background depending upon the number of option that are available in that respective section

Default Color/Font settings

How to set up homepage

Setup Home Page Template

Follow these instructions to setup Home page.

  • 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.

    Label it "home" or anything as you wish. Then select template "home-page" from template dropdown.


  • 2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home page

  • Once you have done with this you can see all the demo content on front page.

Setup Header


Follow these instructions to setup header.

  • For Top menu: Create the menu from the dashboard and set it to the "Top Menu"

  • For Navigation: See the Setup Navigation tab of this documentation.

Setup Categories Section

This section shown product categories created on your store. In order to proceed you first you will need to install woocommerce on your wordpress account.


Follow the below steps to setup the categories

Go to Appearance >> Customize >> Theme Settings >> Categories.


In this section you can set the categories image,Title. You can update the number of categories show.

You can also set the Title color and it's font family.

Setup Slider Section


Follow the below steps to setup the slider

Go to Appearance >> Customize >> Theme Settings>> Slider Settings.



In this section you can set the slider image,Title and description. You can update the number of slides.

You can also set the heading color, subheading color, button color and it's font family.

Setup "Organic Store" Section


Follow the below steps to customize this section

Go to Appearance >> Customize >> Theme Settings >> About us.



In this section you can set the title,description and image. You can update the number of boxs.

You can also set the heading color, subheading color and it's font family.


  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Promotional Banner section


Follow the below steps to setup this section

Go to Appearance >> Customize >> Theme Settings>> Banner Section


From there add promotional banner image as a background, add it's title, and a button to redirect user to your promotional page. It also have options to cutomize following things

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Title Color and Font Family Option: Contains title color and it's font family options for specifix section.
  • Button Color & Font family Option:Contains button color and it's font family options.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup "PRODUCTS" Section


Follow these instructions to setup Product Section.

Go to Dashboard >> Product >> Add New.


This section will show up all the products present on your store in a slider. You can customize it's appearance through customizer.

Go to Appearance >> Customize >> Theme Settings >> Products Section



In this section you can set the following points;


  • Section Title: : Includes settings to set section title.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Deals of the Day Section


In order to proceed with Tabs Section,

Go to Appearance >> Customize >> Theme Settings >> Deals of the Day.


In this section you can set the following points;

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Image Option: Contains background image options for specifix section layout.
  • Background color Option: Contains background color options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup Best Seller Section


Follow these instructions to setup Product Section.

Go to Dashboard >> Product >> Add New.


In order to proceed with Best Seller Section,

Go to Appearance >> Customize >> Theme Settings >> Best Seller.


In this section you can set the title,description and image. You can update the video ulr.

You can also set the heading color, subheading color and it's font family.

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup Offer Section


In order to proceed with Discount Section,

Go to Appearance >> Customize >> Theme Settings >> Offer.



In this section you can set the following points;

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup Products Quality Section


In order to proceed with Products Quality Section,

Go to Appearance >> Customize >> Theme Settings >> Products Quality.



In this section you can set the following points;

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup Service Section


In order to proceed with Service Section,

Go to Appearance >> Customize >> Theme Settings >> Service.


In this section you can set the following points;

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup Weekly Product Section


Follow these instructions to setup Product Section.

Go to Dashboard >> Product >> Add New.


In order to proceed with Weekly Product Section,

Go to Appearance >> Customize >> Theme Settings >> Weekly Product.


In this section you can set the following points;

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup Saving Banner Section


In order to proceed with Saving Banner Section,

Go to Appearance >> Customize >> Theme Settings >> Saving Banner.


In this section you can set the following points;

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup Team Section


Follow these instructions to setup Team Section.

Go to Dashboard >> Team >> Add New.


Go to Appearance >> Customize >> Theme Settings >> Team Section.


In this section you can set the following points;

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup Latest News Section


Follow these instructions to setup Latest News Section.

Go to Dashboard >> Post >> Add New.


Go to Appearance >> Customize >> Theme Settings >> Latest News.


In this section you can set the following points;

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number of Days to show Allow you to select no. of working days and timings you would like to display.

Setup newsletter Section


In order to proceed with Newsletter section,

Go to Appearance >> Customize >> Theme Settings>> Newsletter.

Add the contact form plugin to your wordpress account. Activate the plugin and create your own form. Once you have done with this copy it's shortcode and add to to the customizer newsletter section.



  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Our Brand Section


In order to proceed with Newsletter section,

Go to Appearance >> Customize >> Theme Settings>> Our Brand.

Add the contact form plugin to your wordpress account. Activate the plugin and create your own form. Once you have done with this copy it's shortcode and add to to the customizer newsletter section.



  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup First Footer Section


In order to proceed with Footer section,

Go to Appearance >> Customize >> Theme Settings >> Footer.

You have four columns in the footer. Each column have different element to show. Lets see each column on by one.


  • First columm : This section content will come form the customizer. It have three element store logo, Text, Address , email, and contact number.
  • Links and quick links columns These sections will be setup from the admin pannel widget section. Add whatever widget you want.

  • Fourth columns:This section will =setup from the customizer. Add the opening time title ,it's details and the payment image with it's corresponding link to redirect.

  • Setting Options : Includes settings for Our Project display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Second Footer Section


In order to proceed with Footer section,

Go to Appearance >> Customize >> Theme Settings >> Footer.

In this section you add all the Title & url. Options here are further described according to the sections they belong to :

  • Title Allow you to set the title which to display .

Page Templates and Sidebars


Page Templates

  • Default Template (the default page template with a right sidebar position)
  • Page (Full Width) (a page template with one column without a sidebar)
  • Page (Left Sidebar) (a page templates with left sidebar position)
  • Page (Right Sidebar) (a page template with right sidebar position)
  • Blog (Full Width) (a blog templates with one column without sidebar)
  • Blog (Left Sidebar) (a blog templates with left sidebar position)
  • Blog (Right Sidebar) (a blog template with right sidebar position)
  • Contact Template (the default Contact template with no sidebar position)

Posts, Categories and Post Formats

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel


  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
Click the Publish button.

Creating a Blog post


  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Shortcodes

A shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.


All available shortcodes are conditionally divided into these groups:

  • Gallery[ts-galleryshow ts_gallery="39" numberofitem="8"] - used for Gallery images output. "39" is the id replace it with yours.

Custom Widgets


Title Banner Image

Once you activate this plugins you will find the below option inside each and every page,post,registered posts etc.


  1. First, you need to choose the banner image that you would like to set on your post/page.
  2. On uploading any file, by default, the title will appear over the banner image.


  3. With the help of this plugin, you can hide the title if you do not want to display it on the banner simply by checking "Hide Title above banner" option.
  4. You can even show the title below the banner image by checking "Show Title below banner" option.


  5. When none of the options is selected and no file is chosen, then the title will be displayed in the default manner.