Drupal 7 - Events Theme Guide for Developers

Overview

Starting with a new theme, it's sometimes takes a lot of time for first time users to really understand how it works. You may want to know how to customize layouts, typography, block styles and make it look the way you want.

In most cases you won't need to know PHP or database queries, but basic knowledge would be very helpful to get great results.

If you're an experienced Drupal developer or if you want to build the theme from zero with only the basic appearance of your theme, find this guide in handy. This guide will give you the detailed step by step installation guide to help you start building the content for Eventive Theme to look exactly like the demo site.

1. Package

Eventive - Event and Online Booking Drupal Theme

With its boldly styled strong design, embedded with Drupal commerce module, Eventive Drupal theme helps companies or individuals have a full function website to show their profile, to announce what’ll be happening in the upcoming time. What’s more? You can book a ticket to join the event.
We think this will be of great use for companies to celebrate their events, for online booking ticket website, or for business with a continuously updated information channel.

Included content:

  • README.txt
  • Eventive theme: events-7.x-1.0.zip
  • Demo Profile for Eventive: events-profile-7.x-1.0.zip

2. Features

  • Documentation included.
  • Browser compatibility
  • Web Technology (Html5/Css3, Twitter Bootstrap 3.1.1, Font Awesome 4.0.3,…)
  • Fully responsive.
  • Megamenu
  • Color variations (4 skin colors).
  • Easy customization.
  • High usability
  • Support both Left to Right and Right to Left Languages

3. System Configuration

Database

  • MySQL 5.0.15 or higher with PDO
  • PostgreSQL 8.3 or higher with PDO
  • SQLite 3.3.7 or higher

PHP

  • PHP 5.2.5 or higher (5.4 or higher recommended)
  • PHP5 GD library installed
  • Disabled error_reporting flag on production server
  • Enabled mod_rewrite in Apache for clean URLs
  • Memory limit set up at least 128MB

If you are new to Drupal, please take a reference to System requirements on drupal.org.

4. Screenshots

Let's glance through the theme's design & some features:

Homepage

About Us

Events Gird

Events List

Events Calendar

Speakers

Gallery

FAQ

Contact

Multi colors

Responsive layout

5. Module requirements

Core Modules

  • Contact
  • PHP filter
  • Statistics

Third-party Modules

  1. Addressfield
  2. Admin Menu
  3. Backup Migrate
  4. Bean
  5. Better Exposed Filters
  6. Block Class
  7. Calendar
  8. Commerce
  9. Commerce Donate
  10. Commerce Paypal
  11. Chaos tools
  12. Date
  13. Devel
  14. Dynamic Banner
  15. Entity
  16. Entity Reference
  17. Facetapi
  18. FAQ
  19. Field Collection
  20. Field Collection Table
  21. Field Collection Class
  22. Field Collection Settings
  23. Field Group
  24. Field Slideshow
  25. File Entity
  26. Flexslider
  27. Flickr
  28. Fontawesome
  29. Geocoder
  30. Geofield
  31. Geophp
  32. i18n
  33. Icon
  34. Image Delta Formatter
  35. Inline Entity Form
  36. Jcarousel
  37. Jquery Update
  38. Lang Dropdown
  39. Language Icons
  40. Libraries
  41. Link
  42. Magnific Popup
  43. Modal Forms
  44. Module Filter
  45. Node Class
  46. Page Title
  47. Path Auto
  48. Quicktabs
  49. References
  50. Rules
  51. Search Api
  52. Search Api Db
  53. Search Api Ranges
  54. Search Api Solr
  55. Search Api Sorts
  56. Search Facetapi
  57. Select Or Other
  58. Sharethis
  59. Shortcode
  60. Simplenews
  61. Superfish
  62. Tag Clouds
  63. Taxonomy Menu
  64. TB Megamenu
  65. Title
  66. Token
  67. Variable
  68. Video Embed Field
  69. Views
  70. Views Bootstrap
  71. Views Bulk Operations
  72. Views Field View
  73. Views Fieldsets
  74. Views Slideshow
  75. Webform
  76. Wee Shortcode
  77. Weebpal Banner

Required libraries by the modules

  • Ddslick
  • Flexslider
  • Fontawesome
  • Jcarousel
  • Jquery Cycle
  • Jquery Jcarousel
  • Magnific Popup
  • Superfish

Download Drupal core files, and extend your site with modules at here.


Installation

Quick Installation Demo Profile

We created an installation profile with demo content for each of our theme, so that you can quickly download and reproduce the whole site content as presented on our live demo. This way you will get a quicker overview of the features. If it's convenient you may also use the given demo content as a starting point to build your custom sites.

1. Eventive package included:

  • README.txt
  • Eventive theme: events-7.x-1.0.zip
  • Demo Profile for Eventive: events-profile-7.x-1.0.zip

The below steps will give you the installation guide so that you can build your website to look exactly like the Eventive Demo.

  • events-profile-7.x-1.0.zip

2. Extract events-profile-7.x-1.0.zip above and copy it into your host, and rename the directory

Quick Installation

3. Access your MySQL database and create a new DB (e.g. events) and user account. Don't forget to add correct permissions to new user to access the database

4. In the demo directory database or profiles/weebpal/sample_data you can find database dump named sample_data.sql. Import this file into new BD

Quick Installation

5. Now, you need to modify sites/default/default.settings.php file. Clone default.settings.php file, then rename it "settings.php"

Quick Installation

6. Open settings.php, then locate the $database array and set proper credentials.

Quick Installation

                    $databases['default']['default'] = array( 
	                    'driver' => 'mysql', 
	                    'database' => 'databasename', 
	                    'username' => 'username', 
	                    'password' => 'password', 
	                    'host' => 'localhost', 
	                    'prefix' => '',
                	);
                

When using this installation, you are installing everything from our preview server. So don't forget to set proper values to access to your database: db name, db admin username, db admin password, host, etc.

7. Open the browser and visit your website with the prepopulated content & layout exactly like our Events Demo

