Important

If you are updating to Nightlife 1.1, your submit page will not work as usual because we have made some changes in the page templates. To make it as it was previously, you will need to use page shortcodes.

Also, the recurring event funtionality is changed a bit. See more details here on How the recurring events work in Nightlife 1.1?

As Nightlife is compatible with Tevolution, take a look on Tevolution Guide as well. Features such as price packages, Custom Post types, advanced custom fields, etc… are explained there.

Install & Activate Nightlife

• Connect to member area and expand the Nightlife section under My Downloads. Download all available files to your hard drive.
• Connect to your WordPress dashboard (wp-admin) and then navigate to Plugins -> Add New. Now click on Upload and then on Browse. Load the tevolution.zip file you downloaded earlier and then click on Install Now
• Once the install process is done click on Activate Plugin
• Navigate to Appearance -> Themes. Click on the Install Themes tab and then on Upload. Use the Browse option to locate the supreme zip file on your hard drive – then click on Install Now. After the installation process is finished do not activate supreme.
• Navigate again to Appearance -> Themes -> Install Themes -> Upload but this time load/install the nightlife zip file. Once it’s installed activate the theme.
• To load sample data navigate to Appearance -> Themes and click on the blue “Yes, insert please” button

In case WordPress rejects the .zip files use FTP to install the theme:

• Extract tevolution.zip then upload to /wp-content/plugins directory
• Extract supreme.zip and nightlife.zip then upload to /wp-content/themes directory
• Once uploading is done connect to the WordPress dashboard and activate them in this order:
  1. Tevolution, 2. Nightlife
• If you run into more problems during installation please visit our Installation Guide

 

 

Basic CSS Options

Go to WP-admin -> Appearance -> Themes. Click on customize.

Now on front page you’ll be able to see the customizer on the left hand side. Here you can change some CSS for the site without editing the code.

Change Logo/Title:

• Expand “Site Logo” by clicking on it. Here upload your logo image and click on “Save & Publish”.
• Instead of Logo image, if you want title there then it can be settled from  Site Title & Tagline section. You can give description about your site in a line which will display under the logo in front end. Check mark site description field if you want to hide it.

Footer Copy Right Text:

This is easier now. Instead of editing footer.php, this can be done from Footer Section given in customizer. You can add your own code as well.

Create registration process using Tevolution special shortcodes

Using these shortcodes, you can create registration, login and profile page for your users.

1) Register

Shortcode – [tevolution_register]

Purpose

• Helps to register your users with you on your site. Create and publish this page
• Head over to wp-admin -> Tevolution -> General Settings -> Registration Options and select the Registration page from the drop down given there (that you created using above shortcode) in the field “Registration page”
• It will show only 2 fields, “E-mail” and “User name” on your site. Filling these fields, it will send a password on the mail Id provided here.
• This page will be in effect only if you have activated your User registration/ Login Management module from Tevolution -> Overview.

2) Login

Shortcode – [tevolution_login]

Purpose

• Helps to login your users with you on your site. Create and publish this page.
• Head over to wp-admin -> Tevolution -> General Settings -> Registration Options and select the login page from the drop down given there (that you created using above shortcode) in the field “Login page” and save all settings.
• It shows basic fields “User Name” and “Password” to sign into the account with “Forgot Password” link. Forgot password link will ask you email Id where it will send you a new password which can be changed later from your profile page (created using profile page shortcode)
• Login page will be in effect only if you have activated your User registration/ Login Management module from Tevolution -> Overview.

3) Profile page

Shortcode – [tevolution_profile]

Purpose

• Helps registered users to edit/update their profile information. Create a page with this shortcode and publish the page.
• Head over to wp-admin -> Tevolution -> General Settings -> Registration Options and select the profile page from the drop down given there (that you created using above shortcode) in the field “Profile page” and save all settings.
• This page will be in effect only if you have activated your User registration/ Login Management module from Tevolution -> Overview.

Read related things in Tevolution guide.

Shortcodes plugin

The easiest way to add buttons or columns into a post is to use shortcodes. Click here to download the Shortcodes plugin and then follow the same instructions you used to install the theme, but instead of placing the folder inside /wp-content/themes, place it inside /wp-content/plugins. For detailed FTP instructions open this article:
https://templatic.com/docs/how-to-upload-and-edit-files-on-your-server-ftp-tutorial/

To see what are the actual shortcodes available to you click on the link below:
https://templatic.com/demos/catalog/shortcodes-guide/

How to fetch the Facebook page events and where they display on site?

• First generate Application ID and Application Secret ID in Facebook. For more details on getting these keys click here.
• Create a page on Facebook. Add some events to your Facebook page. Click here for more details.
• Make sure to fill up the below details correctly as shown in screenshot while creating or editing your app on Facebook.

All of the above were about how to create Facebook events, page or How to get API keys and all. Now, we’ll see how to connect our site with the Facebook events and where they can display.

• Facebook events can be of a particular user and of your site also. For example, you are having your own Facebook account and one another Facebook account for your company as well.
• Both will have different events. So the events of your company can be displayed using a page Template and your own events can be displayed in your author page. Same for other users as well.
• To have a Facabook Events page, Go to WP-admin -> Pages -> Add new. Here in Page templates select Template – Facebook Events and give Application ID, Secret ID, page ID(Facebook).

• For single user’s dashboard Facebook events, the same above fields are given in author page in Facebook Events tab in front-end.

How the recurring events work in Nightlife 1.1?

First, I would like to explain what recurring event is.

Recurring event is an event which occurs frequently on some fixed period basis. For example, a WordPress conference in Newyork held every month. Thus it is called as a monthly recurring event.

I will explain how the events affect in front end with an example.
You are having monthly event, coming every first Tuesday in every month for 5 months & it is a 3 days event. Then you will need to do the settings as given in the below screenshot.

Now, once you publish the post, you will have five posts in the backend with the same name. These are the occurrence posts. You can only change the Title and description of this occurrence post.

The main event will have all the options with custom fields to edit whereas the other occurrence posts won’t have that.

Each recurrence post will have a start date and end date, even though you cannot edit it. In front end, the upcoming occurrence will be in upcoming tab, past will be in past tab and current will be in current tab depending on their start date and end date values.

When you will click on the occurrence post in front end, it will give details of that event with its start date and end date. The main event will be available only in the author page.

If two occurrence posts are there for same event which are in upcoming status, the both will be displayed in upcoming tab.

WooCommerce Compatibility & Creating Event Tickets to sell

One more dashing feature of the Nightlife would be to allow your visitors to purchase tickets of the events listed on your site. Yes, It is possible with Nightlife and WooCommerce Plugin.

WooCommerce Compatibility is provided with Nightlife. So event’s Tickets are treated as Products. Let’s see how to implement this feature in little more detail:

• First we’ll need to download it. So you can click here to download it.
• See the “Getting Started” Tutorial for installation and setting up WooCommerce plugin.
• WooCommerce’s Documentation is available here.
• To add Tickets Go to Wp-admin -> Products -> Add Products and add the product there as per your requirement.
• For example, You are having an event listed named as “The Wedding”. You want to sell 100 tickets for this event. Then it can be done this way.
• Add a Product with a title. Say – “Tickets Of The Wedding”. Give some desctipion. Selected a category(Product Category). You’ll need to add categories again for tickets. It can be same as your events or different as per your requirement.
• Now, in “Product Data” select “Simple Product“. Give the Price. Let’s take £100 for ‘Regular Price (£)” and £80 for “Sale Price (£)”.
• In these settings, you’ll be able to see Inventory tab. Click There.
• Check mark option – Manage stock? and Give number of ticket in “Stock Qty” field. Here we will give 100.
• Click on “Publish” button to Publish the product.
• Go to Event “The Wedding” and edit it. Now, you will be able to see a block beside Visual Editor Box named as “Select Events Ticket“

• Select “Tickets Of The Wedding” here and update the Event.

• View the event in front end. You’ll be able to see a button to purchase a ticket of that event on the event detail page with the number of tickets remaining.

• Once you’ll click on “Book Now” button, you’ll be redirected to Tickets Of The Wedding’s detail page from where you can choose the number of tickets and purchase the tickets.
• The Payment methods in the checkout page can be configured from the WooCommerce plugin’s settings. Wp-admin -> WooCommerce -> Settings -> Payment Gateways.

Translate/ Change the background Text of the Slider & Footer Search Area?

To Translate Slider background Text, follow these steps,

• Go to your active WordPress folder wp-content > themes > Nightlife > languages > en_US.po (use poEdit tool for it)
• Now, search there for the word called “you like to search?“
• Then again search for just “Which” word
• Apply your desired words there & save the changes
• Refresh your site to see the effect.

To Translate Footer background Text, follow these steps,

• Go to your active WordPress folder wp-content > themes > Nightlife > languages > en_US.po
• Now, search there for the word called “Which event you like to search?“
• Apply your desired words there & save the changes
• Refresh your site to see the effect.

Can I show the pop up for my image gallery in normal WordPress pages?

Yes you can, but the condition is, if you have activated Templatic-Shortcodes plugin.

How to change the default view from list to grid for my listing page?

By default the page view of your event listing page would be “list view” but if you want to have “Grid View” as your default view then it is possible! Just you need to modify some code following these steps,

• Go to your active WordPress directory ..\wp-content\themes\Nightlife\js\_nightlife.js (open this .js file)
• Around line number 880, you will find a code as said here,

jQuery(function() {
var cc = jQuery.cookie('display_view');

Replace it with below mentioned code,

jQuery(function() {
jQuery.cookie("display_view", "eventgrid");
var cc = jQuery.cookie('display_view');

Save it and Refresh your browser, your view must have changed to grid by default.

 Any Queries? Contact us and we’ll help you out. For customization theme tips, have a look on “Tevolution Customization“