How to install Portfolio Joomla templates

1. Requirements

It is strongly recommended that you always use the latest stable version of Joomla to ensure all known bugs and security issues are fixed. At the time this document was written, 3.5 is the latest stable version of Joomla. Politis will only function properly on Joomla 3.5+. To use this template your CMS must be running at least PHP 5.4+ and MySQL(i) 5.5+ .

We suggest also check/change php settings (sometimes in php.ini file):

  • memory_limit --> at least 64M or 128 MB
  • max_execution_time --> at least 240 or even more
Please contact your web hosting service provider to be sure your server complies with the requirements. About used browser we suggest to use latest version of Firefox, Safari, Chrome or Internet Explorer 10+. Internet Explorer 6, 7 and 8 is NOT supported anymore also by Microsoft company.

2. Install Joomla

Download the stable version of Joomla 3.4.X from http://www.joomla.org/ and install it.

3. QuickStar Package Install

First Unzip "portfolio_quickstart.zip" then create the database and database user name and password. and follow next steps then on Demo data select option please make sure you select "Portfolio English (GB) Sample Data"

Portfolio English (GB) Sample Data

gtbuilders preset

4. Template Install

4.1) First Template Install

First login to Joomla admin end then install the "portfolio_quickstart.zip" then make this "radius_portfolio" is default template.

Go to joomla Extensions -> manage Button click

medipoint preset

medipoint preset

4.2) Import template default data

Go to Templates=> radius_portfolio - Default => Advanced

This is most important part to get telpplate seting please open folder tempalate_settings then "radius_portfolio_settings.json" and copy its content and paste into the box then click import button

medipoint preset

4.3) Basic Template Settings

You can setup your Template basic settings here.

Go to Templates=> radius_portfolio - Default => Basic

Go to joomla template radius_portfolio-default Position[logo]

See the ScreenSort

medipoint preset

4.4) Typography Settings

You can setup your typography settings here.

Go to Templates=> radius_portfolio - Default => Typography

medipoint preset

4.5) Templates Module Positions

You can setup your Template Layout settings here.

Go to Templates=> radius_portfolio - Default => Layout

medipoint preset

5. How to change Preset color

We have 4 pre-define color you can select which one you want to use.Go to Extensions-> Templates => radius_portfolio - Default => Presets Tab Select the preset then click save button.

medipoint preset

Install Extensions

7. Unite Revolution Slider 2 Setup

We use Unite Revolution Slider to setup and create slider go here Components =>Unite Revolution Slider then you will get all slider list now go to "Edit Sliders"
to edit or change image

7.1) Slider Setting

7.2) List Sliders

7.3) Edit Sliders

7.4) Add Sliders


More detail visit Revolution Slider Instructions

8) Home Page Setup

8.1) Home Page

Create Menu link with SP Page Builder and specific
[home 1 default suffix "no class use"]
[home 2 default suffix "home-style1"]
[home 3 default suffix "home-style1"]

home page setup

home page setup

9) Module Position and class suffix

Sl. No Module Title Module Type Position Module Suffix Layout Menu Assign
1 Home One Slider Unite Revolution Slider 2 slider slider-default-style slider-one Home 1 Page
2 Home Two Slider Unite Revolution Slider 2 slider slider-default-style slider-two Home 2 Page
3 Home Three Slider Unite Revolution Slider 2 slider slider-default-style slider-three Home 3 Page
4 About Portfolio Custom HTML bottom1 All pages
5 Footer Social Link RT SocialLinks bottom1 footer-social All pages
6 Recent Posts K2 Content bottom2 All pages
7 Quick Link Menu bottom3 All pages
8 Information RT Adress bottom4 footer-address All pages
9 Service Menu Menu left/right service-menu Choose Inner pages
10 Testimonial TLP Testimonial Pro left/right Layout: Slider 1, Slider Show: 1, Pagination: Show Choose Inner pages
11 About Us Custom HTML left/right Choose Inner pages
12 Search Search left/right Choose Inner pages
13 Categories K2 Tools left/right Choose Inner pages
14 Recent Posts K2 Content left/right Select sub-template: recentpost Choose Inner pages
14 Archives K2 Tools left/right Choose Inner pages
15 Tags K2 Tools left/right Choose Inner pages
16 Solution SP Page Builder below tab-solution Use: SP Tab Choose Inner pages

Module Manager View - with list of all used and published modules

mediplus

10) Understanding Sp-PageBuilder

Before starting with Builder please take a look with the power of amazing Sp Page Builder by JoomShaper

10.a) Home One SP Page Builder Setting

Go to SP Page Builder -> Page -> home 1

home page setup

10.a.1) Section 1 - TLP Portfolio (Component & Module)

First Step: Joomla Component

The first joomla TLP Portfolio Component Install

Go To Joomla Component -> TLP Portfolio Click and Step by Step Add The first Category & Item.

Second Step: Joomla Module

Enter the info one by one select TLP Portfolio Module field ( Our Awesome Gallery One ):

  • Select Category: Business, Corporate, Design & Development
  • Select Layout: Isotop 9
  • Show at a time: 3 per row
  • Short Desc Field: Hide
  • Tools Field: Hide
  • Client Field: Hide
  • Project URL Field: Hide

Thired Step: SP Joomla Addon

Select SP Joomla Module Addon & Select joomla module ( Our Awesome Gallery One )

Detail Portfolio Setup

10.a.2) Section 2 - TLP Team Component & Module

First Step: Joomla Component

The first joomla TLP Team Component Install

Go To Joomla Component -> TLP Team Click and Step by Step Add The first Category, Skill & Item.

home page setup

home page setup

Second Step: Joomla Module

Enter the info one by one select TLP Team Module field ( Our Creative People ):

  • Select Department: All Department
  • Select Layout: Carousel Slider 2
  • Show at a time: 4 per row
  • Navigation: Show
  • Auto Play: Show

Thired Step: SP Joomla Addon

Select SP Joomla Module Addon & Select joomla module ( Our Creative People )

10.a.3) Section 3 - TLP Testimonial ( Component & Module )

First Section: TLP Testimonial Component

Install the TLP Testimonial component And add the Item

Example:

home page setup

home page setup

Enter the info one by one select the Item field:

  • Photo:
  • Name:
  • Degination:
  • Testimonial:
  • Step by Step Same Config Next 'Testimonial' Add

Second Section: TLP Testimonial Module

Enter the info one by one select TLP Testimonial Module field ( Testimonial Home One ):

  • Select Category: All Category
  • Layout: Slider 2
  • Total Testimonial to display: 5
  • Slider Show: 2
  • Pagination: Show
  • Auto Play: Show

Thired Step: SP Joomla Addon

The main section css class [ section-overlay ]

Select SP Joomla Module Addon & Select joomla module ( Testimonial Home One )

10.a.4) Section 4 - K2 Content module

First Section: K2 Content Module

First Go to Joomla Components -> K2 Add the Category & Item

Enter the module info one by one select the field

  • Select sub-template: latestblog
  • Select category: Lifestyle
  • Item count: 3

home blog

Second Section: SP Joomla Addon

Select SP Joomla Module Addon & Select joomla module ( My Latest Blog )

10.a.5) Section 5 - RT Logo Showcase ( Component & Module )

Install the RT Logo Showcase Component And add the Item

First Section: RT Logo Showcase Component

Enter the info one by one select RT Logo Showcase:

  • Title:
  • Logo image:

Example:

home page setup

home page setup

Second Section: RT Logo Showcase Module

Enter the info one by one select RT Logo Showcase field ( Logo Showcase ):

  • Layout: Carousel Slider
  • Total Logo: 10
  • Visible Per row: 5
  • Navigation: Show
  • Auto Play: Show

Thired Section: SP Joomla Addon

SP Joomla addon CSS Class [ logo-slider ]

Select SP Joomla Module Addon & Select joomla module ( Logo Showcase )

10.b) Home Two SP Page Builder Setting

Go to SP Page Builder -> Page -> home 2

home page setup

10.b.1) Section 1 - SP Feature Box

This Section use SP Page Builder Addon -> SP Feature Box

SP Main section CSS class [ home-service-style1 ]

Enter the info one by one select the field

EXAMPLE:

  • Title: Graphic Design
  • Title HTML Element: h3
  • Icon/Image position: Before Title
  • Layout Type: Icon
  • Content:
    		
    		

    Tand typesetting istrykorem Ipsum hasbeen daand scrambled.make a type specimenok. Lorem ipsum ipiscing diam non.

  • Step by Step Same Config Next 'Feature Box' Add

10.b.2) Section 2 - SP Text Block, SP Pie Progress, SP Image

SP Main Section CSS Class [ home-about-style1 ]

Step1: SP Text Block

This Section Use SP Text Block

Title tag h1

		
		Hi, I’m LaraCreative Graphic Designer
		
	

SP Text Block Content

		
		

Bimply dummy text of the printing and typesetting industry orem Ipsum industry's standard dummy text ever since thewhen an dummy text typesetting industry. Lorem Ipsum has been industry's standardtext ever sinceunknown printer took.

Step2: SP Pie Progress

This Section Use SP Pie Progress

Enter the info one by one select SP Pie Progress:

  • Progress Percentage: 75, 85, 95
  • Size: 110
  • Bar Color: rgba(153, 142, 142, 1)
  • Bar Progress Color: rgba(80, 176, 51, 1)
  • Bar Width: 5
  • Title: Finished Work
  • Step By Step Next Pie Progress Add

Step3: SP Image

This Section Use SP Image addon and just image add

10.b.3) Section 3 - TLP Portfolio (Component & Module)

First Step: Joomla Component

The first joomla TLP Portfolio Component Install

Go To Joomla Component -> TLP Portfolio Click and Step by Step Add The first Category & Item.

Second Step: Joomla Module

Enter the info one by one select TLP Portfolio Module field ( Our Awesome Gallery Two ):

  • Select Category: Business, Corporate, Design & Development
  • Select Layout: Layout 1
  • Show at a time: 3 per row
  • Short Desc Field: Hide
  • Category Field: Hide
  • Tools Field: Hide
  • Client Field: Hide
  • Project URL Field: Hide

Thired Step: SP Joomla Addon

Select SP Joomla Module Addon & Select joomla module ( Our Awesome Gallery Two )

Detail Portfolio Setup

10.b.4) Section 4 - TLP Testimonial ( Component & Module )

First Section: TLP Testimonial Module

Enter the info one by one select TLP Testimonial Module field ( Testimonial Home Two ):

  • Select Category: All Category
  • Layout: Slider 3
  • Total Testimonial to display: 5
  • Slider Show: 1
  • Navigation: Show
  • Auto Play: Show

Scond Step: SP Joomla Addon

The main section css class [ section-overlay ]

Select SP Joomla Module Addon & Select joomla module ( Testimonial Home two )

Detail Testimonial Setup

10.c) Home Three SP Page Builder Setting

Go to SP Page Builder -> Page -> home 3

home page setup

10.c.1) Section 1 - SP Text Block and SP Progress Bar

Step1: SP Text Block

This Section Use SP Text Block

Title tag h1

		
		Hi, I’m LaraCreative Graphic Designer
		
	

SP Text Block Content

		
		

Bimply dummy text of the printing and typesetting industry orem Ipsum industry's standard dummy text ever since thewhen an dummy text typesetting industry. Lorem Ipsum has been industry's standardtext ever sinceunknown printer took.

Step2: SP Progress Bar

This Section Use SP Progress Bar

Enter the info one by one select SP Progress Bar:

  • Progress: 90, 80, 70, 60
  • Progress Bar Height: 15
  • Style: Custom
  • Button Background Color: rgba(240, 240, 240, 1)
  • Button Background Color: rgba(51, 122, 183, 1)
  • Stripped: Yes
  • Text: Photshop
  • Active: Yes
  • Show Progress Percentage: Yes
  • Step By Step Next Progress Bar Add

10.c.2) Section 2 - TLP Portfolio (Component & Module)

First Step: Joomla Component

The first joomla TLP Portfolio Component Install

Go To Joomla Component -> TLP Portfolio Click and Step by Step Add The first Category & Item.

Second Step: Joomla Module

Enter the info one by one select TLP Portfolio Module field ( Our Awesome Gallery Three ):

  • Select Category: Awesome Gallery
  • Select Layout: Layout 3
  • Show at a time: 3 per row
  • Short Desc Field: Hide
  • Category Field: Hide
  • Tools Field: Hide
  • Client Field: Hide
  • Project URL Field: Hide

Thired Step: SP Joomla Addon

Select SP Joomla Module Addon & Select joomla module ( Our Awesome Gallery Three )

Detail Portfolio Setup

10.c.3) Section 3 - TLP Team Component & Module

First Step: Joomla Component

The first joomla TLP Team Component Install

Go To Joomla Component -> TLP Team Click and Step by Step Add The first Category, Item.

Second Step: Joomla Module

