-
A. Introduction:
JA Portfolio Template features:- We support K2 Component is integrated with K2 User Page (Blog Layout). K2 is the popular powerful content component for Joomla! with CCK-like features developed by JoomlaWorks.
See how to install and set up K2.
B. Quickstart Installation(Recommended for Joomla Beginners)Quickstart Installation Guideline.
C. Template & Extensions installationI. Install template
- JA Portfolio Template Installation and Configuration
- New to JA Mega Menu, see more here: Introduction on JA Mega Menu
- iPhone + Handheld device setting
II. Install ExtensionsNote: We might use the same extension for different templates to enrich the functionality aspects, normally position defined for each extension varies across the templates. When following guides below, please make sure to update module positions if you see any difference.
- JA Slideshow 2 Module
- JA Tabs Module – JA Tabs Plugin
- JA ContentSlider Module
- JA Comment Latest Comments
- JA ContentSlider 2 Module
- JA Showcase Component
- JA ExtManager Components
- K2 Component
- JA Popup Plugin
- JA Comment Plugin
- JA Comment System Plugin
- JA Comment Search Plugin
- Button JA Comment Off Plugin
- Button JA Comment On Plugin
- JA Systems T3 Plugin
- JA Load Module Plugin
Note: View our detailed guidelines for plugin HEREIn JA Portfolio, default positions of those modules are:
Note: [xx] stands for module position- [slideshow] JA Slideshow 2
- [content-mass-top] JA Tabs
- [user4]JA ContentSlider
- [template_image_slider]JA ContentSlider2
III. New JA Template Framework 2.0
The JA Portfolio bases on JoomlArt’s stable T3 Framework 2.0. If you are new to us, the following wiki provides in more details:- Overview
- Developer Guides
- Customization FAQs
- Copyright
- Mega Menu – A missing menu system for Joomla!
- Sample & Showcase
IV. Tips to create modules like our JA Porfolio demo
(1) Create Custom Module:
The JA Portfolio front-page uses custom modules, including:
- Sample Module (position: mega1)
- Find a House (position: right, class suffix: _hilite)
- Home for Sale (position: tabs, class suffix: _icon1)
- Quick Contact (position: top)
- Beautiful Houses (position: user1)
- Our Sponsor (position: user2)
- Real Este on Mobile (position: user3, class suffix: _white)
- About us (position: user5)
- About JA Portfolio (position: user8)
- Contact us (position: user9)
To manage those custom modules, select Extensions >> Module Manager, then click module name, (Eg. Beautiful houses). In configuration page, you set position: “user1” like screen-short below:
JA Portfolio do support JA Popup Plugin that allow to display using above frame work like ajax, iframe, youtube video, image, slideshow. In this custom module, you can see the code input into the content as below image:
{japopup type=”image” title=”Sample image 1″ content=”images/stories/gallery/gl-1.jpg” }
{/japopup}
See how it works in Demo site:
and another custom modules in demo site:
[/LEFT]
Tips: How to create a Custom Module?(2) JA Slideshow 2 module
JA Portfolio used JA Slideshow 2 modules, named: JA Slideshow2 on front-page:
(Position: slideshow)
JA Slideshow2 Module in JA Portfolio displays content item from From Image Folder with Articles Source from Categories. For other content items, you check out more here.To configure this module like our demo site, go to Extensions -> Module Manger, then click on module title JA Slideshow 2 to enter configuration panel:Module Parameters:
From Articles Source:
In the case, you select the source to get the list of items in the slideshow from Images Source:
First, You add the path to the folder from which Slideshow will call images. For example: sites/all/images/slideshow
You can enter the description to each image with the code format:
Description goes here (see example JA Slideshow2 in JA Social template as below):
Stage Setting:
Navigation Setting:
Advance Parameters configuration:
Tips: How to use JA Slideshow2 Module?
(3) JA Tabs Module:
We name such instance of the module with following titles: JA Tabs
Back-end Settings of JA Tabs in the demo site.
(Position: content-mass-top)
Back-end Settings of JA Tabs in the demo site.
(4). JA Content Slider Module:
JA Portfolio used JA Content Slider modules, named: Additional House view and JA Contentslider 2:
4.1 Additional House view:
Back-end Additional House View in the demo site.
(Position: user4, class suffix: _white)4.1 JA Contend Slider 2:JA Content slider2 module is supported by ja load module plugin and support K2 component. Plugin Content JA Load Modules allows to insert the {jaloadposition japos=”{position}” color=”red” other_params=”xxx”} tag into an article. The parameter “japos” is required to define which position will be loaded. Others parameters will be replaced a module parameters.
You need install JA load module plugin and enable it. How to use JA Load module plugin?
Insert contentslider into an article as our demo: Open K2 component >> Click to edit an article >> Insert this paragraph into your article:
<blockquote>{jaloadposition japos=”template_image_slider” source=”folder” folder_images=”stories/gallery_demo/”}</blockquote>
See demo our site:
Back-end ContentSlider 2 in the demo site.Enable module and set module position:
Module parameters settings:
Advanced parameter settings:
Tip: How to use JA Content Slider Module?
This topic contains 13 replies, has 10 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum