Mercantile

Really awesome theme for your business corporate house or personal freelancing sites

A theme suitable for Corporate Offices and Personal sites. Make your business sites, travel agency sites, fashion sites, sports sites and many more.

Don’t forget to check our premium product. MercantilePro

Theme Installation

From WordPress Dashboard  Appearance > Themes

  1. Log in to the WordPress Administration Panels.
  2. Go to the Appearance panel, then Themes.
  3. Click Add New.
  4. Upload the Zip file of Mercantile
  5. After Installing the theme Click Activate button

FTP Installation (alternate method)

  1. Use your FTP software to browse to wp-content/themes folder.
  2. Extract mercantile.zip and upload the folder.
  3. Once it’s uploaded, go to your WordPress Admin, browse to Appearance > Themes.
  4. Click the Activate link.

Recommended Plugin

DummyData

Before importing the demo content. It is required that you install necessary plugins. They are:
1. Acme Demo Setup
2. Advanced Import

Then you can follow the path below:

Adding Pages

Adding a new page is the same way as default WordPress installations, however, there are extra options that might need explaining.

This theme is specially build for corporate purpose. Usually each page have content and featured image.  Featured image will display on front page, in single page.

Adding Featured Image

  1. Go to Admin Panel
  2. Go to Pages > Add New
  3. Give the title of the Page
  4. Write the content of the Page
  5. Scroll to down and see the right corner, you will find the Set Featured Image section

add-page-mercantile

This theme can fully customize from the Customize section. To customize theme, Go to Appearance > Customize. You will find the various options related to theme.

Parent Page and Child Pages

This theme is based on Parent Page and Child Pages. All the section on the home page are managed by Widgets and the content on the sections are called from Child Pages.

Parent Page will be a selector page and the content of it’s child page will appear on front end. Look here to know about how to create a Child Pages.

Home Page/Make Home Page as Demo

Are you wondering about how to create home page as our demo ? Here we are going to present you how to make home page as demo. Please just follow the below procedure to make it. It’s simple to create home page.
1. Install Theme Mercantile

2. Create Page for Home and Blog
You need at most two pages, one for Home and another for Blog, to make like demo. Please follow this below steps to
set home page.

3. Set Home page and Blog page
Please set home page and blog page with following procedure.

4. Preview front page
View the front page, the featured section(Slider Section) will appear. To change the slider,

5. Section below the slider
Are you wondering how to add the section below the slider ? It’s simple, please follow the below process:

6. More section on Home Page
If you need more section on home page, just add the available widget there on “Home Main Content Area”
You will find the others section below.

How to make One Page Site ?

Please follow the blog post to know about create one page site. Follow all the steps mentioned on the post. 

Theme Options and Setting on Customizer

All the team options and settings are available on Admin Panel > Appearance > Customize. From this section you can manage,

customizer-mercantile

Site Title, Tagline & Logo

site-title-tagline

Slider Sections

Enable Slider

Featured Slider Selection

Slider Text Alignment

You have options to manage the slider text alignment. Available options are, Left, Right, Center and Alternate.

You have options to enable/disable animations as well.

featured-mercantile

Widgets On Sidebar/Home Main Content Area

Mercantile is based on Widgets as well. You can manage the home page section, inner page sidebar section and footer section with widgets. To add the widgets on this section,

widgets-mercantile

Header Options

header-options-mercantile

Footer Options

footer-options-mecantile

Copyright Text

Social Options

Layout/Design Option

Very flexible options for changing you site layout, design and colors.

layot-mercantile

Front Page Content Options

hide-front-mercantile

Setting up Default Sidebar Layout

Setting up Default Blog/Archive Layout

How to change the Site Primary color and Background color ?

How to Add/Remove the background image

Where and how to add custom CSS ?

If you are familiar with CSS, you can customize you site by writing your own CSS code :)

 

Theme Options

Extra more options for your theme customization.

theme-options-mercantile

How to Enable/Disable Breadcrumb

How to change Search Placeholder

How to Make Our Services Section ?

  1.  Create a Page(Parent Page). Example: Services
  2. Create Page(Child Page). Example: Services 1, Services 2, Services 3 & Services 4. Look here to know about creating child pages.
  3. Go to Appearance > Customize > Widgets > Home Main Content Area > Select the AT Service Section Widgets
  4. Select the Parent Page (Services)
  5. Click on Save & Publish to save the changes.
  6. View on Front End. Services section will appeared there.

services-mercantile

Where to add the icons on services section ? 

  1. While adding pages, you will get a section to add the icon class.
  2. Please add the Google Font awesome icon class there.
  3. Please see the screenshot below for details.

icons

How to visible Excerpt Section on Pages & Post? 

  1. Go to Pages > Add new or Edit the page
  2. View at the top, you will see the screen options
  3. Click there and Checked on Excerpts
  4. After that Excerpt will visible. Please scroll to down to see it.
  5. Please have a look on the screenshot for the details.

In this theme, if you added content on Excerpt, it will appear on the front page, and the content on the content section will appear on inner pages.

screen-options

Make Team, Testimonials, Clients etc section

All the section on the home page are based on child/parent page and widget. You can create the parent page as a selector and it’s child pages to display on the front end. Follow the same procedure, as our services section above to make the other sections as well.

Footer Widgets Section

Make Footer Section As our demo(First Widget)

Please follow the steps to make the widgets section on footer as our demo:

  1. Go to Appearance > Customize > Widget > Footer Column One
  2. Add the Text Widget
  3. Write your content there.
  4. Copy and paste the below content.

<div class='text-center primary-color'><i class='fa fa-envelope fa-3x'></i><br />
<a href="mailto:[email protected]" target="_top">youremail[@]example.com</a>
</div>

footer-col-one

Make Footer Section As our demo(Second Widget)

Please follow the steps to make the widgets section on footer as our demo:

  1. Go to Appearance > Customize > Widget > Footer Column Two
  2. Add the Text Widget
  3. Write your content there.
  4. Copy and paste the below content.

<div class='text-center primary-color'><i class='fa fa-location-arrow fa-3x'></i><br />
Elmonte, California
</div>

footer-col-two

Make Footer Section As our demo(Third Widget)

Please follow the steps to make the widgets section on footer as our demo:

  1. Go to Appearance > Customize > Widget > Footer Column Three
  2. Add the Text Widget
  3. Write your content there.
  4. Copy and paste the below content.

<div class='text-center primary-color'><i class='fa fa-phone fa-3x'></i><br />
<a href="tel:+0123456789">+0123456789</a>
</div>

footer-col-3

 

If you have any problem related to theme, please post your query on support forum. 

Recommendation:

Child Theme is recommended to customize theme. What is child theme? If so, please have a look on this link for Child Theme and Importance.