Now, you can visit administrator site with the admin account admin/admin to delete the unnecessary contents and add the new ones.

Installation Events Theme for Drupal developers

If you're an experienced Drupal user or if you want to build the theme from zero with only the basic appearance of Events Theme, find this guide in handy.

1. Install Drupal

  1. Go to Drupal download page and download the latest version of Drupal 7.

    Download Drupal 7

  2. Extract and copy Drupal folder to your host and rename the directory.
  3. Follow this tutorial to install Drupal with the standard profile.

2. Install Events Theme

  1. Extract Events theme .ZIP file:
    • events-7.x-1.0.zip
  2. Move this theme into your Drupal folder: sites/all/themes

  3. Navigate to Appearance > Choose Enable and set default Events theme

3. Install Required Modules

Now that you've enabled Events theme, you will install and enable the required modules (listed in the Module Requirements section) to customize and use them.

If you don't know how to install the contributed modules, this tutorial is an essential guide.

Cheat to install modules & theme:

  1. Extract events-profile-7.x-1.0.zip
  2. Open extracted folder, go to sites/all and copy all folders inside (modules, themes, libraries)
  3. Paste them to your host, folder sites/all

Note: See this guide to get more details about installation


Taxonomy configuration

Quick Information

  • Taxonomy: Taxonomy can be simply understood as category management using organizational keywords known in other systems as categories, tags or metadata. It allows you to connect, relate and classify your website's content. In Drupal, these terms are gathered within "vocabularies". The Taxonomy module allows you to create, manage and apply those vocabularies.
  • Vocabulary: for example product category, tag, provider name, ...
  • Term: the items in each vocabulary. For example: vocabulary product category has some terms: laptop, pc, mobile, tablet, camera, headphone, ...
  • For more information about taxonomy, please see: Organizing content with taxonomies

Step 1: Navigate to Structure > Taxonomy to create vocabularies as the following:

Vocabulary

Then, add terms for each vocabulary

Step 2 :Terms of News Category:

Vocabulary

Step 3:Terms of: Speaker

Vocabulary

Step 4:Navigate to Structure > Taxonomy > Speaker > Manage Fields click link and add following field:

Vocabulary

Step 5:Set properties for Images field

Vocabulary

Step 6:Set properties for Facebook field

Vocabulary

Step 7:Go to Manage Display tab and set following fields:

Vocabulary

Step 8:Go to List tab and set following fields all term

Step 9:Find John Doe term list and set following fields:

Vocabulary

Vocabulary

Step 10:Find Maria term list and set following fields:

Vocabulary

Vocabulary

Step 11:Find Taylor term list and set following fields:

Vocabulary

Vocabulary

Step 12:Find Usher term list and set following fields:

Vocabulary

Vocabulary

Note: See this guide to get more details about taxonomy configuration


Media configuration

Image Style Configuration

Image styles are the presets of image settings. Image styles are used to define how the images are shown.

Image styles are the presets of image settings. Image styles are used to define how the images are shown.

Navigate to Configuration, In MEDIA area, click Image styles, then create image styles as the following:

Image Styles

Image Styles


Content type configuration

Configure Date and time

Step 1: Navigate to Configuration > Regional and language > Date and time. Then click Format tab and add format following:

Date and time

Step 2: Go to Types tab and set following properties:

Date and time

Step 3: Click Save button

Configuration People

Step 1:Navigate to Configuration > People > Account settings > Manage Field link and add following field:

People

Step 2: Set properties for Profile field

People

Step 3: Go to Manage Display link and set following fields:

People

Step 4: Click Save button

Configuration Store Product

Step 1:Navigate to Store > Product > Product types link, then click Manage fields link and add following field:

Product

Step 2: Set properties for Description field

Product

Step 3: Go to Manage Display link and set following fields:

Product

Step 4: Click Save button

Add Store Products

Step 1:Navigate to Store > Product link, then click Add a product link and add following field:

Product

Step 2: Set properties for Gold field

Product

Step 3: Set properties for Platinum field

Product

Step 4: Set properties for Sliver field

Product

Step 5: Set properties for Standard field

Product

Step 6: Click Save button

Modify Simplenews newsletter type

Step 1: Navigate to Structure > Content Type. Find Simplenews newsletter type and click manage fields link to set following fields:

Simplenews newsletter settings

Step 2: Click Save button

Create Ticket type

Step 1: Navigate to Structure > Content Type > link, then click Add content type link to create content type Ticket

Ticket types

Step 2:Go to Manage Fields and and set following fields:

Ticket types

Step 3:Find Title fields click replace link and set following properties field:

Ticket types

Step 4:Set properties for Tickets field

Ticket types

Step 5:Go to Manage Display and set following fields:

Ticket types

Ticket types

Step 6: Click Save button

Create Events type

Step 1: Navigate to Structure > Content Type. Click Add Content Type link to create content type Events

Events settings

Step 2:Go to Manage Fields and add following fields:

Events settings

Step 3:Set properties for Image fields:

Events settings

Events settings

Step 4:Set properties for Speaker fields:

Events settings

Events settings

Step 5:Set properties for Date fields:

Events settings

Events settings

Step 6:Set properties for Time fields:

Events settings

Step 7:Set properties for Slideshow fields:

Events settings

Step 8:Set properties for Ticket fields:

Events settings

Events settings

Events settings

Step 9:Set properties for During Time fields:

Events settings

Step 10:Set properties for Google Maps fields:

Events settings

Step 11:Find Title fields click replace link and set following properties field:

Events settings

Step 12:Go to Manage Display > Default and set following fields:

Events settings

Events settings

Step 13:Go to Manage Display > Teaser and set following fields:

Events settings

Events settings

Step 14: Click Save button

Create FAQ type

Step 1: Navigate to Structure > Content Type. Click Add Content Type link to create content type FAQ

FAQ settings

Step 2:Go to Manage Fields and set following fields:

FAQ settings

Step 3: Click Save button

Create Gallery type

Step 1: Navigate to Structure > Content Type. Click Add Content Type link to create content type Gallery

Gallery settings

Step 2:Go to Manage Fields and add following fields:

Gallery settings

Step 3:Set properties for Gallery fields:

Gallery settings

Gallery settings

Gallery settings

Step 4:Go to Manage Display tab > Default, add and set following fields:

Gallery settings

Step 5: Click Save button

Create News type

Step 1: Navigate to Structure > Content Type. Click Add Content Type link to create content type News

Step 2:Go to Manage Fields and add following fields:

News settings

Step 3:Set properties for Image fields:

News settings

News settings

Step 4:Set properties for Category fields:

News settings

News settings

Step 5:Set properties for Content fields:

News settings

Step 6:Find Title fields click replace link and set following properties field:

News settings

Step 7:Go to Manage Display tab > Default, add and set following fields:

News settings

Step 8:Go to Manage Display tab > Teaser, add and set following fields:

News settings

Step 9: Click Save button

Create Sponsor type

Step 1: Navigate to Structure > Content Tpe. Click Add Content Type link to create content type Sponsor

Sponsor settings

Step 2:Go to Manage Fields and add following fields:

Sponsor settings

Step 3:Set properties for Image fields:

Sponsor settings

Step 4: Click Save button

Create Testimonials type

Step 1: Navigate to Structure > Content Type. Click Add Content Type link to create content type Testimonials

Step 2: Click Save and add fiels button, then set following properties:

Testimonials settings

Step 3: Click Save button

Configure Block types: Satatistic

To configure this future, you must install Bean module, then navigating to Structure > Block types . Go to Manage Fields link, click add field block types:

Block types settings

Step 2:Modify Manage Display tab, set following properties:

Block types settings

Step 3:Click Save button

Configure Field Collection

To configure this future, you must install Field Collection module, then navigating to Structure > Field Collection and edit field collection :

Field Collection settings

Step 1: In field_content. Click manage fields tab, add following fields:

Field Collection settings

Step 2:Set properties for Images field

Field Collection settings

Step 3:Modify Manage Display tab, set following properties:

Field Collection settings

Step 4:Click Save button

Step 5: In field_during_time. Click manage fields tab, add following fields:

Field Collection settings

Step 6:Set properties for Agenda field

Field Collection settings

Step 7:Click Save button

Step 8: In field_statistic_content. Click manage fields tab, add following fields:

Field Collection settings

Step 9:Modify Manage Display tab, set following properties:

Field Collection settings

Step 10:Click Save button

Note You can read this article to understand more about Field Collection.


Create Homepage

Configure Languages

Step 1: Navigate to Configuration > Regional and language > Languages click Add languages link with following properties:

Languages

Step 2: Go to Detection and selection tab and set following properties:

Languages

Step 3: Click Save button

Add FlexSlider

Step 1: Navigate to Configuration > Media > FlexSlider click Add link with following properties:

FlexSlider

Step 2: Set properties slideshow field:

FlexSlider

Step 3: Set properties Happy clients field:

FlexSlider

Step 4: Go to General Slideshow and Animation Settings click link and set following:

FlexSlider

FlexSlider

Step 5: Go to Navigation and Control Settings click link and set following:

FlexSlider

Step 6: Set properties sponsor field:

FlexSlider

Step 7: Go to General Slideshow and Animation Settings click link and set following:

FlexSlider

Step 8: Go to Navigation and Control Settings click link and set following:

FlexSlider

Step 9: Click Save button

Headline

Front end Display

Headline Link

1. Create and add link Headline Link menu

Step 1: Navigate to Structure > Menu, click Add menu link, Create Headline Link link with following properties:

Headline Link

Step 2: Click Add link link and add link following: Login, Logout

Step 3: Set properties Login link

Headline Link

Step 4: Set properties Logout link

Headline Link

Step 5: Click Save button

2. Configure Headline Link block

Step 1: Navigate to Structure > Blocks, find Headline Link , then click configure and set with following properties:

Headline Link

Step 2: Click Save button

3. Configure Language switcher dropdown block

Step 1: Navigate to Structure > Blocks find Language switcher dropdown, then click configure and set with following properties:

Language

Language

Step 2: Click Save button

4. Create and Configure Socials block

Step 1: Navigate to Structure > Blocks click Add block link, then create Socials and set with following properties:

Socials

Socials

Step 2: Click Save button

Refer to following HTML code:

5. Configure Shopping cart block view

Step 1: Navigate to Structure > Views, find Shopping cart block view and set following properties:

Step 2: At Advanced > OTHER area, add CSS class

Shopping cart block

Step 3: Click Save button

6. Configure Shopping cart block block

Step 1: Navigate to Structure > Blocks find Shopping cart block, then click configure and set with following properties:

Language

Step 2: Click Save button

Main menu

Front end Display

Main menu

Step 1: Navigate to Structure > Blocks, find TB Mega Menu: Main menu block, click configure link and set the following properties:

Main menu

Step 2: Click Save button

Search form

Front end Display

Search form

Step 1: Navigate to Structure > Blocks, find Search form block, click configure link and set the following properties:

Search form

Step 2: Click Save button

Slideshow

Front end Display

Slideshow

1. Create Slideshow view

Step 1: Navigate to Structure > Views, click Add views link, Create Slideshow view with following properties:

Slideshow

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Slideshow

Step 3: At Display name set following properties:

Slideshow

Step 4: At FIELDS area, click Add button to add fields: Content: Date, Content: Date, Global: Custom text,Content: Body, Content: Link.

Step 5: Set properties for Content: Title

Slideshow

Slideshow

Step 6: Set properties for Date

Slideshow

Step 7: Set properties for Date

Slideshow

Slideshow

Step 8: Set properties for Global: Custom text

Slideshow

Slideshow

Step 9: Set properties for Content: Body

Slideshow

Slideshow

Step 10: Set properties for Content: Link

Slideshow

Step 11: At FILTER CRITERIA area, click Add button to add fields: Content: Promoted to front page and set following properties:

