Theme Installation

Easy Installation

  1. Connect to the member area and expand the “Listings Directory Child Theme” area within the “Directory Downloads” section. Download the Easy Installation .zip file.
  2. Login to your WordPress dashboard and navigate to Appearance ⇨ Themes ⇨ Add New ⇨ Upload. Load the .zip file you just downloaded.
  3. Activate the theme once the installation process is done.
  4. Enter the license key. You can get it from the member area, under “My Downloads” inside Download pop up. Screenshot.
  5. Go to the Appearance ⇨ Themes section, click on the blue “Install sample data” button to populate your site with dummy data and make it look like our demo. The dummy data activation process can last up to 1-2 minutes. Don’t interrupt it.

Easy installation – Video Tutorial (watch in HD and full screen)


Install Listing using FTP

Installing via FTP is necessary on servers that aren’t optimized for WordPress and can often interrupt the installation process because of the long execution time. Good news is that this type of install isn’t particularly hard, just longer compared to installing from the back-end.

For general instructions about using FTP please open this tutorial.

  1. Download all files available under “Traditional Installation” in “Directory” section inside member area and extract them using software like 7-Zip. Use the “Extract here” option; don’t extract into a new folder.
  2. Assuming you read the above linked FTP tutorial, navigate to /wp-content/plugins/ on your server and upload the three plugin folders (Tevolution, Tevolution-Directory and Tevolution-LocationManager)
  3. Navigate to /wp-content/themes/ and upload the Directory folder and Listings folder.
  4. Login to your WordPress dashboard and go to Plugins. Activate Tevolution and enter the license key available inside our member area.
  5. Go to the Plugins section again and activate Tevolution – Directory and then Tevolution – Location Manager.
  6. Navigate to Appearance ⇨ Themes and activate the Listings theme.
  7. While in the Appearance ⇨ Themes section, click on the blue “Install sample data” button to populate your site with dummy data and make it look like our demo.

 

Home Page Configuration

See the below image for the HomePage configuration and accordingly check the points given after that to set up the widgets.

HomePage

1) Logo: Change Logo

Go to your Wp-admin > Appearance > Customizer. Logo image can be changed from the section “Site Logo”.

Logo

2) City Selector: City selector shows the current city user have selected. Site will display listings added in to that city only on front end. More details on this is provided here: https://templatic.com/docs/directory-theme-guide/#locationsettings

3) Search widget: Explain widget option as per usage

Allows visitors to search through different types of content and also different areas (listing titles, categories, custom fields, etc). It has the ability to display relevant results as soon as you start typing

In Listing theme, this widget is placed at Appearance > Widgets > Homepage Banner area.

If you want to allow users to search from their current selected city only then enable the option “Search from current city” in to the widget settings.

Search can also be modified by enabling it for different fields from “Enable to Search form”.

4)Add Listing Button: This button is provided in to WP-admin > Appearance > Widgets > Navigation Right. N to the text widget below code is added to show the button:

<a class="submit-small-button button" href="https://templatic.com/demos/direcotry/submit-listing">Add Listing</a>

Change value in href to change your submit listing page link.

How to change color of this button?

Add below classes in to the Appearance > Custom CSS Editor and change the color codes as per your need:

.primary_menu_wrapper .submit-small-button.button {
background-color: #11b6d2;
border: none;
margin: 0;
}
.primary_menu_wrapper .submit-small-button.button:hover {
background-color: #73cb00;
}

5) Top Navigation: To Set up primary menu, Go to Wp-admin > Appearance > Menus. Create a Menus and assign it to the location: Primary.

6) Main Navigation: To setup the main menu navigate to Appearance ⇨ Menus. When done creating the menu assign it to the “Secondary” location. For detailed instructions on using menus watch this video How to create a menu with multi-column items (mega menu)?
To create an extensive navigation menu visit our mega menu article. To get a better idea how this menu looks open the Directory 2 live demo and hover over the “Theme Features” menu item.

Want to style your navigation bar with icons?
If yes, just use Front Awesome icons. To apply an icon expand the menu item you want to edit and insert the icon code inside the “Navigation Label” field (next to your item name). For example:

<i class=”fa fa-home”></i> Home
<i class=”fa fa-spoon”></i> Restaurants

If you did everything correctly, your menu should look something like this
How to add login, register and logout buttons to the secondary menu?
Install the Code Snippets plugin and then add the following code inside a new snippet

