Professional Documents
Culture Documents
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
COPYRIGHT DISCLAIMER
Check out Gavick.com, the official website of this Joomla! Template and home to
Memovie
2
Table of Contents GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
1 Introduction 4
Introducing Memovie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
Introducing new JA T3 Framework. . . . . . . . . . . . . . . . . . . . . . . 5
2 Overview Files 6
Memovie overview files. . . . . . . . . . . . . . . . . . . . . . . . 6 - 7 - 8
7 Modules Variations 16
Module Variations. . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 - 17
8 GavickPro Extensions 18
Tabs Manager GK3 - Component and Module Installation. . . . . . . . . . . . 18
GK Tabs GK1 - Module installation and setting. . . . . . . . . . . . . . . . . 19
PhotoSlide GK3 - Component installation and setting. . . . . . . . . . . . . . 20
News Show Pro GK1 - Module Installation. . . . . . . . . . . . . . . . . . . 21
News Show Pro GK1 - Module suffixes. . . . . . . . . . . . . . . . . . . . . 22
Gavick Image Show - Module Installation and setting. . . . . . . . . . . 23-24-25
9 Menu 26
Extended menu plugin overview. . . . . . . . . . . . . . . . . . . . . . . 26
Extended menu parameters . . . . . . . . . . . . . . . . . . . . . . . . . 27
10 GK Typography 28
GK Typography plugin overview . . . . . . . . . . . . . . . . . . . . . . . 28
GK Typography plugin installation . . . . . . . . . . . . . . . . . . . . 28 - 29
GK Typography plugin - How to use it. . . . . . . . . . . . . . . . . . . 29 - 30
10 Recommendations 31
Recommendations. . . . . . . . . . . . . . . . . . . . . . . . . . . 31 - 33
Feb’10
Memovie
3
1 Introducing Memovie GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
»» Build support for PhotoSlide GK3 component with Image Show »» Impressive built-in content style.
module build-in template design. »» Lightweight, modern and very fast-loading design.
»» Background image user control
Memovie
4
JA T3 Framework GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Introducing T3 JA Framework
The advantages of T3
»» native RTL support - became a mandatory requirement in the globalization context;
»» modular structure - working with custom layouts and custom blocks push the content management even further;
»» modern navigation systems - now you have five menu systems for you main navigation, meet the megamenu, dropline
menu, split menu, moo menu and css menu;
»» minimalistic scripting - simple, optimized and organized code make the template lighter but more powerful;
»» maximum flexibility - the development never got that far before;
»» developer friendly - the structure makes the work easier and more organized;
Feb’10
5
2 Overview files GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
After having download all of the files from our commercial section, here’s an brief content evaluation of the Memovie package.
Have in consideration that some of the used tools posses their respective support manuals, so we will provide orientation
guidance for the respective installation and include also some screenshots about the configurations of all parameters of each
module. To get additional informations of our extensions, please read the Support Manual included on the respective package.
Here’s a brief overview of the files available inside the “Memovie” template package.
»» gk_memovie_J!15.tgz - This is the template file and for installation, please use Joomla installer.
»» gk_memovie_rest_files_J!15.zip
After decompression of _rest_files.zip you will find following folders:
»» components ”folder”
Here you can find file including list of components used on demo server for this template. Components can be
downloaded for free from Gavick website.
»» jcomment theme ”folder”
Here is special theme for Jcomment component from JomlaTune. To use this simply copy the gk_style to components/
com_jcomments/tpl/.
»» modules ”folder”
Here you can find information about used modules and website where you can download them.
»» plugins ”folder”
Contains the new GK Typography plugin (plg.gk_typography.zip) for WYSIWYG editor use. For respective installation,
please use Joomla Installer and them enable it on plugins manager.
New is plugin for advanced menu parameters (plg_system_menuparams.zip). Thanks to this plugin you can insert
menu sub-titles etc.
»» source ”folder”
For further customization of template source files may be handy. All files are saved as layered Photoshop PSD files.
6
GA
GA VICKPRO
VICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
As previously explained, to complete the necessary files for this project, you need to download our free extensions from
our site. Get more informations on http://tools.gavick.com or download them on http://www.gavick.com/downloads-
area
7
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
»» News Show Pro GK1 module (IMPORTANT! Unpack the news_show_pro_gk1_pack.zip file.)
»» News Show Pro GK1 module (IMPORTANT! Unpack the news_show_pro_gk1_pack.zip file.)
Notices!!!
Font(s) used on the source files are not provided with the Template package, because they may have copyrights
Memovie
reserved.
The images used on demo might contain other proprietary copyright information that should be considerated, so it’s
strictly prohibited the use, duplication or disclosure of this images.
8
3 Quick Guide Step by Step Installation GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Step 1) Install Memovie template using the Joomla installer. File: (gk_memovie_J!15.tgz )
Step 2) Head to Templates Manager and establish Memovie as your default template.
Step 3) Again through the joomla installer, install Tabs Manager GK3 component. You must first download it from our free
download extensions tools. File: (com_gk3_tabs_manager.zip).
Step 4) Still from the Tabs Manager GK3 component package, install the respective module. File: (mod_gk_tab.zip).
Step 5) Then install the News Show Pro GK1 module using the Joomla Installer. File: (mod_news_pro_gk1.zip).
Step 6) Do not forget Photoslide GK3 component using the Joomla Installer. File: (com_gk3_photoslide.zip).
Step 7) And still from same package from modules directory install GK Image Show module using the Joomla Installer.
File: (mod_gk_image_show.zip).
Step 8) K2 is a powerful & extensible content component for Joomla! with CCK-like features designed & developed by
JoomlaWorks, install it using the Joomla Installer. Download from http://getk2.org/
Step 9) For unleashing full menu features you need to install system menu plugin using the Joomla Installer. File: (plg_
system_menuparams.zip ).
Step 10) To spice up your joomla content, install GK Typography plugin and enable it on Plugins Manager panel. File:
(plg.gk_typography.zip).
Step 11) From JoomlaTune install JComments component (com_jcomments_v2.1.0.0.zip) using standard Joomla
installer.
Step 12) Copy JComments style from rest_package zip folder and select gk_style as template (inside Layout setting).
Step 13) Again from JoomlaTune install JComments Latest module using standard Joomla installer. File: (mod_jcomments_
j15_v2.5.4)
Feb’10
With all 13 steps completed, your website has all the necessary conditions for Memovie template. Further ahead, we provide
orientation of the demo modules positions and their respective configurations (you can find screenshots added on the HelpFile
Memovie
package).
9
4 Memovie Template Installation GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Click the ‘browse’ button, select the template file (gk_memovie_J!15.tgz) and press ‘Upload File & Install.’
Message will be displayed saying ‘Install template Success’. and showing an overview of the template.
Now you have the template installed, but you need to assign it as your default template of your website. To do this, navigate to
“Extensions > Template Manager” and set it as default template.
Feb’10
Memovie
With the template installed and assign, let’s now see all the parameters available on the template for admin control.
10
5 Template Parameters
Quay comes with several parameters that you can configurate as your needs. To access the template parameters, navigate to
“Extensions > Template Manage” and select gk_memovie template. Press “edit” option or just click on template link as you be
able to see the following parameters table.
Presets template parameters: Fonts:
Template color: Here you can define font that you want to be used for several website elements.
Select default template color (Blue/Red/Bronze). If you want to use Cufon font you can generate your own font on website: http://
cufon.shoqolate.com/generate/
Background image: Same applies in case Cufon font provided with template doesn’t include
apostrophes and other special characters for your language.
Select bg image without editing css..simply past your image into
images/backgrounds and you will be able to select it.
Features:
Fixed background:
Select ON or OFF...defines whether bg image will stay still or will
scroll with site.
Login button:
Show or hide login button (this setting is working regardless login module
Show mainbody on frontpage: being published or not).
This is neat feature for diversifying your site layout for different pages.
If you want to show style switcher on bottom of site select ON, otherwise OFF.
Simply add ItemID or component name=layout name
Copyright:
Memovie
Iphone: Write here your copyright notice. It will appear in the middle at the bottom of
Define layout for Iphone devices your site (on left to style switcher).
Dimensions:
In this section you can configure width in pixels of all template blocks.
11
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Menu:
Menu Module:
Select a menu name to be used (usually mainmenu or topmenu)
Menu type:
Select main menu type: (Mega Menu - Moomenu - CSS Menu - Split Menu - Drop
Line Menu).
Customize menu for pages:
You can define different menu type for different pages using component name or
ItemID. Eg: com_content=css or 10=dropline
Animation type:
Select type of menu animation transition. Menu animation only works in LTR mode.
Animation duration:
Time in miliseconds for slide or fade.
Updates:
Here you can find information about updates for your Memovie template.
As possible to see from setting picture on left side, Update 1.1.0 was available soon
after template release. This update adds more color versions and also some minor bug
fixes.
Feb’10
Memovie
12
6 Template Module Positions GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Thanks to the new framework, Memovie template provide all the following modules positions offering a wide range of options to
customize your template.
Feb’10
Memovie
13
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
14
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Modules from 3rd party developers used inside Gavick QuickStart package
Memovie
In case you are having problem with configuring modules to match Gavick Demo site, please, continue reading Modules
Variations and Module Configuration on next pages.
15
7 Module Variations
Module as Component (on mainbody).
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Our templates allows you to display any Module as Component (on component mainbody position). It will display full width or
not, depending on the module width configuration. If you have any doubt of this feature, please ask us for support in GavickPro
Oficial Forum.
Modules Variations
Memovie template comes with embed style modules positions and with the following modules suffix.
Please mind different suffix look for different template style!
There are six module suffixes included in his Module class suffixes that looks same for all template
template. styles:
_color1
_color2
_color3
_clear
nopadding
nsp
16
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Feb’10
17
8 GavickPro Extensions GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Component Installation
Using the Joomla Installer, get com_gk3_tabs_manager.zip file and select “upload and install”.
A message will appear saying ‘Upload Component - Success” and it will show you an overview
of the component.
Warning! You cannot link directly the component using joomla menu for frontpage display.
Component Setting
After installation go to Gavick Tabs Manager GK3.
Step 1) Create group (just select name and description)
Step 2) Add tabs. Tabs in demo are created using XHTML tab type and video is pasted as embded code without using
WYSIWYG editor!! Please note, that when adding videos you need to use wmode=transparent. For more info go to: http://
kb2.adobe.com/cps/142/tn_14201.html
There is no futher setting neccesary within Gavick Tabs Manager GK3. Continue with module installation and module setting.
Feb’10
Memovie
18
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
19
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
PhotoSlide GK3
PhotoSlide GK3 is the most advanced and free component for Image Slide available for
Joomla!1.5. You need to download this package from our free tools download section
on http://www.gavick.com/downloads-area.html and them unpack this file. Using
the Joomla Installer, search for the com_gk3_photoslide.zip and select “upload and
install”. A message will appear saying ‘Upload Component - Success” and it will show
you an overview of the component.
For further detail information, please read the PhotoSlide GK3 HelpFile provided in the
_doc! folder package.
Set your group type between Image Group and News Show ProSet width for thumbnails in pixels.
Memovie
GK1 group. In this case, you need to select Image Show GroupQuality:
type.
Thumbnail height: Set images quality in percentagem (recommended values
between 75 and 95%.
Set height for thumbnails in pixels.
20
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
News Show Pro GK1 extension is one of the most popular extension on Joomla Community. For
many users, perhaps the best ever made. We like to think that the best is yet to come.
With its powerful capabilities and presentation of articles and news content, News Show Pro GK1
offers you an amazing ways to display your website content in the most stylish and highest level
of professional presentation.
Once again, you need to download this free module from our tools download section on http://
www.gavick.com/downloads-area.html and them unpack the file.
Module Installation
To install, use the Joomla Installer, search for the mod_news_pro_gk1.zip and select “upload and
install”.
A message will appear saying ‘Upload module - Success” and it will show you an overview of the module.
Module Configuration
To avoid repetition of the instructions included in the Support Manual of this tool, please see the respective files available on
the extension package. There you will get orientation the administrate the different parameters available on News Show Pro GK1.
IMPORTANT!!! - In case you find problems with module style (i.e. - strange border around module), you can disable module CSS
in advanced parameters. By doing this, it should solve your problem.
For further detail information, please read the News Show Pro GK1 HelpFile provided in the _doc! folder package.
Feb’10
Memovie
21
_color2
plate style Blue
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
22
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
For frontend display of the PhotoSlide GK3 groups, you need to use the GK Image Show module. t link directly the In this
template, we create an exclusive module style and engine for Image Show module with his our parameters. So, using the Joomla
Installer, search for the mod_gk_image_show.zip and select “upload and install” A message will appear saying ‘Install Module
Sucess”. If all goes well, you should see the Gavick Image Show module available on “Extensions > Module Manager” list. Find
the module and get inside for configurate.
Module Configuration
To avoid repetition of the instructions included in the Support Manual of this tool, please see the respective files available on
the extension package. There you will get orientation the administrate the different parameters available on News Show Pro GK1.
IMPORTANT!!! - In case you find problems with module style (i.e. - strange border around module), you can disable module CSS
in advanced parameters. By doing this, it should solve your problem.
Feb’10
Memovie
23
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Module parameters:
Module Class Suffix:
A suffix can be applied from the css class of the module (table.
moduletable) an this will allow individual module CSS style.
Module unique ID:
Each module must have unique ID, if you have two or more
modules working (i.e. newsimage1 or newsimage2)
Slides Group:
Select your group from the component to be displayed in this
module.
Module Style:
Select style for your module. In this case, since Hit Music
template has built-in style for this module then please select
‘template style’
Style Variation:
Select style variation for module - it is a CSS filename without
extension.
Settings:
thumbs:
Enable thumbs option display [true or false].
thumbs_top:
Set thumbs position from the top (i.e. 80).
thumbs_left:
Set thumbs positions from left (i.e. 60).
text_block:
pagination_left:
Enable text block on slide [true or false].
Set pagination position from left (i.e. 50).
text_width:
pagination_top:
Set text block width in pixels [i.e. 500].
Set pagination position from top (i.e. 350).
text_height:
slide_links:
Set text block height in pixels [i.e. 90].
Enable image slide as links [true or false].
text_left:
preloading:
Set text block position from left on slide [i.e. 30].
Enable preloading option of slides [true or false].
text_top:
animation_speed:
Set text block position from top on slide [i.e. 300].
Set speed for animation effect of the slides [i.e. 1000] = 1
second. show_title:
Feb’10
autoanimation: clean_xhtml:
Enable auto animation on slides [true or false]. Enable slides preloading option [true or false].
animation_type: wordcount:
Slide animation type [opacity, top, left, right or bottom]. Set amount of words on text block [i.e. 30].
24
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
slide_links=true;
preloading=true;
autoanimation=true;
animation_type=opacity;
animation_speed=500;
animation_interval=5000;
interface=true;
interface_x=30;
interface_y=30;
Feb’10
Memovie
25
9 Menu GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
As was already mentioned at the beginning for proper work of extended menu parameters is necessary to install plg_system_
menuparams.zip from gk_memovie_rest_files_J!15.zip. And do not forget to publish this plugin!
To use extended parameters you need to use Mega Menu as your Menu type (defined inside template setting)!!
We implemented this new feature extremely useful for the use of typography, specially created for the template. Like in all joomla
Show Title:
Setting to No will hide menu title..so you will get only blank space if selected to Yes.
Add Description:
Add subtitle for menu item.
Columns:
Define number of columns you want to have for items under this
menu item.
Group:
Do not group first level menu items! This apply only on second level
menu items. Grouping will show 3rd level menu items bellow their
parent 2nd level menu item.
Submenu Content:
Feb’10
26
Extended menu parameters
Group
No vs. Yes
Columns
2 vs. 1
There are also created module positions named menu1 to menu10 that can be used inside Mega menu (of course you can use
other module positions as well).
In case you are adding module inside Mega menu do not forget that Show Title is working as well. So in case you have Show
Title ON inside extended parameters and also Show Title ON inside module setting you will end with two titles below each other!!
More about Mega menu here: http://wiki.joomlart.com/wiki/JA_Template_Framework/Navigation
Feb’10
Memovie
27
10 GK Typography
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
We implemented this new feature extremely useful for the use of typography,
specially created for the template. Like in all joomla templates, characterization
of the text style is added to enrich even more the respective content. However, we
may say that some Users have not been motivated to use this potential, perhaps
because this information was not easily available.
So, in order to promote and facilitate the use of the typography, we added a
special plugin that will allow Users to set easily any typography style in text.
This new feature will be implemented in all our future templates and also on our
old templates from 2008 to 2009.
Next, you will need to enable it on the Plugin Manager of your Joomla.
So, navigate “Extensions > Plugin Manager “ and find the Button - GK Typography Plugin and enable it.
28
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Click on it and a modalbox will popup with all the Typography added to this template. Scroll down top select the desired one,
and press the respective text style on the left column.
Feb’10
Memovie
29
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
For example, i will select the “info3” typography style. So, i just press on it and immediatly text will be added on the text area.
Now, i just need to replace the existing text with my own and save.
Nice, right?
Easy and friendly interface, this will be very important to help you to create stunning articles styles.
30
11 Recommendations GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
Another usual problem identified in our forum is related with permissons on files and directory. Some tools need specific files to have rewrite or read
permissions, so you might find some problems if you don’t have this permissions set. Notice that we cannot control your server security configurations,
but we can provide directions were you must change this permissions. If you are unable to change it, we advice you to contact your host provider.
Memovie
31
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
You can always request support to our Moderators or Developers, but you need to take in mind that this is customization and not regular support service.
In future, GavickPro might provide personnal customization services and installation support, but it’s not yet available as standard service. The Developer
MemberShip is excluded, since this subscription already have this type of support, if needed. Nevertheless, we will always try to help you.
If you have some experience in CSS styling, we strongly recommend the use one of the most powerful tool for WebDesigners, available for free in FireFox
addons - The FireBug - without any doubt, you can’t find most powerful ally if you are building a website.
Feb’10
What is the better way for me to report my problem in the support forum?
If you need help on some issue, please report on our forum in the most objective way, be polite and preference in english language.
Memovie
Always identify your URL for faster support, because in most cases our support team needs to see the problem.
32
GAVICKPRO
C R E A T I V E J O O M L A ! D E V E LO P M E N T S T U D I O
For help regarding Gavick templates please use Gavick support forum
http://www.gavick.com/forum.html
Feb’10
Memovie
33