Slideshow

Step 12: Click Save button

2. Add Block view

Step 1: Go to Add button, then click Block link to create block view with following properties:

Slideshow

Step 2: At FORMAT > Fomat area, click Unformatted list link and set following properties:

Slideshow

Slideshow

Step 3: At PAGER > Use pager area, click 1 items link and set following properties:

Slideshow

Step 4: At FIELDS area, click Add button to add fields: Content: Slideshow .

Step 5: Set properties for Content: Slideshow

Slideshow

Step 6: At FIELDS area, click Rearrange button and click Remove link of Content : Title, Content: Date and set following properties

Slideshow

Step 7: At FILTER CRITERIA area, click Add button to add fields: Content: Slideshow:fid and set following properties:

Slideshow

Step 8: At FIELDS CRITERIA area, click Rearrange button and click Remove link of Content: Promoted to front page and set following properties

Slideshow

Step 9: Click Save button

3. Configure View: Slideshow

Step 1: Navigate to Structure > Blocks, find View: Slideshow block, click configure link and set the following properties:

Slideshow

Slideshow

Step 2: Click Save button

4. Configure View: Slideshow: Countdown

Step 1: Navigate to Structure > Blocks, find View: Slideshow: Countdown block, click configure link and set the following properties:

Slideshow

Slideshow

Step 2: Click Save button

Events block view

Step 1: Navigate to Structure > View click Add new view link, then create Events view and set following properties:

Events page

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Events page

Step 3: At FORMAT > Format area, click link and set following properties:

Events page

Events page

Step 4: At FIELDS area, click Add button to add fields: Content: Image, Content: Date, Content: Body, Content: Link .

Step 5: Set properties for Content: Image

Events page

Step 6: Set properties for Content: Date

Events page

Events page

Step 7: Set properties for Content: Body

Events page

Events page

Step 8: Set properties for Content: Link

Events page

Step 9: At Advanced > OTHER area, add CSS class

Events page

Step 10: Click Save to view button

Speakers block

Front end Display

Speakers

Create Speakers view

Step 1: Navigate to Structure > Views, click Add views link, Create Speakers view with following properties:

Speakers

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Speakers

Step 3: At TITLE > Title area, click Settings:

Speakers

Step 4: At Advanced > RELATIONSHIPS area, add Taxonomy term: Representative node

Step 5: At FIELDS area, click Add button to add fields: Field: Image, Global: Fieldset, Field: Career, Taxonomy term: Term description, Global: Fieldset, Field: Facebook, Field: Google Plus, Field: LinkedIn, Field: Pinterest, Field: Twitter .

Step 6: Set properties for Field: Image

Speakers

Step 7: Set properties for Global: Fieldset

Speakers

Step 8: Set properties for Field: Career

Speakers

Step 9: Set properties for Taxonomy term: Term description

Speakers

Speakers

Step 10: Set properties for Global: Fieldset

Speakers

Step 11: Set properties for Field: Facebook

Speakers

Speakers

Refer to following HTML code:


						

Step 12: Set properties for Field: Google Plus

Speakers

Speakers

Refer to following HTML code:


						

Step 13: Set properties for Field: LinkedIn

Speakers

Speakers

Refer to following HTML code:


						

Step 14: Set properties for Field: Pinterest

Speakers

Speakers

Refer to following HTML code:


						

Step 15: Set properties for Field: Twitter

Speakers

Speakers

Refer to following HTML code:


						

Step 16: Set properties for Taxonomy term: Name

Speakers

Step 17: At FIELDS area, click Rearrange button and set following arrange

Speakers

Step 18: At FILTER CRITERIA area, click Add button add field Taxonomy term: Vocabulary and set following properties:

Speakers

Step 19: At Advanced > OTHER area, add CSS class

Speakers

Step 20: Click Save button

Configure View: Speakers

Step 1: Navigate to Structure > Blocks, find View: Speakers block, click configure link and set the following properties:

Speakers

Speakers

Step 2: Click Save button

Gallery block

Front end Display

Gallery

Create Gallery view

Step 1: Navigate to Structure > Views, click Add views link, Create Gallery view with following properties:

Gallery

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Gallery

Step 3: At FIELDS area, click Add button to add fields: Content: Gallery .

Step 4: Set properties for Content: Gallery

Gallery

Step 5: At FIELDS area, click Rearrange button. Find Content: Title field and click Remove link

Step 6: At FILTER CRITERIA area, click Add button add field Content: Gallery:fid

Gallery

Step 7: At Advanced > OTHER area, add CSS class

Gallery

Step 8: Click Save button

Configure View: Gallery

Step 1: Navigate to Structure > Blocks, find View: Gallery block, click configure link and set the following properties:

Gallery

Gallery

Step 2: Click Save button

Tickets block

Front end Display

Tickets

Create Tickets view

Step 1: Navigate to Structure > Views, click Add views link, Create Tickets view with following properties:

Tickets

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Tickets

Step 3: At FIELDS area, click Add button to add fields: Content: Tickets .

Step 4: Set properties for Content: Tickets

Tickets

Tickets

Step 5: At FIELDS area, click Rearrange button. Find Content : Title field and click Remove link

Step 6: At FILTER CRITERIA area, click Add button. Then add Content: Promoted to front page and set following field:

Tickets

Step 7: At TITLE > Title area, click link and setting

Tickets

Step 8: At Advanced > OTHER area, add CSS class

Tickets

Step 9: Click Save button

Configure View: Tickets

Step 1: Navigate to Structure > Blocks, find View: Tickets block, click configure link and set the following properties:

Tickets

Step 2: Click Save button

Happy Clients block

Front end Display

Happy Clients

Create Happy Clients view

Step 1: Navigate to Structure > Views, click Add views link, Create Happy Clients view with following properties:

Happy Clients

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Happy Clients

Step 3: At Advanced > RELATIONSHIP area, add Content: Author

Happy Clients

