JV Life

Downloading

Go to JV Life download page, where you can see many files available for your site development

If you are setting up a new site, the Quick-Start version is the best choice, because it will install an entire new site with all associated extensions and styled to look like the template’s live demo.

If you already have a site and don’t want to replace it, or you only want the template without extensions and styling, the Theme version will be your choice. Installing a theme will give you only a new template/theme without any extra extension or data loss.

After you have confirm the file(s) you need, select them by ticking the box(es) in front of said file(s), then click download.

If the file you downloaded has ‘unzip_first’ in its name, please extract it before continuing with the installation.

Note: The resulting file(s) from extracting an ‘unzip_first’ file of a template or extension will be called ‘install file(s)’ of said template/extension henceforth.

Installation 

1. Installation with Quick-start version

2. Installation with template/theme version

You will need to install a theme managing component called JV Framework before you can install JV Life as a theme.

Installing JV Framework:

• Now you can find ‘JV Framework” from the component menu.

Installing JV Life theme

Using Theme Manager:

Version 4.4 (1.5.4.4 or 1.7.4.4) or older:

• Rename your install file and remove the number at the end, leaving only the theme’s name.
• From back end, access JV Framework from component menu.
• Type the path to your file into the blank field or click on browse to find the theme manually.
• Click on install to finish uploading the new theme.

Version 4.5 or newer:

• From back end, access JV Framework from component menu.
• Click on tab ‘Theme manager’ tab.
• Inside JV Framework Theme manager page, click on the ‘Install theme’ button.
• Type the path to your file into the blank field or click on browse to find the theme manually.
• Click on install to finish uploading the new theme.

Installing manually:

• Extract the theme’s ‘install file’.
• Copy the resulting folder to <templates\jv-framework\themes> within your site’s source folder.
• Return to JV Framework’s theme manager in your site’s back end and check your theme list.

Managing JV Life

For the basic functions of JV Framework, please refer to JV Framework User guides

 The main difference between themes when using JV Framework is the position layout. The following image will show the default layout of JV Life:

Extensions

If you used the Quick-start version of JV Life template, the following extensions will be included, styling included. For a JV Life theme user, you would have to download and install these extensions manually:

To replicate the Demo site:

• Prepare 2 folders where you store the images you wanted to use. If you wanted to display thumbnails for your slides, create a “thumbnails” folder within each image folder and store the resized images you want to use as thumbnails there.
• Within your site back end, go to Module Manager and create 3 modules using JV Slideshow module type. Name 2 of them “Lightened-Up Soup Recipes”, and the last one “Banners”.

• Inside Module mod, set the location of each module to the appropriate image folder (the 2 modules with the same name should have the same image location), select your source and set the parameters.
• Set the modules to published/enable. Assign one “Lightened-Up Soup Recipes” to position ‘right’ on the pages: ‘Healthy Living’, ‘Eating’, ‘Healthy Tip’, ‘Community’, ‘Contact us’ (all Main menu items) and ‘search’; assign the other to the position ‘user7’ on home page. Finally assign “Banner” to the position ‘slide’ on all pages.
• Save the setting and click on Preview (Joomla! 1.5) or View Site (Joomla! 1.7).
• For the parameters’ effects, please read JV Slideshow User Guide

The result should look like the following screenshots:

• To replicate the Demo site:
• Create 5 Articles categories and the articles for each categories
• Create an article named “Welcome to JV Life”, and add the html code <div class=”block2”></div> to its content. Mark this article as featured.
• Make the menu item ‘Home’ on Main Menu a ‘Featured Articles’ type.
• Within your site back end, go to Module Manager and create 8 new modules using the JV News module type. Name 2 of these modules “Coming up events”, then name the rest “FlashView”, “Eating”, “Healthy Living”, “Healthy Tips”, “Community”, “Latest News”.

• In each module configuration page in back end, set “Latest News” to display all categories, assign the same category to both “Coming up events” modules and “Community”, then assign one category to each remaining module.
• Set the modules to published/enable. Assign their positions according to the following instruction:
• “FlashView” to position ‘flashview’ on all pages.
• One of the modules named “Coming up events” to the position ‘right’ on the pages: ‘Search’, ‘Healthy Living’, ‘Eating’, ‘Healthy Tips’, ‘Community’, ‘Contact us’.
• The other “Coming up events” module to the position ‘user9’ on ‘Home’ page.
• ”Eating’ to position ‘user17’ on ‘Home’ page.
• ”Healthy Living” to position ‘user18’ on ‘Home’ page.
• “Healthy Tips” to position ‘user19’ on ‘Home’ page.
• “Community” to position ‘user20’ on ‘Home’ page.
• “Latest News” to position ‘user22’ on all pages

For the effects of a ‘JV News’ type module’s parameters, please read the JV News User Guide.

The result should look like the following screenshot:

To replicate the Demo site:

• Log into your site’s backend and open up Module Manager, then create two new module using JV Login module type. Name them “Sign up” and “Login”

3. JV Login

To replicate the Demo site:

• Log into your site’s backend and open up Module Manager, then create two new module using JV Login module type. Name them “Sign up” and “Login”
• Open the modules configuration page, and set them to publish.
• Set the ‘template’ parameter of “Sign up” to ‘register’ and the ‘Style’ parameter to ‘popup’.
• Set the ‘template’ parameter of “Login” to ‘popup’ and the ‘Style’ parameter to ‘popup’.
• Assign both modules to the position ‘top’ on all pages.

For more detail about the module’s parameter, please read JV Login User guide.

After saving your setting, click on view site (Joomla! 1.7) or preview (Joomla! 1.5) to see the result.

JV Contact powers a Custome HTML module: “Contact us” that contains the following HTML code:

Said custom HTML module is assigned to position ‘user23’ on all pages.

Note: The quickstart version also has a JV Contact type module with the same name and position assignment. It was unpublished however

For more detail about JV Contact, please read the JV Contact Userguide.

 The result should look like the following screenshot:

The followings are non-unique modules used in JV Life

• Main Menu: ‘Menu’ module type, assigned to position ‘menu’ on all pages.
• Book Store: ‘Banner’ module type, assigned to position ‘position-10’ on all pages.
• Breadcrumbs: ‘Breadcrumbs’ module type, assigned to position ‘position-2’ on all pages.
• Login Form: ‘Login’ module type, assigned to position ‘position-7’ on all pages.
• Top headlines: There are two modules with this name, both ‘Latest News’ module type. One is assigned to position ‘right’ on the pages ‘Healthy Living’, ‘Eating’, ‘Healthy Tips’, ‘Community’, ‘Contact us’, ‘Search’; the other is assigned to the position ‘user8’ on ‘Home’ page.
• Search: ‘Search’ module type, assigned to position ‘search’ on all pages.
• Reserve ticket: There are two modules with this name, both ‘Custom HTML’ module type. One is assigned to the position ‘user9’ on ‘Home’ page; the other is assigned to the position ‘right’ on the pages ‘Healthy Living’, ‘Eating’, ‘Healthy Tips’, ‘Community’, ‘Contact us’, ‘Search’; the other is assigned to the position ‘user8’ on ‘Home’ page.

These modules contain the contact number to reserve tickets.

Stay Connect: ‘Custom HTML’ module type, assigned to position ‘user21’ on all pages.This module contains contact info for the website.