add_filter(‘tmpl_logreg_links’,’tmpl_logreg_links_return’);function tmpl_logreg_links_return(){return array(‘primary’,’secondary’);

}

7) Slider & 8) Search:

Please see this screenshot to set up these areas:

Home Page 7 -8

9) Main Slider Text: Find businesses,hotels or services: To change this text, go to Wp-admin > Appearance > Widgets > Homepage Banner. Look at “Title” field of “T > Instant Search” widget and there you will be able to alter the text.

10) Please see this screenshot to set up this area:

Home Page 10

To display features posts only select “Only Featured” inside the “Sorting Options” dropdown in widget of “T > Homepage Display Posts”.

Quick tip: To select multiple categories inside the Categories field press and hold the CTRL (CMD) key and click on each category. To select all categories click on the first one, hold the shift key and then click on the last one.

11) Please see this screenshot to set up this area:

Home Page 11

12) Please see this screenshot to set up this area:

Home Page 12

13) Footer: Please see this screenshot to set up this area:

Home Page 13

 

Category Page

Breadcrumbs

Displays the path to the category you’re viewing. The only breadcrumb option is available in Appearance ⇨ Theme Settings. It allows you to turn breadcrumbs On or Off.

Category title

The name of the category you’re viewing. You can change it by editing the category itself. Do that from wp-admin ⇨ Listings ⇨ Listings Categories.

View switchers

Controls how properties are displayed. You can choose from List, Grid and Map view. Settings related to this area can be found in Tevolution ⇨ Settings ⇨ Category page (tab).

Sorting dropdown

Choose the order in which the listings will be displayed. You can control which options are available from Tevolution ⇨ Settings ⇨ Category page (tab).

Category Description

Category description can be added from wp-admin ⇨ Listings ⇨ Listings Categories ⇨ Add/Edit Category ⇨ Description field. It is useful when you want to make the category pages SEO wise or when you want to give the description what that category is all about and will display which type of listings on the site.

Listings:

Listings added in to the category gets displayed here.

How to set a featured image?
When adding an property from the back-end use the “Featured Image” box located inside the right sidebar. You can also do it by simply uploading an image to the property image gallery.

6 – Category sidebar

To re-create this area navigate to Appearance ⇨ Widgets and insert the following widgets inside the “Listing Category Page Sidebar”

  • Text: For Advertisement.
  • T – Advanced Search: To enable search on the page
  • T – Browse By Categories

This area can also have one more feature called List Filter. It will add awesome option for your readers to search the business easily by using AJAX.

Pagination

To control the number of listings displayed per each page go to Settings ⇨ Reading and edit the “Blog pages show at most” option. To make each category display all available properties just add a really high number.

Another look of Category page

Give your category page a look like below image only by doing two changes in to Wp-admin settings:

  1. Go to Appearance > Widgets > Listing Category Pages –Below Header. Remove the Category page map – Multi city widget from there.
  2. Go to WP-admin > Tevolution > General Settings > Category Page. Turn on the Option “Map view”. You can also make the map view to default view by selecting “Map” in to “Default page view” option.

Category Page - Map view

 

Big Slider area possibilities

A) Slider behind Search Full width: Go to Wp-admin > Appearance > Widgets > Homepage Banner. Place Homepage Banner widget to have slider.

Full Width Slider

B) Map behind Search Full width: Alternatively Map can also be displayed by using “T > Homepage Map – Multi city” widget.

Full Width Map

C) The full width Map and slider can be made to fit content width too like this by turning off “Show map in full width” option in to Tevolution General Settings > Map Settings.

width fit to content

 

Change Listing Header image

A) How to change header background image in all the listing detail page?

Go to your WordPress installation folder. Go to the folder Themes/Listings/Images. Replace your new image with “default_banner_header.jpg”. Make sure to keep the name of the image in same name and extension.

B) How to change header background image in individual listing image?

Add/Edit the listing at your Wp-admin. Upload the new banner image in to the field “Listing Banner” and save the changes. Listing owners can also do the same from submit listing page on front end.

listing detail - banner

 

Manage your Submit Listing Page

How to Add/edit options on submit page?

Submit page can be created by using this shortcode:

[submit_form post_type='listing']

To add/edit/remove different options go to WP-admin > Tevolution > Custom Fields. Here you can add/edit/delete different fields. Please read more here.for this and explore the section more properly.

Specific fields on specific category. Is this possible?

