Novigator Template Documentation


 

Thank you for choosing and using Novigator Template! We really appreciate your choice and hope that our template will bring the best values and benefits to your business.

You can always reach us for support at our Ticket System. And don’t forget to leave us your comment on our product to help us bring you even better and more excellent Joomla templates & extensions.

 

1. About Joomla version used in Novigator

All NooTheme templates run on Joomla 3.x version (Joomla 3.0, 3.1…). Therefore, your site must install Joomla 3.x version to use our template. The installation of Joomla 3.x only requires a few steps and you can do within a minute!

2. About Novigator Template User Guide

The user guide provided is to help you to quickly learn about Novigator  template and how to use it easily. This documentation is recommended for both non-advanced & advanced users. Please read carefully.

Main aspects covered in the user guide:

           Installing Template and Extensions in your Joomla

            Modules Configuration – How to create and customize modules

            Template Customization

4. Features

            Ultra Responsive Layout

             4 Colors Style

            4+ Premium Joomla Extensions

             Joomla T3V3 Framework

             HTML5, CSS3, Cross Browsers supported

              Bootstrap integration

             Many more…

5. NooTheme Extensions Supported

Here are the extensions used in Novigator  template:

Module

6. Layout & Module Positions

Layout

Novigator  only supports 1 layout : Default

7.  T3 Framework

T3 framework is a popular Template framework for Joomla 3.0 using Bootstrap. Novigator uses T3V3 framework which comes with brand-new look, design approach and incredibly powerful customization feature. Please follow the links provided below to learn more about T3 framework and its implementation.  

More about T3 framework: Please visit http://t3-framework.org/documentation/introduction.html

 T3 Framework Introduction

More about T3 framework, please visit http://t3-framework.org/documentation/introduction.html

Main Features: http://t3-framework.org/documentation/introduction.html)

 T3 Installation

Please visit: http://t3-  framework.org/documentation/installation.html

 T3 Setting

Please visit: http://t3-framework.org/documentation/t3-settings.html

Layout System

Please visit: http://t3-framework.org/documentation/layout-system.html

Customization

Please visit: http://t3-framework.org/documentation/customization.html

1. Choose you site development plan

Before installing template and extensions, please indicate clearly a plan for your site:

VIDEO TUTORIAL : Novigator Template Configuration

This ia a video tutorial about how to download, install and configure Novigator Template and its modules

2. Download template

To download Novigator  and extensions please go to http://nootheme.com/ and then log in, go to Download section by clicking on Download item on our Main Menu.

After downloading, you’ll have a .zip file name: unzip1st_noo_novigator. Unzip it so you can start upload:

 

 

 

Quickstart Installation

NooTheme provides you Quickstart installation package to help you quickly and easily install our template. To use Quickstart installation, please follow the below steps.

- Step 1: After downloading Novigator, unzip the package and open Quickstart folder.

 

 

- Step 2: Go to localhost, create a folder  (here we named it “InstallNovigatorQuickstart”). Copy file quickstart_noo_novigator.zip here and extract its files in this folder. Here are the extracted files:

 

- Step 3: After done with extracting files, go to local host on your site and click on the name of folder you’ve created above. In this example, click on “InstallNovigatorQuickstart

                                                ”:

Then you’ll be redirected to ANGIE installer screen:

 

If you don’t use Quickstart installation to install Novigator, please follow these following steps:

- Step 1: Unzip the downloaded package: unzip1st_noo_novigator. Here are the files you will have:

 

     

 

- Step 2: Log in to Joomla! Administrator Panel. Go to Extensions--> Extension Manager  


                         

- Step 3: Click on “Choose File” then select pkg_noo_novigator-XXX.zip to install. Click “Upload &Install”.

                              

- Step 4: After successfully uploading and installing template file, go to Extensions-->Template Manager.

                   

                                   

- Select Default for Novigator template for it to display in frontend.  


 

To install modules for template Novigator, please follow these steps:

- Step 1: Log in to Joomla! Administrator. Go to Extensions--> Extension Manager

 

                          

- Step 2:  Click on “Choose File”, select files in folder Modules and upload all. There are 1 file


                     

- Step 3:  After successfully uploading and installing module files, go to Extension-->Module Manager to publish

modules

                                         .

- Step 4: Publish modules by ticking on the box then click Publish.

 

I. Section Block

In Novigator, each menu item after being clicked will show the whole of a previously-defined content called Section Block. All section blocks are built with Joomla modules. Each menu item comes with a Module Position & a Section Block. In Novigator, there are:

                              Menu Item                                                                 Position Module

                              Overview                                                                       section-0      

                              Service                                                                           section-1

                              Support                                                                          section-2

                              Blog                                                                               section-3

                             Contact Us                                                                     section-4

                  Note: A menu item can contain multiple Joomla modules.

II. Module Configuration

 Menu Overview (section-0)

This menu has 3 Custom HTML modules called:

Next we’ll learn to create and configure these modules:

  1. Module Our Mission (position: section-0)

Frontend

 

 

Backend

To create this module, go to backend: Extensions --> Module Manager -->New-->Select type as Custom HTML and set title: Our Mission

 

           

Advanced Options: Module uses class-suffix: our-mission

 

                                 

 

Custom Output:


In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code:

    <div class="content-right s2">

   <h1>Our Mission</h1>

   <p>Email Marketing with all the internet marketing tools you will ever need. You get email, email marketing, video email, audio email, unlimited web form generation, HTML5 Video &amp; Audio Hosting, Flash Video Hosting, lead capture page maker, web calendar, social media tools, list management, CRM like contact management with calendar &amp; task management. A lead qualifying system that will blow you away. The list goes on and one. We guarantee officevp with live up to your demands.</p>

<p>We hope to enrich people's lives by helping to enhance their ability to effectively communicate.</p>

<ul id="ous-mission">

<li>

<div class="main-our-mission section1">

<div class="serv_block"><img class="iconimg" src="images/icon_Overview3-default.png" /> <img class="iconimg_h" src="images/icon_Overview3-over.png" />

<p>Local Currency Finance</p>

Engage and expand your audience with our affordable marketing tools</div>

</div>

</li>

<li>

<div class="main-our-mission section2">

<div class="serv_block"><img class="iconimg" src="images/icon_Overview4-default.png" /> <img class="iconimg_h" src="images/icon_Overview4-over.png" />

<p>Capital Markets Advisory</p>

Aliquam erat volutpat. Donec interdum blandit metus, et tincidunt augue ultrices sit</div>

</div>

</li>

</ul>

</div>

 

Menu Assignment: On all pages


                                      

Change image

 

This module uses class-suffix: our-mission

To change image, go to folder homepage --> template -->noo_novigator -->less -->find file noonavigator.less and change image’s code in line 399:

 

  1. Module Staff Board (position: section-0)

Frontend


Backend

To create this module, go to backend: Extensions -->Module Manager -->New--> Select type as Custom HTML and set title: Staff Board

              

 

Advanced Options: this module uses class-suffix: staff-board

                            

Custom Output:


In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code

<div class="content-right">

<h1>Staff Board</h1>

<p>NovaAds relentless efforts to provide online marketing solutions to help businesses improve Vietnam increasing competitiveness, enhance brand value and boost sales.</p>

<p>But no sooner come in an array Ad network, Novanet choose a particular direction: online advertising network in the first context in Vietnam. Semantic analysis technology superiority Novanet can help understand the content of the website, analyzing and selecting the most relevant ads displayed on one page for each website. Thus, targeted advertising on target, right potential customers, reduce costs and achieve even up to now. During the global economic crisis and Vietnam was going wide, has always been a priority action of the corporate restructuring costs, cut waste costs and increase the cost structure effective. Thus, Novanet is extremely useful solution for the enterprise.</p>

<p>Over 2 years of research and solutions over 6 years of experience in the online advertising industry reports, Novanet will definitely bring customers and partners trust and highest satisfaction.</p>

</div>

 

Menu Assignment: On all pages


                                         

Change Image

This module uses class-suffix: staff-board

To change image, go to folder homepage --> template --> noo_novigator --> less --> find file noonavigator.less and change image’s code in line 551:

 
  1. Module Marketing System (position: section-0)

Frontend

 

 

Backend

To create this module, go to backend: Extensions -->Module Manager --> New--> Select type as Custom HTML and set title: Marketing System

             

 

Advanced Options: this module uses class- suffix: overview-1

 

                                  

Custom Output

 

In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code:

<div class="content-right">

<h1>MARKETING SYSTEMS THAT HELP YOU GROW!</h1>

OfficePro leverages knowledge, experience and expertise to help suggest, develop, empower and deliver industry strategies, standards, commit ments, education and initiatives to our customers.</div>

Menu Assignment: On all pages


                               

Change Image

This module uses class-suffix:  overview-1

To change image, go to folder homepage --> template -->noo_novigator --> less --> find file noonavigator.less and change image’s code in line 392:

 

Menu Service (section-1)

This menu item loads 5 Custom HTML modules:

Next we’ll learn to create and configure these modules:

  1. Module Grow Your Business With Email Marketing (position: section-1)

Frontend

 

Backend

To create this module, go to backend: Extensions --> Module Manager -->New-->Select type as Custom HTML and set title: Grow Your Business With Email Marketing

 

                

Advanced Options: this module uses class-suffix: business

 

                            

Custom Output:


In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code:

<div class="content-right">

<h1>Grow Your Business With Email Marketing</h1>

<p>With email marketing it's easy for you to connect with your customers, members &amp; prospects. Using our beautiful email templates helps your contacts to want to share your mess ages with their contacts, spreading the word about your business helping you to grow. Our coaching and experience in email marketing gets you started fast.</p>

<p>Email Features to easily grow your business</p>

<ul>

<li><img src="images/icon-business-1.png" alt="" />

<h3>Professional designs</h3>

<p>Beautiful templates easy to customize</p>

</li>

<li><img src="images/icon-business-2.png" alt="" />

<h3>Start for FREE</h3>

<p>Totaly free for 30 days</p>

</li>

<li><img src="images/icon-business-3.png" alt="" />

<h3>Social Media Tools</h3>

<p>Create scheduled automated messages</p>

</li>

<li><img src="images/icon-business-4.png" alt="" />

<h3>Reports, Alerts, Analytics</h3>

<p>Track who opens and links clicked</p>

</li>

<li><img src="images/icon-business-5.png" alt="" />

<h3>Data Security</h3>

<p>You can rest knowing your data is secure</p>

</li>

</ul>

</div>

Menu Assignment: On all pages


                               

Change image


This module uses class-suffix:   business

To change image, go to folder homepage --> template --> noo_novigator -->less --> find file noonavigator.less and change image’s code in line 555:

 
  1. Module List Management is Easy and Profitable (position: section-1)

Frontend

       

Backend

To create this module, go to backend: Extensions -->Module Manager -->New-->Select type as Custom HTML and set title: List Management is Easy and Profitable

 

           

Advanced Options: this module uses class-suffix: management

 

                           

Custom Output


In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code

<div class="content-right">

<h1>List Management is easy and profitable</h1>

<p>Sending targeted emails increases click through rates and engagement resulting in sales. Using Lists to segment your contacts is easy, saves you time, and increases profits.</p>

<p>List Management Features to easily grow your business.</p>

<ul>

<li>One click list creation.</li>

<li>Free list coaching &amp; support</li>

<li>Start for FREE</li>

<li>Send Email To Multiple Lists</li>

<li>Works Web Forms</li>

<li>Easy List Blending</li>

<li>Works with Email Triggers</li>

<li>List Search Parameters</li>

</ul>

</div>

Menu Assignment: On all pages


                               

Change image

 

This module uses class-suffix:   management

To change image, go to folder homepage --> template --> noo_novigator -->less --> find file noonavigator.less and change image’s code in line 619:

  1. Module Split Testing is Easy and Highly Profitable (position: section-1)

Frontend

 

 

Backend

To create this module, go to backend: Extensions -->Module Manager -->New--> Select type as Custom HTML and set title: Split Testing is Easy and Highly Profitable

 

               

Advanced Options: this module uses class-suffix: testing

 

                        

Custom Output


In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code:

<div class="content-left">

<h1>A/B Split Testing is easy and highly profitable</h1>

<p>A/B split testing lets you find the winning email "before" sending to your entire list. A/B split testing puts you "in-the-know". Allowing you to discover which subject line works the best, which design and copy get the best response in your email marketing campaign.</p>

<p>A/B Split Testing Features to easily grow your business</p>

<ul>

<li>Step-by-Step Easy Setup</li>

<li>Free Split Testing coaching</li>

<li>Start for FREE</li>

<li>Unlimited A/B split testing</li>

</ul>

</div>

Menu Assignment: On all pages


                              

Change Image

 

This module uses class-suffix:  testing

To change image, go to folder homepage -->template --> noo_novigator --> less --> find file noonavigator.less and change image’s code in line 650:

  1. Module Your all-in-one Social Medial Connection Platform (position: section-1)

Frontend

Backend

To create this module, go to backend: Extensions -->Module Manager --> New-->Select type as Custom HTML and set title: Your all-in-one Social Medial Connection Platform

      

Advanced Options: this module uses class- suffix: social-medial

 

                            

Custom Output

 

In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code

<div class="content-right">

<h1>Your all-in-one Social Medial Connection Platform</h1>

<p>OfficeVP is the fastest and easiest way to reach billions of readers globally. Allows you to submit content to social networks with the single click of a button. Simultaneously publishing content and broadcasts messages to your networks. Advanced features let you schedule submissions. Write posts in advance, and choose what day and time you want them to be sent to improve productivity and maintain constant presence.</p>

<p>Social Media To Grow Your Business</p>

<ul>

<li>Step-by-Step Easy Setup</li>

<li>Free Split Testing coaching</li>

<li>Start for FREE</li>

<li>Unlimited A/B split testing</li>

</ul>

<p>OfficeVP is the shortest distance between your business and a billion people. Fast - Easy - Profitable. Launch marketing campaigns, boost traffic and publish content to your social media networks. ess</p>

</div>

Menu Assignment: On all pages


                          

Change Image

 

This module uses class-suffix: social-medial

To change image, go to folder homepage -->template --> noo_novigator --> less --> find file noonavigator.less and change image’s code in line 676:

 

  1. Module Reports & Analytics is Easy and Highly Profitable to Use (position: section-1)

Frontend

 

Backend

To create this module, go to backend: Extensions -->Module Manager --> New-->Select type as Custom HTML and set title: Reports & Analytics is Easy and Highly Profitable to Use

 

              

Advanced Options: this module uses class-suffix: reports-analytics

 

                             

Custom Output

 

 

In our template we use custom HTML in Custom Output. Insert this code to your editor:

          Code:

          <div class="content-left">

<h1>Reports &amp; Analytics is easy and highly profitable to use</h1>

<p>Track who opens your email, video email and audio email, including links clicked. Know how much time your recipient spend watching your video or listening to your audio with accurate, easy-to-read reports. Showing you what works and what doesn't. Then segment subscribers and email those who opened messages, video &amp; audio email, and clicked links to increase conversion.</p>

<p>Reports &amp; Analytics Features to grow your business</p>

<ul>

<li>Track Opens.</li>

<li>Increases sales &amp; profitability</li>

<li>Track Links clicked</li>

<li>Searchable Reports</li>

<li>Video Email</li>

<li>Free coaching &amp; support</li>

<li>Audio Email</li>

<li>Give us a try for FREE</li>

</ul>

</div>

Menu Assignment: On all Pages

 

                          

 Change Image

This module uses class-suffix:  reports-analytics

To change image, go to folder homepage --> template -->noo_novigator --> less --> find file noonavigator.less and change image’s code in line 591

 

Menu Support(section-2)

This menu item has 4 Custom HTML modules:

Next we’ll learn to create and configure these modules:

  1. Module Video Tutorials (position: section-2)

Frontend

 

Backend

To create this module, go to backend: Extensions-->Module Manager -->New-->Select type as Custom HTML and set title: Video Tutorials

           

Advanced Options: this module uses class-suffix: support-page1

 

 

                            

Custom Output

 

In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code:

<div id="services-page-title">

<div class="title">Video tutorials</div>

<div class="description">Our free coaching helps gets you started fast</div>

</div>

<p>Video delivers! Is effect, works and work well. Video is "IN" and is the lead marketing tool in today's mobile environment. What you can do with video email is limited only to your imagination.</p>

<p>Video Email Features to easily grow your business</p>

<div class="content-left">

<ul>

<li>Live Record</li>

<li>Track Who Opens</li>

<li>Upload Video Files</li>

<li>Professionally Designed Themes</li>

<li>Plays On Mobile Devices</li>

<li>Custom Video Players</li>

<li>Play On Any Web Site</li>

<li>Start for FREE</li>

</ul>

</div>

<div class="content-right"><img src="images/video.png" alt="" /> </div>

Menu Assignment: On all pages


                           

  1. Module Live Chat Request (position: section-2)

Frontend

 

 

Backend

To create this module, go to backend: Extensions --> Module Manager --> New-->Select type as Custom HTML and set title: Live Chat Request

 

       

Advanced Options: this module uses class-suffix: support-page-2

 

                             

Custom Output

 

In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code

<div class="content-left">

<div class="image"><img src="images/support-img-1.png" /></div>

</div>

<div class="content-right">

<div id="services-page-title">

<div class="title">Live Chat Request</div>

<div class="description">we will help you get started quickly</div>

</div>

<p>You'll get everything you need to create effective, professional Email Marketing Messages. Using our professional designed Email Marketing templates you can get your contacts engaged in what you saying, and most of all, take action! It's easy to get started and we will guide you through the entire process. When you are finished, you will be sending excellent professional emails and best of all, getting results. You can do this and we will help you every step of the way.</p>

<p style="margin-top: 70px; text-align: right; padding-right: 50px;"><img src="images/icon_Live-Chat.png" /></p>

</div>

Menu Assignment: On all pages


                                

  1. Module Knowledge Base (position: section-2)

Frontend

 

Backend

To create this module, go to backend: Extensions --> Module Manager --> New--> Select type as Custom HTML and set title: Knowledge Base

 

             

Advanced Options: this module uses class-suffix: support-page-3

                      

Custom Output

 

In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code:

<div class="content-left">

<h1>Knowledge base</h1>

<p>Get on your way to getting results with your email marketing campaigns within minutes. We will show you how to create compelling email your readers will not only take action, but will forward your email to their network of friend, family, co-workers &amp; social networks.</p>

<ul>

<li>Use OfficeVP to succeed and get results with you first email marketing campaign.</li>

<li>Pick the right email design template, customize it to your brand.</li>

<li>Use A/B Slit testing to exactly what your audience responds to and takes action with.</li>

<li>Use Triggers in your email marketing to get results and high ROI.</li>

<li>Use OfficeVP email, video email &amp; audio email analytics to hone your targeting skills.</li>

</ul>

</div>

Menu Assignment: On all pages


                                

Change Image

This module uses class-suffix: support-page-3

 

To change image, go to folder homepage -->template -->noo_novigator -->less -->find file noonavigator.less and change image’s code in line 768:

  1. Module F.A.Q (position: section-2)

Frontend


Backend

To create this module, go to backend: Extensions -->Module Manager--> New-->Select type as Custom HTML and set title: F.A.Q

 

         

Advanced Options: this module uses class-suffix: support-page-4

                            

Custom Output


In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code:

<div class="content-left">

<h1>F.A.Q.</h1>

<p>Aenean sagittis tortor quis nisl aliquet at rutrum nisi posuere. Ut sollicitudin congue orci sed aliquam. Lorem ipsum dolor sit amet, consectetur</p>

<div id="wrapper">

<div class="accordionButton">Aliquam non lacus sit</div>

<div class="accordionContent">Sed ut nulla vitae sapien sodales laoreet. Fusce venenatis metus eu augue dignissim luctus. Donec egestas lectus et velit semper sit amet rhoncus lorem iaculis.</div>

<div class="accordionButton">quis sed nibh</div>

<div class="accordionContent">Sed ut nulla vitae sapien sodales laoreet. Fusce venenatis metus eu augue dignissim luctus. Donec egestas lectus et velit semper sit amet rhoncus lorem iaculis.</div>

<div class="accordionButton">Integer id felis at</div>

<div class="accordionContent">Sed ut nulla vitae sapien sodales laoreet. Fusce venenatis metus eu augue dignissim luctus. Donec egestas lectus et velit semper sit amet rhoncus lorem iaculis.</div>

<div class="accordionButton">magna ornare</div>

<div class="accordionContent">Sed ut nulla vitae sapien sodales laoreet. Fusce venenatis metus eu augue dignissim luctus. Donec egestas lectus et velit semper sit amet rhoncus lorem iaculis.</div>

</div>

</div>

<div class="content-right">

<h1>the way we work</h1>

<img src="images/faq.jpg" alt="" />

<div>Vivamus pulvinar, purus quis auctor cursus, massa lectus porta mauris, sed varius purus nisl et augue. Curabitur gravida nisi vel arcu laoreet varius. Morbi venenatis odio sit amet leo egestas rutrum. Duis sed dui in massa posuere suscipit.</div>

</div>

Menu Assignment: On all pages


                               

 

Menu Blog(section-3)

This menu item has 5 K2 Content modules:

Next we’ll learn to create and configure these modules:

  1. Module Blog page1 (position: section-3)

Frontend


Backend

To create this module, go to backend: Extensions -->Module Manager --> New--> Select type as K2 Content and set title: Blog page1.

 

            

Basic Options: this module uses class- suffix: block

                               

Menu Assignment: On all pages

                                 

  1. Module Blog page2 (position: section-3)

Frontend


Backend

To create this module, go to backend: Extensions -->Module Manager -->New-->Select type as K2 Content and set title: Blogpage2

 

       

Basic Options: This module uses class-suffix: block

 

                   

Menu Assignment: On all pages


                      

  1. Module Blog page 3 (position: section-3)

Frontend

Backend

To create this module, go to backend: Extensions --> Module Manager -->New-->Select type as K2 Content and set title: Blogpage3

 

              

Basic Options: this module uses class-suffix: block

 

                     

Menu Assignment: On all pages


                           

  1. Module Blogpage4 (position: section-3)

Frontend

 

Backend

To create this module, go to backend: Extensions -->Module Manager --> New-->Select type as K2 Content and set title: Blogpage4

          

Basic Options: this module uses class-suffix: block

 

                     

Menu Assignment: On all pages


                               

 

            5. Module Blogpage5 (position: section-3)

Frontend

 

 

Backend

To create this module, go to backend: Extensions --> Module Manager -->New-->Select type as K2 Content and set title: Blogpage5

          

Basic Options: this module uses class-suffix: block


                        

Menu Assignment: On all pages


                          

Menu Contact Us(section-4)

This menu item loads a Custom HTML module called Contact Us

1. Module Contact Form(Noo Contact Form), position section-4

Frontend

 

Backend

To create this module Contact Form, go to backend: Extensions Module manager-->New--> Select type as Noo Contact Form  and set title Contact Form

 

Basic Options

                      

Advance Options : module uses class-suffix : contact- form

                                  

        Menu assignment : On all pages

                                      


2. Module Contact Us (position: section-4)

Frontend

 

Backend

To create this module, go to backend: Extensions --> Module Manager -->New--> Select type as Custom HTML and set title: Contact Us

 

             

Advanced Options: this module uses class-suffix: contact-form

                            

Custom Output:

 

In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code

<div id="services-page-title">

<div class="title">Contact</div>

<div class="description">Vivamus iaculis ultricies mauris id posuere. Praesent mollis tincidunt diam, in sagittis odio tincidunt</div>

</div>

<p class="introduction">Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Duis mollis, est non sit amet dui felis ommodo luctus. Suspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum belit. Donec sed odio rera aliquet.</p>

<div id="logo-contact"><span>logo</span></div>

<div><span> </span></div>

<p>{loadposition contact-form}</p>

Note: <p>{loadposition contact-form}</p> is the code that loads module Contact Form after contact detail’s  text.

Menu Assignment: On all pages


                                  

3.   Module Feedback (position: contact)

Frontend


                                           

Backend

To create this module, go to backend: Extensions -->Module Manager --> New-->Select type as Custom HTML and set title: Feedback

 

           

Custom Output

                    

 

 

In our template we use custom HTML in Custom Output. Insert this code to your editor:

Code:

   <p><em class="icon-envelope"> </em> <span><span id="feedback">Feedback?</span><a href="#">Contact us!</a></span></p>

Menu Assignment:


                               

1. Template Override

To override template, please clone a style then edit as you wish. After that, assign the cloned style to specific menus. The assigned menus will override the same menus in the default style.

Each style can be configured to use a theme, layout so in one website, you can have menus with different themes, layouts.

2. Themes

Novigator supports 4 styles :

+> Default

+>Green

+>Blue

+> Dark

 

3. Layout

Novigator supports only 1 layout

 

Layout Customize


4. Theme Magic


                         

 

In the setting panel, you can customize all the themes. The left panel is the setting area while the right panel is your site front-end. Each time you change setting, click on "Preview" button to view the change in front-end on the right panel.

                                          

The above user guide should help one in replicating the Demo site settings for the template and extension on their site. 

If you are new or are confused, we recommend installing Quickstart on your local host and use it as reference for configurations. This is the best way to work with any template.

You should carefully read all the provided resources to take the maximum advantage of our products. 

Support:

If you have any issue or question please raise your support queries in the forum, or our ticket system. We spend more time in getting the information from user in case the support guidelines are not followed.