Overview

Goodnex is powerful and ultra-responsive theme which can perfectly serve any type of business, freelance or interactive creative sphere. For theme support that cannot be found in this documentation, please visit our support forum.

Updated: 03/27/14
Author: Refaktor
Docs powered by: TOC
Original design by ThemeMakers

Installation

There are several ways Goodnex can be installed. For existing sites that already have content, the first method will only involve the installation and activation of the theme. The second option includes a full Drupal 7 install with the same SQL database file used to create the theme demo. Please choose which installation method works best for you and follow the instructions. We do highly recommend you perform the full install, especially if you plan on using the Commerce functionality.

Theme Only

Option 1: Option 2:

Full Drupal Install

The following steps are designed for people that have experience manually installing Drupal and importing databases. If you do not feel comfortable performing these steps yourself, contact your server administrator for help. NOTE this option is for a completely new Drupal install. Do not import the provided SQL file into an existing Drupal database or you will lose all of your data!

  1. Create a database for this installation of Drupal and import the SQL file that came with the theme.
  2. Follow these directions to create the settings.php file. Save this file somewhere so you can copy it over to the Drupal installation we have provided.
  3. Copy the entire contents of the Drupal_7 folder to the location on your web server where you want your site to be accessed. If you want your primary domain to point to your install of Goodnex, copy everything to the root folder. If you want your site to be accessed as a subsection of your domain (for example: yourdomain.com/drupal) then simply rename the Drupal_7 folder to the desired name and upload to the root of your server. Also be sure to copy over the settings.php file mentioned in the previous step
  4. Login to your site with the username Steve and the password admin and visit /admin/people to change the admin username and password.
  5. Go through the Drupal configuration found in /admin/config options and update all the necessary information to reflect your website. Also be sure to visit /admin/config/media/file-system and change the Temporary Directory.

Goodnex Sub-Theme

Goodnex comes with a shell sub-theme called Goodnex_sub that you can use to make customizations to the style and template structure of the parent theme without having to modify the parent theme itself. This is useful if you plan on updating the parent theme as we release updates on ThemeForest. If you performed the full install you will already see Goodnex_sub in the list of themes available. If you did the standalone install you can find the Goodnex_sub.zip file in the root of the download files and you can install it like any other theme.

There is an empty stylesheet already defined which is /css/custom.css (inside the Goodnex_sub folder). Use this file to add all of the custom CSS that you plan on using. You can also copy any template file from the /Goodnex/templates folder into the /Goodnex_sub/templates folder and it will listen to the sub-themes template file first. This will allow you to update the parent theme as we make updates without losing your customizations. Just pay attention to the changelog and compare the parent theme files with yours and make any adjustments as needed.

You will need to configure the sub-themes theme settings separately from the parent theme's, so visit /admin/appearance/settings/Goodnex_sub to configure the theme settings for the sub-theme. You also need to configure the block regions separately.

Menu

Goodnex has a block region called Menu which can be used to add any menu block you like. The demo simply uses the default Main Menu block but you can create a custom menu block if you like.



Note: make sure to check the "show as expanded" box on all parent items with children to ensure the dropdown menu works correctly.

Modules

You can find all of the modules used in the demo in the modules.zip archive in the root of the folder you downloaded from ThemeForest. Not all modules are required to use the theme, but below is a list of modules you will need to utilize various elements of the theme

General Required Modules

Contact

Goodnex Content Data

If you used the "theme only" option to install the theme on an existing install that already has content we recommend you use our Goodnex Content Data module to create the additional content types, fields and Views needed to fully utilize the theme. You will find it in the root of the directory that contains the download files. This module is a custom Features module and will not run without it. We recommend copying all of the modules from the /drupal_7/sites/all/modules folder into your install if you do not already have them. After you have all the modules simply upload and activate the Goodnex Content Data module and the content types, fields and Views will automatically be created.

Image Sliders

Mega Slider

Goodnex includes the Drupal Mega Slider module. This module offers an incredible number of options to create the exact slider to meet your needs. To begin configuring your slider visit /admin/structure/md-slider and press the "add new slider" link. You can find documentation for the slider inside the md_slider module folder and you can reference the video below.

Flexslider

Goodnex also supports a simple Flexslider image slider. See the Flexslider portion of the Custom Content Types documentation below for more information.

Front Page

The front page seen on the Goodnex demo consists of various block regions. Some are generated by modules (ie Mega Slider), others by Views, and some are custom blocks with special markup. Any custom markup in the /examples/elements.php file can be used to create additional content for your site.

Theme Settings

Visit /admin/appearance/settings/goodnex to configure your theme's settings. You can select your color scheme, add your own custom CSS, add your own custom logo, etc.

Custom Content Types

Portfolio



Fields:

Portfolio Block - Example: http://refaktorthemes.com/Goodnex/portfolio-4-columns

This is the standard Portfolio style which utilizes the "Portfolio Block Page" View. If you are not using the full demo or did not use the Custom Content module you can use the code in /views_exports/portfolio-block.txt to import this View. Then simply place the "View: Portfolio Block" in the Content region and configure the block visibility settings to your liking.

Template files

Portfolio Columns

To change the number of items appear in a row in the Portfolio block visit the theme settings (/admin/appearance/settings/Goodnex).

Related Projects:

Goodnex also includes support for a "Recent Works" block that you can use to showcase additional Portfolio items on the single Portfolio node pages, or anywhere else you would like. If you are not using the full demo or did not use the Custom Content module you can use the code in /views_exports/recent-works.txt to import this View. Then simply place the "View: Recent Works" in the Content region and configure the block visibility settings to your liking.

Template files

Portfolio Filters:

The Portfolio includes support for an Isotope filter effect powered by Taxonomy terms. To utilize this effect visit /admin/structure/taxonomy and create a new vocabulary (example: Portfolio). After creating your vocabulary you can create the terms you wish to use to categorize your portfolio items. This taxonomy vocabulary can be linked to the Portfolio content type via a term reference field so you can select the category or categories you want to place your items into.

The filters are powered by a View called Portfolio Filters that is placed in the View header as a global view area. If you don't already have this view you can use the code in /views_exports/portfolio-filters.txt to import as a View for placement in the View header of the Portfolio view.

Template files

FAQ



Fields:

Template files

The export code /views-exports/faq.txt can be used to create the FAQ View which uses a Block display. This block can then be added to the region of your choice.

Flexslider



Fields:

Template files

The export code /views-exports/flexslider.txt can be used to create the Flexslider View which uses a Block display. This block can then be added to the region of your choice.

Details Box



Fields:

Template files

Icons:

The export code /views-exports/detail-boxes.txt can be used to create the Detail Boxes View which uses a Block display. This block can then be added to the region of your choice.

AJAX Navigation

Example: http://refaktorthemes.com/goodnex/left-navigation

Template files

The export code /views-exports/ajax-content.txt and /views-exports/ajax-navigation.txt can be used to create the Views. The Navigation block goes into the header of the content View as a global view region. The content block can then be added to the region of your choice.

Blog (posts)

The Goodnex demo uses a View to display the article content type nodes. If you do not already have this View using one of our different installation methods you can use the code found in /views-exports/blog.txt to import the View and all its settings. To change the style of image on that View page you can use the Blog View Image option in the theme settings (/admin/appearance/settings/goodnex).

Author bio

To display a small author bio on the article node page, install the Profile2 module and follow these steps to configure it:

  1. Visit /admin/structure/profiles and create a new profile type called "main". If this already exists skip to the next step.
  2. Add a field to that profile called "Bio". If this exists skip to the next step.
  3. Visit /admin/people and edit your user. Then click on the "Main Profile" tab in the top right corner next to the "Account" link to add your author bio.

Block Regions

Goodnex features 16 block regions where you can add your own custom content. Visit yourdomain.com/admin/structure/block to add your own content to the defined block regions. Press "Add Block" to create a new custom blog, or select an existing block from the Disabled list below the defined block regions.

Header Block Regions

Goodnex features four header regions: Header Left, Header Right, Menu and Search. You can use the "demonstrate block regions" link on /admin/structure/block to see exactly where these are located, but the names are fairly self explanatory. If you would like to mimic the social icon region seen above the menu on the demo you can use the following markup in a block:

<div class="widget widget_contacts">

	<div class="vcard clearfix">

		<p class="top-phone">Call Us : <span>+00 123456789</span></p>

	</div><!--/ .vcard-->

	<div class="clear"></div>
	
	<ul class="social-icons">
		<li class="twitter"><a href="#">Twitter</a></li>
		<li class="facebook"><a href="#">Facebook</a></li>
		<li class="dribble"><a href="#">Dribble</a></li>
		<li class="vimeo"><a href="#">Vimeo</a></li>
		<li class="youtube"><a href="#">Youtube</a></li>
		<li class="rss"><a href="#">Rss</a></li>
	</ul><!--/ .social-icons -->	

</div>

Content Block Regions

Goodnex has a total of 5 content block regions: Before Content, Content, Sidebar Left, Sidebar Right and After Content. Like the Header regions described above these regions are fairly self explanatory. One thing to note is that the before and after content regions are called outside of the main content wrap so you can use completely full width content (like the Image Slider) or use your own custom wrappers. Those regions are there to do whatever you like with and are not restricted by any additional markup.

Footer Block Regions

Finally there are 6 footer block regions available, four individual four column regions and two additional six column regions below.

Shortcodes

For a full example of all the different shortcodes you can use refer to the Elements page in the demo content, or the examples/elements.php file in the root of the Goodnex theme folder.

Tabs

<div class="content-tabs">

	<ul class="tabs-nav clearfix">
		<li><a href="#tab1">Clean</a></li>
		<li><a href="#tab2">Easy</a></li>
		<li><a href="#tab3">Support</a></li>
	</ul><!--/ .tabs-nav-->

	<div class="tabs-container">

		<div class="tab-content" id="tab1">
			
			<h3>Unique & Clean Design</h3>

			<p>
				Nulla sollicitudin tincidunt dui et egestas. Phasellus non sem elementum, ullamcorper metus vitae, accumsan dui. Duis dignissim condimentum lorem. 
				Maecenas facilisis ipsum sed porttitor rutrum. Integer consequat semper elit sed viverra.
			</p>

		</div><!--/ .tab-content -->

		<div class="tab-content" id="tab2">
			
			<h3>Easy to Customize</h3>

			<p>
				Phasellus tincidunt consequat neque, in pharetra mauris ultricies nec. 
				Curabitur dapibus, velit id lacinia scelerisque, ipsum mi mattis nunc, 
				id vehicula sapien enim quis ante. Nulla non mauris vel neque gravida 
				sollicitudin. 
			</p>

		</div><!--/ .tab-content -->

		<div class="tab-content" id="tab3">

			<h3>Free Support & Updates</h3>
			
			<p>
				Nulla sollicitudin tincidunt dui et egestas. Phasellus non sem elementum, 
				ullamcorper metus vitae, accumsan dui. Duis dignissim condimentum lorem. 
				Maecenas facilisis ipsum sed porttitor rutrum. Integer consequat semper
				elit sed viverra.
			</p>

		</div><!--/ .tab-content -->

	</div><!-- .tabs-container -->	

</div><!--/ .content tabs -->

Quote Box

<div class="quote-box">
	
	<ul class="testimonials">

		<li>
			<div class="quote-text">
				Lorem ipsum dolor sit amet, consectetur aipisc ing elit. Nulla iaculis 
				aliquet augue, varius purus sollicitudin eget. Donec tellus sollicitudin
				eu congue tempor dapibus et metus. Fusce ac ipsum at magna accumsan
				scelerisque sedon dolor.
			</div>
			<div class="quote-author"><b>Sandra Brown,</b> Manager</div>
		</li>
		<li>
			<div class="quote-text">
				Lorem ipsum dolor sit amet, consectetur aipisc ing elit. 
				Nulla iaculis aliquet augue, varius purus sollicitudin eget.
			</div>
			<div class="quote-author"><b>Sandra Brown,</b> Manager</div>
		</li>

	</ul>	
	
</div><!--/ .quote-box-->

Extras

Code Examples

We've included some code examples inside the /examples folder in the root of the theme with some markup used on several of the demo page templates.

Flickr Feed

The following markup can be used to generate a Flickr Feed anywhere on your site:

<ul class="flickr-badge clearfix"></ul>

<script>
	jQuery(document).ready(function ($) {
		$('ul.flickr-badge').jflickrfeed({

		limit: 6, // Max 9
		qstrings: {id : '54958895@N06'}, // ID
		itemTemplate: '<li><a class="badge single-image plus-icon" target="_blank" href="{{image_b}}" href="#"><img src="{{image_s}}" alt="{{title}}" /></a></li>'
	  });
	  
	});
</script>

Thank You

Thank you very much for purchasing the Goodnex Responsive Drupal 7 theme. Once again if you have any issues or feedback please connect via the ThemeForest author page. Enjoy using Goodnex!

© 2014 Refaktor.