Enter the info one by one select TLP Team Module field ( Our Expert Team ):

  • Select Department: All Department
  • Select Layout: Carousel Slider 1
  • Show at a time: 4 per row
  • Navigation: Show
  • Auto Play: Show

Thired Step: SP Joomla Addon

Select SP Joomla Module Addon & Select joomla module ( Our Expert Team )

Detail Team Setup

10.6) TLP Portfolio Module & Component

First Section: TLP Portfolio Component

Install the TLP Portfolio component And add the category & item

Example:

home page setup

home page setup

Enter the info one by one select the Item field:

  • Title:
  • Category:
  • Short Description:
  • Description:
  • Portfolio image:

Second Section: TLP Portfolio module

Enter the info one by one select TLP Portfolio Module field ( Specifig module name ):

  • Select Category: All Category
  • Select Layout: Available Layout, Isotop, Slider
  • Show at a time: 1,2,3,4,5,6 Per
  • Short Desc Field: Show
  • Category Field: Show
  • Navigation: Show
  • Auto Play: Show

Thired Section: SP Joomla Addon

Select SP Joomla Module Addon & Select joomla module ( Specifig module name )

12) About Page Setup

12.a) About One SP Page Builder Setting

Go to SP Page Builder -> Page -> About 1

about1

12.a.1) Section 1 - SP Feature Box

This Section use SP Page Builder Addon -> SP Feature Box

SP Main section CSS class [ service-style1 ]

Enter the info one by one select the Feature Box field

EXAMPLE:

  • Title: Boost Your Business
  • Title HTML Element: h3
  • Icon/Image position: Before title
  • Layout Type: Image
  • Content:
    		
    		Bopsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy.
    		
    		
  • Step by Step Same Config Next 'Feature Box' Add

12.a.2) Section 2 - SP Raw HTML

This section use SP Raw HTML

SP Raw HTML css class [ dedicated-team ]

Enter the info one by one select the Raw HTML field

EXAMPLE:

  • Title: We Have Expert & Dedicated Team
  • Title HTML Element: h1
  • Content:
    		
    		

    Rimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since printer took a galley.

    Purchase Now

12.a.3) Section 3 - TLP Testimonial ( Component & Module )

First Section: TLP Testimonial Module

Enter the info one by one select TLP Testimonial Module field ( Client’s Say About Us ):

  • Select Category: All Category
  • Layout: Slider 4
  • Total Testimonial to display: 5
  • Slider Show: 1
  • Pagination: Show
  • Auto Play: Show

Scond Step: SP Joomla Addon

Select SP Joomla Module Addon & Select joomla module ( Client’s Say About Us )

Detail Testimonial Setup

12.b) About Two SP Page Builder Setting

Go to SP Page Builder -> Page -> About 2

about1

12.b.1) Section 1 - SP Feature Box

This Section use SP Page Builder Addon -> SP Feature Box

SP Main section CSS class [ service-style2 ]

Enter the info one by one select the Feature Box field

EXAMPLE:

  • Title: Retina Ready
  • Title HTML Element: h3
  • Icon/Image position: Left
  • Layout Type: Icon
  • Content:
    		
    		Tand typesetting istrykorem Ipsum hasbeen daand scrambled.make a type specimenok. orem ipsum ipiscing.
    		
    		
  • Step by Step Same Config Next 'Feature Box' Add

12.b.2) Section 2 - TLP Team Component & Module

First Step: Joomla Component

The first joomla TLP Team Component Install

Go To Joomla Component -> TLP Team Click and Step by Step Add The first Category, Item.

Second Step: Joomla Module

Enter the info one by one select TLP Team Module field ( Our Expert People ):

  • Select Department: All Department
  • Select Layout: Carousel Slider 8
  • Show at a time: 4 per row
  • Navigation: Show
  • Auto Play: Show

Thired Step: SP Joomla Addon

Select SP Joomla Module Addon & Select joomla module (Our Expert People )

Detail Team Setup

13) Service Page Setup

13.1) Service Layout 1 Page

Step - 1:

This Section use SP Page Builder Addon -> SP Feature Box

SP Main section CSS class [ service-style3 ]

Enter the info one by one select the Feature Box field

EXAMPLE:

  • Title: Creative Design
  • Title HTML Element: h3
  • Icon/Image position: Before Title
  • Layout Type: Image
  • Content:
    		
    		

    Tand typesetting istrykorem Ipsum hasbeen daand scrambled.make a type specimenok. orem ipsum ipiscing.

    Details
  • Step by Step Same Config Next 'Feature Box' Add

Step - 2:

This section use SP Raw HTML

SP Raw HTML css class [ dedicated-team ]

Enter the info one by one select the Raw HTML field

EXAMPLE:

  • Title: We Have Expert & Dedicated Team
  • Title HTML Element: h1
  • Content:
    		
    		

    Rimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since printer took a galley.

    Purchase Now

Step - 3:

Same config home 1 'section-5'

13.2) Service Layout 2 Page

Step - 1:

This section use SP Image Content

SP Main section CSS class [ service-style4 ]

First part:

  • Image Position: Right
  • Addon Title: Damage Road Repair
  • Title element: h2
  • Content: .........
  • Button Text: Read More

Second part:

  • Image Position: Left
  • Addon Title: Damage Road Repair
  • Title element: h2
  • Content: .........
  • Button Text: Read More

Step - 2:

This section use SP Raw HTML

SP Raw HTML css class [ dedicated-team ]

Enter the info one by one select the Raw HTML field

EXAMPLE:

  • Title: We Have Expert & Dedicated Team
  • Title HTML Element: h1
  • Content:
    		
    		

    Rimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since printer took a galley.

    Purchase Now

Step - 3:

Same config home 1 'section-5'

13.3) Service Layout 3 Page

Step - 1:

This Section use SP Page Builder Addon -> SP Feature Box

SP Main section CSS class [ service-style5 ]

Enter the info one by one select the Feature Box field

EXAMPLE:

  • Title: Plumber Repair
  • Title HTML Element: h3
  • Icon/Image position: Before Title
  • Layout Type: Icon
  • Content:
    		
    		Hmply dummy text of the printingdeeiy aere tysetting industrorem Ipsdustry's standard dummy tsinpe bled.
    		
    		
  • Step by Step Same Config Next 'Feature Box' Add

Step - 2:

This section use SP Raw HTML

SP Raw HTML css class [ dedicated-team ]

Enter the info one by one select the Raw HTML field

EXAMPLE:

  • Title: We Have Expert & Dedicated Team
  • Title HTML Element: h1
  • Content:
    		
    		

    Rimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since printer took a galley.

    Purchase Now

Step - 3:

Same config home 1 'section-5'

14) Blog Page Menu Setting

Blog page menu add:

home page setup

home page setup

15) K2 Component Setting

Enter the K2 info one by one add

  • Category
  • Item
  • Tags

K2 Category Setting:

home page setup

K2 Item List:

home page setup

home page setup

16) Contact Page

home page setup

Section 1 - SP Google Map

This Section use SP Page Builder Addon -> Google Map

home page setup

Section 2 - SP Raw HTML

This section use SP Raw HTML and SP main section css class [ contact-address ]

	
	

Address

44 New Design Street, rne 005

Section 3 - SP Contact Form

This Section Use SP Contact Form

EXAMPLE:

  • SP Contact Form Addon Title: Leave A Comment
  • Title HTML Element: h2

17) Module title - SP Raw HTML

Title One Style:

This Section Use SP Raw HTML

SP Addon Title 'Our Creative People'

SP Addon Title tag h1, h2, SP CSS class [title-style-one]

Add SP Raw HTML Addon Content:

	
	Rimply dummy text of the printing and typesetting industry. Lorem Ipsum hasbeen standard daand scrambled
	
	

home page setup

18) How to set page title

Go to Menu then follow the screenshot below

home page setup

19) Site Bottom Module Setup

19.1 About Portfolio

Add Custom HTML Module
Module Type [Custom HTML]
Position [bottom1]

	
	

Fummy text of the printing antypesetting industry. Lorem Ipsum heen the industry's standard dummy text ever since theype.

19.Footer Social Link

Add RT Social Link Module
Module Type [RT Social Link]
Position [bottom1]
Module Suffix [footer-social

home page setup

19.3 Recent Posts

Add Recent Blog Posts Module
Module Type [K2 Content]
Position [bottom2]
Select sub-template[RecentPost]

19.5 Quick Link

Menu Module
Module Type [Menu]
Position [bottom3]

19.4 Information

RT Address Module
Module Type [RT Address]
Position [bottom4]
Module Suffix [footer-address

If not understand any point please email support@radiustheme.com