Step 4: At FIELDS area, click Add button to add fields: User: Picture, Global: Fieldset, Content: Body.

Step 5: Set properties for User: Picture

Happy Clients

Step 6: Set properties for Global: Fieldset

Happy Clients

Step 7: Set properties for Content: Body

Happy Clients

Step 8: At FIELDS area, click Rearrange button. Find Content: Title field , then click Remove link and set following arrange

Happy Clients

Step 9: At Advanced > OTHER area, add CSS class

Happy Clients

Step 10: Click Save button

Configure View: Happy Clients

Step 1: Navigate to Structure > Blocks, find View: Happy Clients block, click configure link and set the following properties:

Happy Clients

Step 2: Click Save button

Sponsor block

Front end Display

Sponsor

Create Sponsor view

Step 1: Navigate to Structure > Views, click Add views link, Create Sponsor view with following properties:

Sponsor

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Sponsor

Step 3: At FORMAT > Fomat area, click Settings:

Sponsor

Step 4: At FIELDS area, click Add button to add fields: Field: Image, Content: Link.

Step 5: Set properties for Field: Image

Sponsor

Step 6: Set properties for Content: Link

Sponsor

Sponsor

Refer to following HTML code:

[field_image]
						

Step 7: At FIELDS area, click Rearrange button. Find Content: Title field, then click Removelink field

Step 8: At Advanced > OTHER area, add CSS class

Sponsor

Step 9: Click Save button

Configure View: Sponsor

Step 1: Navigate to Structure > Blocks, find View: Sponsor block, click configure link and set the following properties:

Sponsor

Sponsor

Step 2: Click Save button

Configure Newsletter: Subscribe : Custom block

Front end Display

Newsletter: Subscribe

Step 1: Navigate to Structure > Blocks, find Newsletter: Subscribe block, click configure link with following properties:

Newsletter: Subscribe

Newsletter: Subscribe

Step 2: Click Save block button.

Socials Footer block

Front end Display

Socials Footer

Create Socials Footer block view

Step 1: Navigate to Structure > Blocks, click Add Block link, Create Socials Footer block with following properties:

Socials Footer

Socials Footer

Step 2: Click Save button

Refer to following HTML code:

Contact Us block

Front end Display

Contact Us

1.Create and configure Contact Us block

Step 1: Navigate to Structure > Blocks, click Add block link, Create Contact Us block with following properties:

Contact Us

Contact Us

Step 2: Click Save block button.

Refer to following HTML code:

We provide original, quality, attractive and functional design. Sed bibendum, arcu ac rhoncus adipiscing, nulla lectus dictum mauris, non volutpat massa ipsum in nibh.

Street No. 123, main road, City name, Country
Phone: 555 666 777
Fax: 444 333 222
Email: [email protected]

Quick Links Menu

Front end Display

Quick Links Menu

1. Create Quick Links Menu

Step 1: Navigate to Structure > Menu, click Add menu, then create Quick Links Menu and add following field link:

Quick Links Menu

Step 2: Click Save button

2. Configure Quick Links Menu

Step 1: Navigate to Structure > Blocks, find Quick Links Menu block, click configure link and set the following properties:

Quick Links Menu

Step 2: Click Save button

Lastest Tweet block

Front end Display

Lastest Tweet

1.Create and configure Lastest Tweet block

Step 1: Navigate to Structure > Blocks, click Add block link, Create Lastest Tweet block with following properties:

Lastest Tweet

Lastest Tweet

Step 2: Click Save block button.

Refer to following HTML code:

Nam vulputate diam molestie velit imperdiet; id sodales est efficitur. Etiam molestie sollicitudin leo ut aliquet.

@Weebpal.com

Copyright block

Front end Display

Copyright display

Create & configure Copyright block

Step 1: Navigate to Structure > Blocks, click Add block link, Create Copyright block with following properties:

Copyright display

Copyright display

Step 2: Click Save block button.

Refer to following HTML code:

Copyright © 2014 Eventive. All rights reserved. Designed by Weebpal. Powered by Drupal.

Frontpage view

Front end Display

Frontpage

1. Edit Frontpage page view

Step 1: Navigate to Structure > View ,find Frontpage view, click Enable button. Then click Edit button , find and click Page button and set following properties:

Frontpage

Step 2:At FORMAT area, findFormat click link and set following properties:

Frontpage

Frontpage

Step 3:At FORMAT area, find Show click link and set following properties:

Frontpage

Step 4:At FOOTER area, click Add button to add field:

Frontpage

Step 5: At FIELDS area, click Add button to add fields: Field: Image, Content: Link, Global: Fieldset, Content: Title, Content :Body field:

Step 6: Set properties for Field: Image

Frontpage

Step 7: Set properties for Content: Link

Frontpage

Step 8: Set properties for Global: Fieldset

Frontpage

Step 9: Set properties for Content: Title

Frontpage

Step 10: Set properties for Content: Body

Frontpage

Frontpage

Step 11: At FIELDS area, click Rearrange button and set following arrange

Frontpage

Step 12: At FILTER CRITERIA area, click Add button to add fields: Content: Type field:

Step 13: Set properties for Content: Type

Frontpage

Step 14: At PAGER > User Pager area, click link and set properties

Frontpage

Frontpage

Step 15: At Advanced > OTHER area, add CSS class:

Frontpage

Step 16: Click Save to save view

2. Edit Frontpage Feed view

Step 1: Go to Feed button. Click button and find Filter criteria at. Then remove Content: Promoted to front page field

Step 2: Click Save to save view


Create Subpages

Sidebar first: Category

Front end Display

Category

Step 1: Navigate to Structure > Menu click Add menu, create News Category menu

Category

Step 2: Click Add link link, create link following:

Category

Step 3: Navigate to Structure > Block find News Category, then click configure and set following properties:

Category

Category

Step 4: Click Save button

News Menu block

Front end Display

News Menu

1. Create and add link News Menu

Step 1: Navigate to Structure > Menu click Add menu, create News Menu menu and add link menu

