Documentation Login Box

Ultimate directory PRO WordPress DZS

Created: 03/01/2018
Author: Digital Zoom Studio
Twitter: http://twitter.com/
Facebook: http://facebook.com/dzs
Support - via item comments

Thank you for purchasing our component. If you have any questions that are beyond the scope of this help file, you can ask them in the Item Discussions.

Intro - top

Ultimate directory PRO

Ultimate directory PRO lets you build any kind of directory site. It can be integrated into any theme and it can be customized to your needs.

Installation - top

There are two ways to install the plugin

Method 1 - Direct WordPress Install

Just download the zip from your http://codecanyon.net/user/yourusername/downloads directory in a folder of your choosing.
Unzip it with your preffered unziping utility. On Windows, there can be some warnings while unziping. Those are nothing to worry about if they appear, they are just Mac OS X files that cannot be read by Windows.
Then in your wordpress installation, in the Plugins panel, click Add New like in this picture:
Then click Upload, and select the zip you have downloaded from CC. Then click Activate.
You can now add Directory entries
Start customizing to your needs. Have fun!

Method 2 - FTP Install

Just download the zip from your http://codecanyon.net/user/yourusername/downloads directory in a folder of your choosing.
Unzip it with your preffered unziping utility. On Windows, there can be some warnings while unziping. Those are nothing to worry about if they appear, they are just Mac OS X files that cannot be read by Windows.
Then, if the folder dzs-videogallery is zipped, unzip that too. Then copy the folder in the wp-content/plugins folder
Then in your wordpress installation, in the Plugins panel, locate DZS Directory ultimate and click Activate
Start cusomizing to your needs. Have fun!

_______________

You can now add shortcodes of your desired directory form as presented below

Demo install:

Quick start - top

access / create your post / page
you can paste this shortcode
```
[login_box]
```
the button will appear there that opens the login modal.
all done

or

you can also place the button that opens the modal in the menu
access Appearance > Menus
go to Custom link and enter in the link:
```
#login-box
```
⟶ to show the modal on click
```
#login-box--login
```
⟶ to show the modal and go to login tab
```
#login-box--register
```
⟶ to show the modal and go to register tab
in the label you can input your label
all done

Demo shortcode:

[directory_form display_type="horizontal" table_fields="thumb,title,content,tag_houses,tag_villas,date" posts_per_page="6" desc_max_chars="250" item_links_to="lightbox"]

how to add directory entries

You can either add them as admin from directory entries, custom post type. Or let your users add them via the frontend uploader.

Customize- top

Modify login and register font sizes

Go to Login box > settings and enter in extra css

a[href^="#login-box"]{
font-size: 17px!important;
}

Modify style of buttons

Go to Login box > settings and modify any style

Setup facebook application

You can get Facebook Apllication ID and secret by going to https://developers.facebook.com/apps/ and creating a app.

Once you created the app, in the settings tab, click Add platform

and select WEBSITE

In the link, input the link to your site, then in the domain, the domain of your site, like here:

Then, just copy there into the video gallery settings > facebook tab.

Final step is to access Facebook login in the left tab menu

and input yoursite/

How to get google recapcha keys

Step 1

First, we need an API key, so head on over to https://www.google.com/recaptcha/admin. To gain access to this page you’ll need to be logged into a Google account. You’ll be asked to register your website, so give it a suitable name, then list domains (for example tutsplus.com) where this particular reCAPTCHA will be used. Subdomains (such as webdesign.tutsplus.com and code.tutsplus.com) are automatically taken into account.

Step 2

With that done you’ll be given a site key and its partner secret key: