Hosting

Introduction

JV Hosting is a multi-purpose, sophisticated, clean, responsive, retina ready Premium Joomla Template perfectly suited for any type of themplate business websites, e-shops, portfolios, travel agency (includes one page parallax layout), photo, services and others.For online shop, you can quickly add new products and enjoy instant showcasing on your frontpage. The shop is powered by latest Virtuemart 3 to make sure you can play with latest Joomla 3 version. Galaticos also style for Hikashop Free and Business.

1. Features

Fully responsive

100% table-less design, HTML5 & CSS3

Bootstrap 3 integration

Joomla 3 support

RTL support

7 Preset colors

Full width, boxed, framed, rounded layouts

Typography and various module variations

Mega Menu

Support Retina

2. JV and third party extensions supported

JV Avatar

JV Contact

JV Custom

JV Domain Check

JV Pricing Table

JV Service

JV Slide Pro

JV Tabs

JV Team

JV Twitter

JV Video Link

Akneeba Backup

K2

References

This guide is not intended to cover everything you need to know to build a Joomla site. As you know, Joomla! and third party extensions configuration knowledge is extremely wide, so you can refer following link to view more details:

Joomla FAQs

Video Tutorials

Joomla! Forum

Joomla! 3.x Installation guide

Joomla! default Modules

Technical requirements

Menu management in Joomla 3.x

K2 Documentation

System requirements

1. Browser compatibility

Galaticos was tested to be ready for seamless display on the following web browsers

Firefox 4+

IE (Internet Explorer) 8+

Google Chrome 14+

Opera 12+

Safari 5+

2. Joomla 3 requirements

3. Development requirement

We recommend you using Localhost for development process. The following servers are preferred:

Windows:

WAMP

XAMPP for windows

Linux:

LAMP Buddle

XAMPP for Linux

Installation

1. Quickstart Installation

Choosing quickstart package to install helps you quickly create an entire Joomla site which includes Joomla! CSM, JV Hosting template, JV and third party extensions, sample articles, default Joomla! modules.

After finishing this quickstart installation, you only need to edit or add text, logo, product images and information, menu, new articles... in the back-end.

To install quickstart package, take the followings steps:

✔ STEP 1: EXTRACT QUICKSTART PACKAGE:

The first step you need to do is locate the quickstart package zip file and extract extract it to a folder, which contains all necessary files for installation.

✔ STEP 2: UPLOAD FOLDER TO YOUR SEVER:

- If you install Jv Hosting on your localhost for testing or development: just copy the folder to …\xampp\htdocs (If you are using XAMPP) or….\wamp\www (If you are using WAMP)

- If you install JV hosting on your actual server:

You can upload files via FTP using a client application like Filezilla or via cPanel -> File Manager -> Upload file(s).

If you want your Joomla! to be the main installation on your account and to be accessed through your main domain (i.e. www.yourdomain.com), you need to upload the extracted files to your public_html folder. (Though some host severs have a different structure, in most cases, the root folder is "public_html."). However, you can always create a sub-folder (i.e. public_html/jv-hosting) if you want to run installation through www.yourdomain.com/jv-hosting

✔ STEP 3: CREATE DATABSE FOR YOUR JOOMLA SITE

Now, you need to create a Database name and a user account (username and password) to it with full permissions to control database. Once you created your Database and User, make sure you remember the database name, database username and password you've just created, because they will be used in installation process.

While you are uploading the files to your server, it is time to create your MySQL database. The database is where your Joomla! files and images for your site are stored. You need to login to your hosting account cPanel to create your database. Normally you would use phpMyAdmin to create the database. Be sure to save your information from your database because you will need it when you install Joomla!

✔ STEP 4: RUN INSTALLATION

Now it's time to start with the installation process. If you have uploaded installation files in your root directory you just need to go to http://yourdomain.com or subdomain (i.e http://yourdomain.com/jv-hosting) in your browser and get started.

You will see the first screen where you enter necessary information:

- Site Name: Enter the your site's name. This for the first heading of your index.

- Description: Enter a short description of your website.

- Admin Email: Enter a valid email address for system messages and password recovery.

- Admin Username: Enter admin username.

- Admin Password: Enter a password.

- Site Offline: Select whether your site should be taken offline after the installation process is completed.

Click "Next" to continue the installation process.

The next screen you will see is about Database Configuration:

- Database Type: By default this value is set to MySQLi, but you can select MySQL

- Host Name: Leave the default localhost value.

- Username: Enter the database username, which you created in step 3.

- Password: Enter the password for the database username, which you created in step 3.

- Database Name: Enter the database name, which you created in step 3.

- Table Prefix: This is used to add to all of database tables. If you want to host many Joomla sites on a single database. You should leave the default value.

- Old Database Process: If you have any existing databases. You can select "remove" or "backup" any existing data. You should leave this option "Backup" since it is the safest choice

Click "Next" to proceed installation.

The next screen you will see is "Overview". In the first part, you can specify if you want install sample data on your server. We recommend you to choose the Default Sample data option, which helps build your actual website cloning Hosting Demo.The second part of the page will show you all pre-installation checks.

Click "Install" to start the real Joomla installation.

In the next screen, you will see Joomla Web Installer is installing....

On the last screen of the installation process you need to press Remove installation folder button or you can rename the installation folder. Note that you can't use your site unless you remove this folder completely!

2. Install Galaticos on your existing Joomla site

Another way to build Jv hosting is installing each separate part: JV Framework, JV Hosting template, Extensions, and then add new default Joomla! and custom HTML modules to your site.

Note: please view the next section to know how to configure the default Joomla! and custom HTML modules.

To install Jv hosting on your Joomla, take the following steps:

✔ Step 1: Install JV Framework component by selecting Extensions >> Extension Manager, browse JV Framework zip package and click upload and install as shown in the picture below:

✔ Step 2: By the same way, install Hosting template and other extensions on your Joomla!

If you are new to Joomla, please visit the following link:

✔ Step 3 Once you have Galaticos Template installed. Go to Extensions >> Template Manager, set Galaticos as default for front-end.

Template Customization

You can manage the template by Navigating to Extensions >> Template Manager

Click on the name of the template in the Style column to edit style with our powerful JV Framework

Click on the name of the template in the Template column to edit core files

Styles column refers to changing the available parameters of a template, such as color, font-color, logo, etc. These are dependent on the parameters a template maker made available and are a convenience for quick changes. Template - column refers to editing the actual template files.

1. Edit Style via JV Framework

Accessing to Edit Style you can edit Galaticos style with JV Framework. This area includes 10 tabs: Overview, Global, Google Fonts, Style, Megamenu, Grid Layout, Extension, Custom JS, Related Article, Assign. Scrolling Effect You can reset all settings to default by click on"Reset to default" in the top right corner. Now we will go to each tab to find out more.

1.1. OVERVIEW:

This tab contains general information of JV Framework 4.0 and the template.

1.2. GLOBAL

This tab contains a collection of general parameters that affect the entire site.

The sets of parameters that can be found in this tab are:

- Layout: Select layout for the template ( default/Left-Right-Main/Main-Left-Right/Mobile).

- Logo Setting: choose logo type (images/type). You can upload your own logo, add Logo text, slogan

- Direction RTL: enable/disable RTL mode

- Layout Mobiles: Allow you to select the type of layout that will be used when accessed from a mobile device

- Full HD: Enable/disable Full HD mode.

- Cache: This is where you enable/disable the cache function for JV Framework’s extensions or clear the cache.

- Compression: Allow you to optimize the site performance by utilizing various types of compression.

- Go to top: Enable/disable Go to top button

- Copyright: Allow you to enable/disable and modify copyright information.

1.3. GOOGLE FONT

In this tab, you can easily apply google font to your contents.

Click add, the choose a font type, then assign the font type to heading or paragraph tags as you can see below:

1.4. STYLE

This tab allows you to edit template color

- Module color: you can select whether to show 4 preset colors in specific for front-end user to choose (you should turn it off this mode because you should be the only one to preset the entire theme color)

- Theme color: simply select a theme color

- Custom color: enable/disable custom theme color mode

- Custom theme color:

If enabled, you can easily add your own color to classes, ids, heading, paragraph... Simply edit colors with color box and assign selector: background or border or color. You can also edit classes, ids... in the Custom Css box

Click "on add new Custom color" to add and style new classes, ids...

1.5. MEGA MENU

This tab allows the user to configure the Megamenus and their sub-menus used in Galaticos, as well as the menu responsive

1.6. GRID LAYOUT

This tab allows you to adjust the size ratio of the grid layout. This feature is ultized from Bootstrap 3

1.7. EXTENSION

This tabs contains several sets of parameters that enhance or support the Framework .

- Date: enable/disable the date indicator, as well as configure it.

- Font Resizer: enable/disable the font resizer.

- Google Analytics: enable/disable Google Analytic.

- Yahoo Analytics: enable/disable Yahoo Analytic.

- Lazy Loading: enable/disable lazy loading mode.

1.8. CUSTOM JS

This is where you can add custom JS to certain part of the site using class or id.

1.9. RELATED ARTICLE

This tab allows you to configure the Related Article features (show related article underneath the one being read).

1.10. ASSIGN

If this style is not the default one, this is where you can assign which page will utilize this style instead of the default style.

1.11. Scrolling effect

This is the new feature added in JV Framework 4.0, with this tab, you can create scroll effect for each page. Each element will appear within its relative distance from the perspective of the visitor. Simply add selectors and config parameters.

2. Edit core files

Go to Extensions >> Template Manager click on JV-Hosting in template column.

Click any file and you'll be able to edit it directly in the browser.

JV EXTENSIONS CONFIGURATION

This section shows you how to play with our JV Joomla extensions used on Jv hosting Demo

1. JV Slide Pro

JV Slide Pro is an exclusive and professional extension designed by Joomlavi, In our demo, JV Slide Pro is used for 2 modules: JV Slide Revolution Home Page and JV Slide Revolution (Index 4).

To configure the module, Navigate to Extensions >> Module Manager click on the module to edit. You will access to Module Manager: Module mod_slidepro

1.1 BLog, News Slider:

Slide source Settings:

The important thing is to choose slide source type in the top, you can select: Input image URL, Youtube video, Choose article, Choose K2 article, Form folder, Query articles, Query K2 articles. Each type of slide source has different image settings. In our demo we only use slide source type. Within this type, you can select main image and description image. Let's check how to set up images and description:

- Click on "Add" in the bottom to add new slide

- Image title: you can enter title for the main image

- Image path: select main image from media Manager

- Thumbnails: select thumbnails from media Manager

- Description: in this section you can insert the path of description image, change title, heading, content, Simply replace red content with your own content!

Slide Config:

- Effect: choose one of 6 beautiful effects

- Item width (%,px): enter value for slide width (in pixel or %), default 100%

- Duration (ms): enter value for duration of time and a slide lasts

- Start at: enter a value to select which slide initialize the slideshow

- Auto time (ms): enter value for auto sliding time. set

- Easing: select easing function

- Hotkey: enable/disable arrow keyboard control

- Loop slides: enable/disable indefinite loop for slides

- Touch swipe: enable/disable slide touching function

- Mouse drag: enable/disable slide mouse drag function

- Mouse wheel: enable/disable mouse wheel to control slides

- Nav: enable/disable navigation function and buttons

- Nav with thumbs: enable/disable thumb navigation

- Nav with title: enable/disable navigation with image titles

- Slide break: set min and max slide item

- Navi with Slide: select to show navigation with slide

1.2. SlideShow Home:
Slide source Settings:

Click on "Add" in the bottom to add new slide

The important thing is to choose slide source type in the top, you can select: Input image URL, Youtube video, Choose article, Choose K2 article, Form folder, Query articles, Query K2 articles. Each type of slide source has different image settings. In JV Hosting, we only use "Query article" slide source type. Within this type, the JV Slide Pro will get source from article . Let's check how to set up images and descriptions:

- Image title: Add title for the main image

- Image path: select main image from media Manager

- Thumbnails: select thumbnails from media Manager

- Description: in this section you can insert the path of description image, change title, heading, content.

2.JV Contact:

This module allows you to create a contact form, google map with many features: Social icons, Captcha, Recipient

If you are new to this extension. Please refer to JV Contact guide to know how to config its parameters

This module shows contact Map on contact page:

Main settings:

3. JV Partners:

3.1 Modle Jv Partners:

- Module position: bottom-1

- Menu assignment: Only on the pages selected.

View backend settings.

Module in front-end:

4. Jv Avatar:

Menu Configuration

One of important things you need to do with your site is managing menus, and menu items.

1. Menus manager

Navigate to Menus >> Menu Manager. In the menu manager page, you can:

- Add a new menu by clicking on "New" button.

- View all existing menus available in your site

- View menus' status, modules linked to the menus

2.Menu item manager

The Menu Item Manager lists the menu items contained in a menu.

To access Menu Item manager, Select Menus >> [name of the menu] from the drop-down menu on the back-end. For example, if a Menu is called "Main Menu", select Menus → Main Menu. Or you can navigate to the Menu Manager and click on the icon in the Menu Items column.

Within Menu Item Manager you can do the followings:

- Add a new menu item (1)

- Edit any menu item (2)

- View menu item status

3 Menu Manager: Edit menu item

Menu items are the main structure of a Joomla site. Each Menu Item is linked to a webpage. The Menu Item Type determines the type of page that will display when this menu choice is selected by the User. Joomla! provides users 29 different Menu Item types. If you install third-party extensions, these may add more menu types.

To Edit a Menu Item: Select Menus >> [name of the menu] from the drop-down menu on the back-end. For example, if a Menu is called "Main Menu", select Menus >>Main Menu. Then either click the title of the menu item in the table list or select the menu item check-box and click the "Edit" icon in the toolbar.

In this page, the most important thing you need to do is selecting the menu Item Type. After selecting, new tabs or parameters will appear.

You can configure each parameter in each tab when necessary. Hover over the each parameter to view the explanation.

K2 configuration

K2 component is a very popular and free component which helps you to control and manage site content easily. Let's view what can you do with this great extension and how to config. This part covers important and common facts you may use frequently with K2. If you need full detailed K2 document, please check our References part.

1. Installation

K2 can be easily installed on Joomla like other extension. If you are new,you may need to view the guide below

2. Manage Items with K2

From the backend area, navigate to Components >> K2 >> Items

Within K2 Items you can do the followings:

- Create new K2 item: Click on "New" button in the toolbar to ad a new item

- Edit existing K2 item: Click on the item to edit that item

In the edit/add item page you can do important things:

- Change/add title of the item

- Upload images: you can upload an image via "Image" tab

- Edit your Author publishing status: Under the "Author publishing status" drop menu in the right side of the page, you can edit many publishing features

- Optimize item for Search Engine: Under the "Meta information" drop menu in the right side of the page, you can add/edit meta description, keywords, robots, author

3. Manage images with K2

In this section you need to distinguish between Media Manager and Image Tab.

- Media Manager is used when you want to insert image into the text of items or categories. Before inserting the images directly into text filed, you need to upload the images to Media Manager by navigating to Components >> K2 >> Media Manager, in Media Manager you can create new folder to contains images, then upload images

Now you can insert the images directly into text field when you edit/add any item category. Simply click on "Image" in the bottom of the editor as shown in the picture below:

- Image Tab: as I mentioned above, Images uploaded via "Image" Tab usually represent as a main image for item or category. When uploading images via the Image Tab, you can upload directly from your computer without having to store it in any sort of Media Manager

4. Manage Categories with K2

In the administration area, go to Component >> K2 >> Categories , such like how to access to K2 Items.

You can do the followings in K2 Categories:

- Create a new categories

- Edit existing categories

- During editing/creating a categories you can change/add title, upload images into categories, etc. similar to what you've done with K2 Item

5. Global configuration

Go to System >> Global Configuration >> K2

In this section, you can see 8 tabs as you can see below

In each tab you can configure its parameters. There are so many parameters, I do not want to make you confused and tired by explaining all parameters, take it easy and find out by yourself.

6. K2 Modules

Besides K2 component, there are 5 K2 modules available for you to use: K2 Content, K2 Tools, K2 Comments, K2 User and K2 Users. All K2 modules used on JV Modern have specific setup.

Let's check K2 modules used in JV Hosting Demo:

6.1 K2 Tools module

This type of module is a multi-functional module that comes with the following view options: Archive, Authors List, Blog Style Calendar, Breadcrumbs, Categories List (Menu), Category Select Box, Search Box, Tag Cloud, Custom Code. Each one of these view options is accompanied by a set of options which need to be taken into account in order to reach the desired outcome.

Listed in the image below are 8 K2 Tool modules used in our demo:

View: K2 Tools Back-end Settings

6.2 K2 Comment module

This module is used to show the Latest Comments or Top Commenters. This module, like the K2 Tools module, has options according to the chosen view.

Listed in the image below are 2 K2 Comment modules used in our demo:

View K2 Comment Backend Settings:

6.3 K2 Content module

The K2 Content module, allows a specific number of items filtered by category or specific items, to show with a specified ordering. Some of the available options for the items shown are: Title, Image, Author with author avatar and author description, Intro-text with the option of limiting the text, Tags, Category, Created Date, Read...More, Extra fields, Comment counter.

Below is K2 Content module used in our demo:

View K2 Content Module Backend Settings:

6.4 K2 User module

The K2 User module is the equivalent or even better of the Joomla! Login module. Used to display a login box for users, when users are logged in the can see user toolbar, which allows them to perform tasks based on their access rights. Besides post-text, pre-text, login and logout redirections, greeting and name/username display, K2 User module also provides a text for the Greeting message, instead of a default message pre-defined, a user avatar and the option to render a Menu for the logged in users.

Below is K2 User module used in our demo:

View K2 User Module Backend Setting:

6.5 K2 Users module

This module shows all or specific number of users with their info (name, avatar, e-mail) and a number of the items they have written.

Below is K2 Users module used in our demo:

View K2 Users Backend Settings:

FREQUENTLY ASKED Questions

All Gurus once were Newbies, so this section is to answer the most common questions in template configuration for those who are new to Joomla

How to change browser title page?

This is a sample browser page title

In the above sample, that is the browser page title for the Home Version 2 menu item. Please go to Menu Manager and open that menu item. Open the Page Display section. Specify Browser page title. Save changes. You can do the same for all menu items.

How to change favicon for Joomla site?

If you install Galaticos quickstart package, you will need to change the favicon.

To change favicon, take the following steps:

Step 1: Create a 16x16 pixel image.

Step 2: Name the image favicon.ico , so you have your own favicon.

Step 3: Replace the exsiting favicon.ico file with your own file favicon.ico to /<your joomla>/templates/<your template> directory .

During this step, you should use FTP application to log into your server. There are number of both free and commercial FTP application. In this example, I choose FileZilla.

Joomla 3 installation hangs at creating database

If you’ve been trying to install a package with a template Joomla 3 quickstart zip file and the installation hangs at the “Creating configuration File” step.

You have to make few changes in order to fix it, let view some ways below:

First tip: Increase PHP memory limit:

A PHP memory limit of 32MB is the minimum requirement for Joomla! and 64MB is recommended for Quickstart installations. Locate the php.ini file used by your web server. Note that this change will affect all CMS websites and PHP scripts on the server. Add or Edit the memory_limit parameter in the php.ini file:

Add this line memory_limit = 64M ; to a php.ini file in your Website root folder. If there is no section already for this, place the above line at the end of the file.

In some hosting environments, accessing to the PHP memory limit setting is restricted, you can ask your hosting provider to adjust it for you.

Second tip: Increase Max execution time:

Locate php.ini file and search for “max_execution_time = 60″ and change it to 240 or more. Then the installation will be perfect.

Third tip: (for hanging at creating database when developing on XAMPP or WAMPP)

- Go to wamp\www\your-joomla\installation\sql\mysql (if you are using Wampp) or Xampp\htdocs\Your joomla folder\installation\sql\mysql (for Xampp)

- Open Joomla.sql file find the term ENGINE=InnoDB and replace all with ENGINE=MyIsam

- Save the file and remake

- If the installation process continues hanging on step "installing sample data". You do the same with file sample_data.sql

how to turn off the demo setting panel in the frontend on the left (sticky)?

Sure that you need to turn off this module when building your own site

All you need to do is unpublish the module "JV Demo Module" by naviating to Extensions >> Module Manager >> double click on the green check mark.