Step by Step Documentation how to setup and configure TLP Portfolio Component, Module and plugins for Joomla 3.x.x

Step 1: First download the TLP Portfolio from .

1) Installation

2) Setup & Configuration

2.1) First go to Components menu -> TLP Portfolio

2.2) Now First from top right click options to configure.

2.3) General Settings

2.3.1) Image Settings: First set image path then set small , medium & large image size.

2.3.2) Display No: Set how many want to display at a time.

2.3.3) Enable Font Awesome: If your template don’t have fontawesome css then enable it.

2.3.4) Link Detail: Enable/ Disable link to detail page

2.3.5) Layout: Select one of layout from 3 layouts.

2.3.6) Image Grid: Set detail page image grid size content grid will auto calculated Ex: if image grid 3 then content grid will be 12-3= 9

3) Add Category:

Enter the category name

4) Add Portfolio

Click add new button to add new portfolio item

4.2) Add the fields value then save

4.2.1) Name: First Add Name

4.2.2) Alias: It is auto generated from Title field

4.2.3) Category: Select Category.

4.2.4) Short Description: Add short Description.

4.2.5) Tools Used: Add which tools use in your project

4.2.6) Project url: add project url

4.2.7) Client Name: Add Client name

4.2.8) Detail: Add detail of the member

4.2.9) Project Image: Add social url keep empty if no social icon.

4.2.10) Completed Date: Set completed date.

4.2.11) Language: Select Language.


5) Make Menu link

5.1) Now go to Menus=> then select your menu item => Add new


5.2) From the popup select TLP Portfolio => Portfolios

5.3) Now set the menu parameters
5.3.1) Layout: Select which layout you want from 3 layouts
5.3.2) Display Per Row: Select how many want to display per row

5.3) Now front end Look will like this Layout 1 Grid View


6) Module Settings

First Enable a Module then do this step

Then set the Carousel settings

1) Select Category: Select category.

2) Layout: Select layout.

3) Total member to Display: Set how many members you want to display.

4)  Display Per Row: Set how many members will be display per row.