Yes, off course. Go to Tevolution > General Settings > Submission Page. Enable the option “Category specific fields”.

This option is useful when you want to assign some specific fields to some specific category. Such as field like “Time Duration” to “Event” category.

Set your “Terms and Conditions”

Terms and Conditions are really helpful to define a business’s limits and the user’s limits. I would say it is a safeguard for any business. To enable go to Tevolution > General Settings > Submission Page. Enable the option “Terms and conditions”. If you want to give a link to a detailed “Terms and Conditions”, just add the link using anchor tag inside “Terms and condition text” box there.

Secure your site with Captcha

Stopping spam submissions is must. Captcha on different forms can be configured from Tevolution > General Settings > captcha. More details is available here: https://templatic.com/docs/directory-theme-guide/#generalsettings.

Monetize

Different ways to Monetize

Monetization section is given at Tevolution > Monetization settings. Meanings of different options given there are very well explained in this guide – https://templatic.com/docs/directory-theme-guide/#monetization

There are different tricks and ideas you can manage the monetization section well. I am listing here some of the useful things as per I have experienced:

  1. Free Package: Allow users to list their business for a short period on the site for free. Here, “Amount” field will be blank.
  2. Get a small but regular fee: This is also a nice option to have continued revenue in coming. It will also build a user’s relationship. I would say it is small and steady. You can give pricing the way that users will pay a small amount on each fix duration to you.

To do so, enable the “Recurring package” option in to Tevolution > Monetization > Price Packages > Add/Edit price package page.

  1. Get paid high for more number of listings: You can also allow users to submit multiple number of listings on a single package purchase. For that package type “Subscription ” is required to be purchase.

Just a tip. I would have been given an offer like this:

Submit one listings at $10 while with “Subscription Package” you can submit up to 5 number of listings with $45. This way users can get attracted to add more business on the site.

  1. Specialize categories: Make some important and highlighted categories on the site which you usually highlight on Homepage, category, etc… For these categories some special price can be defined. I am sure business owners will be eager to list the business on the special category which is a plus part of the site.

To do so, go to WP-admin > Listings > Listing Categories. Add/Edit categories and there you can mention price for the category.

How to add different options to pay on the site?

By default theme provides you two systems to get paid:

  1. Bank Transfer
  2. PayPal

These systems can be configured at Tevolution > Monetization > Payment Gateways. More details on this is provided here.

Give more options to pay.

How to change currency?

Change the currency to accept payments in your currency amount from Tevolution > Monetization > Currency. Checkout more details here.

How to provide discount to your listing owners?

Hmm. This is a good way to have some more business on some special occasions or festive days. So as the other businesses do, you can also give some discounts to users to get the deal. Read more details: https://templatic.com/docs/directory-theme-guide/#managing_coupons

Where to see details of the payments?

Payment details can be seen at Tevolution > Transaction section. Entries of more than zero price only will come here. Transactions can be approve, rejected by the site owner this way.

Send expiration reminder

This is very important feature to get a re-business for existing customers. Send them reminders on particular duration before their listing expiration. So that they get some time and repay again to you by renewing the listing after it gets expired.

Reminder mail duration can be set as per your requirement at Tevolution > Settings > general Settings > Submission Page Settings > User listing expiry notification email option.

This Mail notification can be customized from Tevolution > Settings > Email Settings & Notifications > Listing expiration notification to user.

Get Users on site

How to allow visitors to register?

Go to WordPress General settings and enable the option “Anyone can register”.

Allow visitors to easily login with their social media accounts

There are many internet users like me who do not like to create new accounts on different websites. In such a case they just love to use their existing social media accounts on the new websites.

Directory also entertain such users by providing login feature through their social media accounts. To enable them, go to Tevolution > General Settings > Registration Page section. For how to get keys there, see the section named “Registration Page” in this guide.

Want some more information from users on their profile?

User specific fields can be created at Tevolution > Custom Fields > User Custom fields. These are used when you want to take some details from the listing owners and show it on the authors page. Foe example, we are taking their social media accounts. More details is provided here.

You should also visit how the author’s details are being displayed on their dashboard: https://templatic.com/docs/directory-theme-guide/#userdashboard

Add content easily as Admin

How to add different listing contents in bulk?

Until now we talked about process when listing owners will submit the listing. When site owner is thinking to add number of listings on the site, Bulk Upload is a good feature that can be used to save some time. More details on this is available here.

How can I add cities?

