Noo Portfolio Extension Documentation

1. Introduction

Noo Portfolio is a highly customizable jQuery Plugin to present your Joomla Content, K2 Items or Images Folder. It uses the power of jQuery to present your pics in a grid layout with a fancybox lightbox (custom width or 100% width responsive).

2. How to use

For using our NOO Portfolio, you need to perform these tasks step by step:

  1. Install NOO Portfolio

  2. Configuration

We also have Examples to provide some useful tricks to use our NOO Portfolio 

1. Preparing

Download the package to your computer.

2. Installation

     Go to your administrator site

    Select “Extensions” => “Extension Manager” in the Top Menu


In "Upload Package File" block, please Upload & Install the following extension:



1. Basic Options

 Part1: Content Source: Joomla Content



Content Source

Select the content source for slider module, if you choose Image Folder please set the image folder path


Select content category


The maximum number of items you want to display on the Slider

Sort Order By

To sort the data in the module which based on the settings of article, includes date, order and hits

Ascending OR Descending

After the Sort Order is selected, the articles will be sorted by this condition. Eg: If you choose 'Articles Sorted B BY ‘DATE' and set ''AscendingOR Descending'' to 'DESC' ,the newest article will be displayed on the first line

Show Title

Set show/hide title of artcle

Linked Title

Show/Hide link of title

Thumbnail Mode

If you want to use image thumbnail which render from the image source, then choose CROP or RESIZE

Resize With Use Ratio

If you choose YES, then the module will render a thumbnail with the ratio about dimension of the image source

Image Width

Set width of image

Image Height

Set height of image


Set show/hide description of article

Folder Image Path

Relative to Joomla images folder, example : images/stories/demo/contentslide

Description max chars

Maximum characters in description of the articles. Set 0 to hide. Set -1 to unlimited


--> Frontend


Part 2: Content Source: K2




Part 3: Content Source: Image Folder



--> Frontend


2. Display

VIDEO TUTORIAL: This is video tutorial how to configure module Noo Portfolio