News Menu

Step 2: Set properties News List link

News Menu

News Menu

Step 3: Set properties News Grid link

News Menu

News Menu

Step 4: Click Save button

2. Configure News Menu

Step 1: Navigate to Structure > Block findNews Menu, then click configure and set following properties:

News Menu

News Menu

Step 2: Click Save button

Banner Page

Front end Display

Banner

1. Add and Configure Dynamic Banner

Step 1: Navigate to Structure > Dynamic Banner click Add Banner link, then create Banner new and set following properties:

Banner

Step 2:Go to Setting link , then click and set following properties:

Banner

Step 3: Click Save button

2. Configure The default display of Dynamic Banner block

Step 1: Navigate to Structure > Block find The default display of Dynamic Banner, then click configure and set following properties:

Banner

Banner

Step 2: Click Save button

About us Page

1. About us

Front end Display

 About us

Step 1: Navigate to Structure > View click Add new view link, then create About us view and set following properties:

 About us

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

 About us

Step 3: At FIELDS area, click Add button to add fields: Field: Image, Content: Body .

Step 4: Set properties for Field: Image

 About us

Step 5: Set properties for Content: Body

 About us

Step 6: Set properties for Content: Title

 About us

Step 7: At FIELDS area, click Rearrange button and set following arrange

 About us

Step 8: At FILTER CRITERIA area, click Add button to add fields: Content: Nid and set following properties:

 About us

Step 9: At Advanced > OTHER area, add CSS class

 About us

Step 10: Click Save button

2. Content About us

Step 1: Navigate to Content > Add content > Article click link , create Welcome to eventivecontent and with following properties:

 About us

Step 2: Click Save button

Refer to following HTML code:

Cras sagittis. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Cras sagittis. Vivamus consectetuer hendrerit lacus. Vestibulum ullamcorper mauris at ligula. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. In ac felis quis tortor malesuada pretium. In ut quam vitae odio lacinia tincidunt. Phasellus ullamcorper ipsum rutrum nunc. Morbi mattis ullamcorper velit. Vivamus quis mi. Maecenas ullamcorper, dui et placerat feugiat, eros pede varius nisi, condimentum viverra felis nunc et lorem. Vivamus aliquet elit ac nisl. Vestibulum suscipit nulla quis orci. Aliquam lobortis. Donec mollis hendrerit risus. Aenean viverra rhoncus pede. Curabitur at lacus ac velit ornare lobortis. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. In consectetuer turpis ut velit.
                        

3.Statistic block

Front end Display

Statistic

3.1. Create Blocks

Step 1: Navigate to Content > Blocks , click Add block link. Create Speakers block and set following properties:

Statistic

Step 2: Go to click Add block link. Create Happy Clients block and set following properties:

Statistic

Step 3: Go to click Add block link. Create Hours block and set following properties:

Statistic

Step 4: Go to click Add block link. Create Sponsors block and set following properties:

Statistic

Step 5: Click Save button

3.2. Configure Blocks

Step 1: Navigate to Structure > Blocks find Speakers block and set with following properties:

Statistic

Statistic

Step 2: Find Happy Clients block and set with following properties:

Statistic

Statistic

Step 3: Find Hours block and set with following properties:

Statistic

Statistic

Step 4: Find Sponsors block and set with following properties:

Statistic

Statistic

Step 5: Click Save button

Meet Our Team block

Front end Display

Our Team settings

4.1 Create view Our Term

Step 1: Navigate to Structure > View click Add new view link, then create Our Team view and set following properties:

Our Team settings

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

Our Team settings

Step 3: Att TITLE area, click Title link add set name title

Our Team settings

Step 4: At FIELDS area, click Add button to add fields: User: Picture, User: Full Name, Field: Career, User: Profile, Global: Fieldset, Field: Facebook, Field: Google Plus, Field: LinkedIn, Field: Pinterest, Field: Twitter.

Step 5: Set properties for User: Picture

Our Team settings

Step 6: Set properties for User: Full Name

Our Team settings

Step 7: Set properties for Field: Career

Our Team settings

Step 8: Set properties for User: Profile

Our Team settings

Our Team settings

Step 9: Set properties for Global: Fieldset

Our Team settings

Step 10: Set properties for Field: Facebook

Our Team settings

Our Team settings

Refer to following HTML code:


                            

Step 11: Set properties for Field: Google Plus

Our Team settings

Our Team settings

Refer to following HTML code:


                            

Step 12: Set properties for Field: LinkedIn

Our Team settings

Our Team settings

Refer to following HTML code:


                            

Step 13: Set properties for Field: Pinterest

Our Team settings

Our Team settings

Refer to following HTML code:


                                    

Step 14: Set properties for Field: Twitter

Our Team settings

Our Team settings

Refer to following HTML code:

>
                                    

Step 15: At FIELDS area, click Rearrange button and click Remove link of User: Name and set following properties

Our Team settings

Step 16: At Advanced > OTHER area, add CSS class:

Our Team settings

Step 17: Click Save to save view

4.2 Configure block : View: Our Term

Step 1: Navigate to Structure > Blocks, find View: Our Term block, click configure link and set the following properties:

Our Team settings

Our Team settings

Step 2: Click Save button

Happy Clients block

Front end Display

Happy Clients settings

1 Clone block view

Step 1: Navigate to Structure > View Find Happy Clients view. Click Edit view, then click Clone block button and set following properties:

Happy Clients settings

Step 2: Att Display name area, click and change name display

Happy Clients settings

Step 3: At FIELDS area, click Add button to add fields: User: Full Name.

Step 4: Set properties for User: Full Name

Happy Clients settings

Step 5: At FIELDS area, click Rearrange button and set following arrange

Happy Clients settings

Step 6: Click Save to save view

2 Configure block : View: Happy Clients: Block About

Step 1: Navigate to Content > Blocks Find View: Happy Clients: Block About block view and set following properties:

Happy Clients settings

Happy Clients settings

Step 2: Click Savebutton

Why Choose Us? block

Front end Display

Why Choose Us

Step 1: Navigate to Structure > Blocks , click Add block link. Create Why Choose Us block and set following properties:

Why Choose Us

Why Choose Us

Why Choose Us

Step 2: Click Save button

Refer to following HTML code:

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

News page

Step 1: Navigate to Structure > View click Add new view link, then create News view and set following properties:

News

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

News

Step 3: At Display name area, click link and set following properties:

News

Step 4: At TITLE > Title area, click link and set following properties:

News

Step 5: At PAGE > User Page area, click link and set following properties:

News

Step 6: At FIELDS area, click Add button to add fields: Field: Image, Content: Body, Global: Fieldset, Content: Comment count, Content statistics: Total views, Content: Link .

Step 7: Set properties for Field: Image

News

Step 8: Set properties for Content: Body

News

News

Step 9: Set properties for Global: Fieldset

News

Step 10: Set properties for Content: Comment count

News

News

Step 11: Set properties for Content statistics: Total views

News

News

Step 12: Set properties for Content: Link

News

Step 13: At FIELDS area, click Rearrange button and set following arrange

News

Step 14: At Advanced > OTHER area, add CSS class:

News

Step 15: Click Save button

News Grid page

Step 1: Navigate to Structure > View find New List view, then click Clone page button and set following properties:

News Grid

Step 2: At Display name area, click link and set following properties:

News

Step 3: At TITLE > Title area, click link and set following properties:

News

Step 4: At FORMAT > Format area, click link and set following properties:

News Grid

News Grid

Step 5: At PAGER SETTINGS area, find Path click link and set following properties:

News Grid

Step 6: At PAGER area, find User page click link and set following properties:

News

Step 7: At Advanced > OTHER area, add CSS class:

News Grid

Step 8: Click Save to view button

Block : Laster New

1. Add new Block view

Step 1: Navigate to Structure > View find News view, click Edit view link. Click Add Block and set following properties:

News Block

Step 2: At TITLE > Title area, click link and set following properties:

News Block

Step 3 : At FIELDS area, click Add button to add fields: Content: Post Date.

Step 4: Set properties for Field: Image

News Block

Step 5: Set properties for Content: Post Date

News Block

Step 6: At FIELDS area, click Rearrange button.Click Remove link Content: Body, Global: Fieldset, Content: Comment count, Content statistics: Total views and set following arrange

News Block

Step 7: At PAGER area, find User Page click link and set following properties:

News Block

News Block

Step 8: At Advanced > OTHER area, add CSS class:

News Block

Step 9: Click Save to view button

2. Configure View: News block

Step 1: Navigate to Structure > Blocks ,find View: News block. Click configure link and set following properties:

News Block

News Block

Step 2: Click Save to block button

Events Grid page

Step 1: Navigate to Structure > View find Events view, then click Add > Page button and set following properties:

Events Grid

Step 2: At FORMAT > Fomat area, click link and set following properties:

Events Grid

Events Grid

Step 3: At PAGER SETTINGS area, find Path click link and set following properties:

Events Grid

Step 4: At PAGER SETTINGS > PAGE area, find User page click link and set following properties:

Events Grid

Events Grid

Step 5: At Display name area, click link and set following properties:

Events Grid

Step 6: At TITLE > Title area, click link and set following properties:

Events Grid

Step 7: At FIELDS area, click Add button to add fields: Content: Speakers, Content: Location, Global: Fieldset .

Step 8: Set properties for Content: Speakers

Events Grid

Step 9: Set properties for Content: Location

Events Grid

Events Grid

Step 10: Set properties for Global: Fieldset

Events Grid

Step 11: Set properties for Content: Body

Events Grid

Events Grid

Events Grid

Step 12 Set properties for Content: Title

Events Grid

Step 13: Set properties for Content: Date

Events Grid

Step 14: Set properties for Content: Link

Events Grid

Events Grid

Step 15: At FIELDS area, click Rearrange button and set following arrange

Events Grid

Step 16: At Advanced > OTHER area, add CSS class

Events Grid

Step 17: Click Save to view button

Events List page

Step 1: Navigate to Structure > View find Events view, then find Events Gird page views button. Click Clone page buton and set following properties:

Events List

Step 2: At FORMAT > Fomat area, click link and set following properties:

Events List

Step 3: At PAGER SETTINGS area, find Path click link and set following properties:

Events List

Step 4: At PAGER area, find User Page click link and set following properties:

Events List

Step 5: At Display name area, click link and set following properties:

Events List

Step 6: At TITLE > Title area, click link and set following properties:

Events List

Step 7: At FIELDS area, click and set properties the following fields: Content: Body, Global: Fieldset, Content: price.

Step 8: Set properties for Content: Body

Events List

Step 9: Set properties for Content : Image

Events List

Step 10: At Advanced > OTHER area, add CSS class

Events List

Step 11: Click Save to view button

Events Calendar page

Step 1: Navigate to Structure > View find Events view, then find Add button. Click Add Page button and set following properties:

Events Calendar

Step 2: At FORMAT > Fomat area, click link and set following properties:

Events Calendar

Events Calendar

Step 3: At FORMAT > Show area, click link and set following properties:

Events Calendar

Events Calendar

Step 4: At PAGER SETTINGS area, find Path click link and set following properties:

Events Calendar

Step 5: At PAGER area, find User Page click link and set following properties:

Events Calendar

Step 5: At Display name area, click link and set following properties:

Events Calendar

Step 6: At TITLE > Title area, click link and set following properties:

Events Calendar

Step 7: At Advanced > CONTEXTUAL FILTERS area, add Date: Date (node) files and set following properties:

Events Calendar

Events Calendar

Step 8: At FIELDS area, click and set properties the following fields: Content: Image.

Events Calendar

Step 9: At FIELDS area, click Remove the following fields
Content: Date, Content: Title, Content: Body, Content: Link, Content: Location.

Step 10: At Advanced > OTHER area, add CSS class

Events Calendar

Step 11: Click Save to view button

Speakers Page

Step 1: Navigate to Structure > View find Speakers view, then click Add > Page button and set following properties:

Speakers Page

Step 2: At PAGER SETTINGS area, find Path click link and set following properties:

Speakers Page

Step 3: At PAGER > Use pager area, click link

Speakers Page

Speakers Page

Step 4: At Advanced > RELATIONSHIPS area, add Taxonomy term: Representative node fields

Speakers Page

Step 5: At FIELDS area, click Add button to add fields: Content: Title .

Step 6: Set properties for Content: Title

Speakers Page

Step 7: Set properties for Field: Image

Speakers Page

Step 8: Set properties for Global: Fieldset

Speakers Page

Step 9: Set properties for Taxonomy term: Name

Speakers Page

Step 10: Set properties for Field: Career

Speakers Page

Step 11: Set properties for Taxonomy term: Term description

Speakers Page

Speakers Page

Step 12: Set properties for Global: Fieldset

Speakers Page

Step 13: Set properties for Field: Facebook

Speakers Page

Speakers Page

Refer to following HTML code:


                            

Step 14: Set properties for Field: Google Plus

Speakers Page

Speakers Page

Refer to following HTML code:


                            

Step 15: Set properties for Field: Pinterest

Speakers Page

Speakers Page

Refer to following HTML code:


                            

Step 16: Set properties for Field: Twitter

Speakers Page

Speakers Page

Refer to following HTML code:


                    

Step 17: At FILTER CRITERIA area, click Add button to add fields: Global: Combine fields filter .

Speakers Page

Speakers Page

Step 18: At Advanced > OTHER area, add CSS class

Speakers Page

Step 19: Click Save to view button

Gallery page

1. Create Gallery Page view

Step 1: Navigate to Structure > View find Gallery view, then click Add Page view button and set following properties:

Gallery

Step 2: At PAGER SETTINGS area, find Path click link and set following properties:

Events List

Step 3: At PAGER area, find User Page click link and set following properties:

Events List

Events List

Step 4: Click Save to view button

FAQ Page

Step 1: Navigate to Structure > View click Add new view link, then create FAQ view and set following properties:

FAQ

Step 2: Click Continue and edit button. Next to steps below to set properties for following fields:

FAQ

Step 3: At FIELDS area, click Add button to add fields: Content: Body and set following properties:

FAQ

Step 4: Click Save button

Contact page

1. Contact Address

Front end Display

Contact Address

Step 1: Navigate to Structure > Blocks click Add Block link, then create Contact Address block and set the following properties:

Contact Address

Contact Address

Step 2: Click Save button

Refer to following HTML code:

Onec at magna a turpis imperdiet sodales sed in mauris. Donec eleifend enim porta odio vehicula, ut pulvinar mauris mollis. Quisque tristique non urna in consectetur. In elementum urna non porttitor sodales. Duis at lacinia eros, eget elementum mauris. Pellentesque tortor purus, tempus id facilisis et, tincidunt non justo. Phasellus pellentesque lobortis eros at tincidunt. Suspendisse nisi nulla, tempus ut lacus nec.

Direct: 760.327.8311

Fax: 444 333 222

Email: [email protected]

2. Gmap

Front end Display

Gmap

Step 1: Navigate to Structure > Blocks click Add Block link, then create Gmap block and set the following properties:

GMap

Map

Step 2: Click Save button

Refer to following HTML code:


More Configurations

Site Information

In this section, you can change basic settings, such as the site name, slogan, e-mail address.

1. Log in to Administration site page by administrator account

2. Navigate to the Site Information page Configuration > System: Site information

Site Information

Site Information

3. Change site details from the view:

  1. Site name
  2. Slogan
  3. E-mail address
  4. Set Default Front page

4. Click on Save configuration to finish editing.

Appearance Settings

1. Create a new color.

Step 1: Navigate to the directory: events/sites/all/themes/events, you can find file events.info, open this file.

Color Configuration

Step 2: Locate the skins[ ] arrays and add new code row:

Color Configuration

Step 3: Save file.

Step 4: Navigate to the directory: events/sites/all/themes/events/css/colors, clone a folder, then rename it "new_color"

Color Configuration

Step 5: new_color folder includes images folder and style.css file.

Now, you can style new color for theme by modifying style.css file.

Color Configuration

2. Create a new background.

Step 1: Navigate to the directory: events/sites/all/themes/events, you can find file, open file events.info

Background Configuration

Step 2: Locate the backgrounds[ ] arrays and add new code row:

Background Configuration

Step 3: Save file.

Step 4: Move your background image into the directory: events/sites/all/themes/events/images

Background Configuration

Step 5: Navigate to the directory: events/sites/all/themes/events/css, open file base.css, and add new code row:

Background Configuration

Step 6: Save file.

3. Configuration.

Step 1: Log into website by administrator account.

Step 2: Go to Appearance find events 7.28, click on Settings

Step 3: At CONFIGS area, select one of options for Layout, Skin, Background to set default, (e.g: New Color), and at TOGGLE DISPLAY area, check Show Skins Menu option if you want to display Skins menu on front-end pages.

Appearance Settings

Language Configuration

This section guides you how to have multiple languages for your site. New Shopping Theme supports both Left to Right and Right to Left languages.

Step 1: Navigate to Configuration > Regional and Language > Languages then add new language.

Language Configuration

Step 2: Check to enable and set default language

Step 3: Save configuration

From our blog

News & Events

Max
Tuesday, 03 November 2015
Max
Saturday, 24 October 2015
admin
Sunday, 15 February 2015
admin
Thursday, 08 January 2015
admin
Wednesday, 17 December 2014

Subscribe to our mailing list

Get a 20% off coupon and be the first to receive exclusive offer, and important events from WeebPal.

Connect with us

We're on Social Networks. Follow us & get in touch.

▲ Top
Subscribe

Get a 20% off coupon and be the first to receive exclusive offer, and important events from WeebPal.