Go to Wp-admin > Manahe Locations > Cities > Add cities. From here cities can be added. Read this guide for how to add the cities and what is the exact feature of the the cities in to Directory.

How to add cities in bulk?

To add cities in Bulk, Bulk Import plugin is required. This section gives you more details – https://templatic.com/docs/directory-theme-guide/#bulkupload

We have some ready made CSV files of city list which might be useful to you while adding new cities. There are cities available for US, UK, Canada, Spain and more. Visit this link.

Cities

How to show nearest city’s listings to visitors?

Let the site visitors surf their nearest listings by choosing “Ask To Show Nearest City” or “Nearest City” option in to Tevolution > Manage Locations settings.

Difference between these two options is well explained in to “Location Tracking” section here.

I want to make State wise Directory. Possible?

Why not? See the “City selector levels” section in to the same Location Settings guide.

Get statistics of cities being visited on the site

Enable the option “Track city visits (city logs)” in to Manage location settings of Tevolution and then go to Tevolution > Manage Locations > City Logs. There you will see the details on which city has more visits, etc…

This can be very useful for the future site enhancement and business expansion. For example, If particular country’s visits are more than a payment gateway of that country can be added to the site.

Show “similar businesses” to visitors

It is a very good practice to give some choices when user is viewing something. So that he can find the most fit thing for him. Similar listings does the same thing. It can be configured from Tevolution > Settings > Detail Page section. Set the option “Filter related posts by” to fit your requirement of the site.

Charge extra money by “Claim Ownership”

Many directory owners users the theme to list the businesses for free initially. Once they approach the business owners, business owners can be told to claim their listings form this feature. It can be enabled from Tevolution > General Settings > Claim Ownership section.

You can also charge the users who are claiming for the listing by using “Paid Claim” add-on.

Give an attractive “Mobile App” look

Yes, you can make the site look like an App when users are surfing site on their mobile by turning option “Mobile app view (Beta)” on at Wp-admin > Appearance > Theme Settings.

Customize theme’s style by using Custom CSS Editor

Custom CSS Editor given at Wp-admin > Appearance is very useful o customize the theme’s style and though keep them when updating theme/plugins.

Want to change direction of content to RTL?

When you are usimg a RTL language, this is very essential and most time saving feature. Enable “Right-to-Left (RTL) text orientation” from Wp-admin > Appearance > Theme Settings.

List the listing owners on single page

You can list all the listing owners on a single by using below shortcode at Wp-admin > Pages.

[PHP] [tevolution_author_list role=’subscriber’ users_per_page=’8′][/tevolution_author_list][/PHP]

More details

Get more familiar with customer by customizing the Mails & Notification

Go to Wp-admin > Tevolution > Settings > Email Settings & Notifications. Hereyou can change the content of the emails that are being sent to the site users.

Note that the shortcodes used there can not be exchanged in to the other email notifications. Shortcodes used in the particular mail can only be used there. Additional

Modify URLs of the site for SEO/user-friendly purpose

“Permalink Settings” section given at Tevolutin > Settings is really very important in terms to personalize the URLs of your site and making the SEO as per your needs.

If your tweaks start causing 404 errors in the front-end click on the “Reset all rules” button to undo your changes.

Add a new type of business listings by creating post types

Custom Post Types section at Tevolution > Custom Fields section is very helpful when you want to list different type of businesses on the same directory. Find more details here.

Create your Blog

The Blog in Directory is essentially just a category holding individual posts. So… follow these steps to create a Blog

  1. Create a new category in Posts ⇨ Categories and name it Blog.
  2. Add posts to that category by going to Posts ⇨ Add New.
  3. By adding the posts our Blog page was automatically created. You can see it by going to Posts ⇨ Categories and clicking on the “View” link

view

Quick tips

  1. To increase the number of entries available per-page on category pages (default is 5), go to wp-admin ⇨ Settings ⇨ Reading and change the value associated with the “Blog pages show at most” option.
  2. I also recommend adding this Blog category to your navigation menu. Do that by going to Appearance ⇨ Menus and creating a new menu. Expand the categories dropdown, choose “Blog” and hit “Add to menu”. For details on creating custom menus watch our video tutorial.

Extend your Directory Business

Monetization Oriented

Features Oriented

Directory Resources Page

We have an “all-in-one resource page” that will assist you to set up your Listing site. This page contains all the resources and information that you will possibly need while setting up the website. Click here to go to the resources page.