Stamford

Joomla Photography Portfolio & Blog


Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email us via our user page contact form here. Thank you very much!

Introduction

This template is a responsive and retina-ready joomla website with grid system layout. Stamford uses Isotope2 for enhanced site speed and stability, is optimized for mobile touch and swipe gestures, and features hover-intent detection, a sophisticated blog setup, lazyloaded gallery page and completely flexible text boxes

Continue reading the documentation guide to uncover all the features provided

1) Light & Dark Version
2) K2 support for Blog
3) Valid HTML5 / CSS3 pages
4) Google map with marker and address
5) Perfectly responsive
6) Retina-Ready
7) Cross browser compatible – tested in IE 9,10,11; Firefox; Safari; Chrome and Opera
8) Well formatted and commented, so it should be easy to adapt and extend
9) Quick Start & Easy Documentation
10) Free Support from skype 24 * 7

This user guide covers all options that the template provides. Please read the documentation carefully as it probably contains answers to most of questions that may arise. In case if you feel some aspect is not covered or have some questions, contact us via e-mail stars.joomla@gmail.com or via skype stars.joomla. We will do our best to answer you in shortest of time.

Updates

The updates will be published every time a reasonable amount of any bug fixes and improvements is available. Please feel free to contact us if you would like to see any new feature implemented with the upcoming updates. The more specific and demanded requests we get the higher are the chances the new feature will be included on next update.

Requirement

Joomla templates have the least requirements to hardware resources. Any server with any configuration is sufficient. Just unzip the files and transfer to your server using any FTP software

Installation Guide

For Updated template Documentation Guide check Documentation guide


Lets take a closer look at the Installation, Extensions Guide, structure of Template, JavaScript...

Folder Structure


When you unpack downloaded archive from ThemeForest.net you'll get folder containing 8 folders

  1. Database - It includes sample_data.sql
  2. Documentation - Documentation for install template
  3. Extensions - All Extensions zip files
  4. Licensing - License detail
  5. Quick_start - Easy Installation Quick start files
  6. Theme - It include stamford.zip

Installation Guide


You can setup Stamford theme by using following 2 ways:

  1. Stamford - Quick_start Installation
  2. Stamford template installation for Existing joomla setup
  1. Steps for Stamford - Quick_start Installation:
      Step : 1
    1. Find and Unzip the Stamford_Package.zip file and find the Quick_start folder
    2. Step : 2
    3. Upload Quick_start folder on server via FTP or CPanel
    4. Step : 3
    5. Start installation by typing your URL to the directory you have placed Quick_start files. The installation page should be appeared as normal Joomla! installation
      (Ex: localhost/ [directory name] /installation/index.php or domain name/ [directory name] /installation/index.php)

       

      img


      img Add site name (Ex: Stamford)

      img Add administrator email address

      img Add username (Ex: admin)

      img Add Password (Ex: admin)

      img Repeat Password (Ex: admin)

      img Click next


      img


      img Add server hostname (Ex: localhost)

      img Add username of host

      img Enter password of host

      img Add database name (Ex: stamford)

      imgClick next


      img


      imgSelect Default English (GB) Sample Data and click on Install Sample Data

      img Click Install


      img


      imgRemove installation folder

      img Click Administrator


    6. Step : 4
    7. Login into your administrator panel using username and password you have given (Ex: admin / admin)
    8. Step : 5
    9. Change password with User Manager (Site - User Manager)
    10. Step : 6
    11. We advice you to set all directory permission to 755 and files permission to 644 via Cpanel or FTP

       

      img

    12.  

      Step : 7
    13. Select jce editor as default editor.

       

      img

    14.  

      Step : 8
    15. You can Set Theme Different Options From Template Manager.

       

      img

    16.  

      Step : 9
    17. You can view site and see site preview as our demo. There is no images in package so you can change your own images.

       

      preview

       

      This link will help you to edit site from front end : http://www.gavick.com/documentation/joomla-templates/customizing-joomla-template/how-to-enabledisable-front-end-module-editing/

      NOTE : For check extensions position and details Click Here

  2. Steps for Stamford template installation for Existing joomla setup
      Step : 1
    1. Download Joomla latest Version From http://www.joomla.org/download.html and Install it.
    2. Step : 2
    3. Unzip the Stamford_Package.zip file and find the stamford.zip in Theme Folder
    4. Step : 3
    5. Login into your joomla administrator panel
    6. Step : 4
    7. install stamford.zip file from Extensions->Extension Manager
    8.  

      installtheme

       

      Step : 5
    9. Make stamford theme as a default template from Extensions-> Template Manager
    10.  

      makedefault

       

      Step : 6
    11. Open Stamford - Default Theme. Change Template Options as per your requirement
    12.  

      themeoptions

       

      Step : 7
    13. View site You will find blank page because there is no extensions and sample data installed in your site
    14.  

      Step : 8
    15. Install all Extensions from Extensions Folder
    16. After Install Extension set position according to Step : 9 and Click here for more detail of Extension with screenshots Click Here
    17.  

      Step : 9
    18. Set Extensions According to following positions
      1. Extra Extensions
        • com_jce.zip : JCE Editor to create joomla articles used in Custom Html
        • plg_system_sl_scrolltotop.zip : This plugin is used to set bottom to top button
        • modulesanywhere.zip : This Module is used to set bottom to top buttonload module in Custom Html
      2. Home Page Settings
        • mod_jsmenu.zip : Menu module in position js-menu in All page
        • pkg_falang.zip : Language Filter module in position js-language in All page
        • mod_jssocial.zip : Social icon module in position js-social in All page
        • Slideshow : Slideshow Custom HTML in position js-slideshow in Home page
        • Capturing Life : Capturing Life Custom HTML in position js-capturinglife in Home page
        • Slideshow + Capturing Life : Slideshow + Capturing Life Custom HTML in position js-home in Home page
          Module Class Suffix : element clearfix col3-3 home
        • My Awards : My Awards Custom HTML in position js-home in Home page
          Module Class Suffix : element blog-teaser clearfix col1-3 home
      3. Portfolio Page Settings
        • Selected Photos : Selected Photos Custom HTML in position js-portfolio in Portfolio page
          Module Class Suffix : element clearfix col1-3 portfolio menu
        • Castle on Water : Castle on Water Custom HTML in position js-germany in Home & Portfolio & Germany page
          Module Class Suffix : element clearfix col1-3 home portfolio germany
        • Multiple Images : Multiple Images Custom HTML in position js-germany in Home & Portfolio & Germany page
          Module Class Suffix : element clearfix col1-3 home portfolio germany
        • Cool Train : Cool Train Custom HTML in position js-sweden in Portfolio & Sweden page
          Module Class Suffix : element clearfix col1-3 half portfolio sweden
        • Portfolio Gallery Page : Portfolio Gallery Page Custom HTML in position js-sweden in Portfolio & Sweden page
          Module Class Suffix : element clearfix col1-3 half portfolio sweden
        • Fishing Village : Fishing Village Custom HTML in position js-norway in Home & Portfolio & Norwey page
          Module Class Suffix : element clearfix col1-3 home norway portfolio
        • Animals : Animals Custom HTML in position js-poland in Home & Portfolio & Poland page
          Module Class Suffix : element clearfix col1-3 home portfolio poland
      4. Gallery Page Settings
        • Gallery A2 : Gallery Page Custom HTML in position js-galleryA2 in Gallery page
        • Gallery Page : Gallery Page Custom HTML in position js-galleryA2 in Gallery page
        • Gallery A2 + Gallery Page : Gallery A2 + Gallery Page Custom HTML in position js-gallery in Gallery page
          Module Class Suffix : element clearfix col3-3 gallery
        • Gallery A1 : Gallery Page Custom HTML in position js-gallery in Gallery page
          Module Class Suffix : element clearfix col1-3 gallery
        • Gallery A3 : Gallery Page Custom HTML in position js-gallery in Gallery page
          Module Class Suffix : element clearfix col2-3 half gallery
        • Gallery A4 : Gallery Page Custom HTML in position js-gallery in Gallery page
          Module Class Suffix : element clearfix col1-3 gallery
        • Gallery A5 : Gallery Page Custom HTML in position js-gallery in Gallery page
          Module Class Suffix : element clearfix col1-3 gallery
        • Gallery A6 : Gallery Page Custom HTML in position js-gallery in Gallery page
          Module Class Suffix : element clearfix col1-3 half gallery
        • Gallery A7 : Gallery Page Custom HTML in position js-gallery in Gallery page
          Module Class Suffix : element clearfix col2-3 gallery
        • Gallery A8 : Gallery Page Custom HTML in position js-gallery in Gallery page
          Module Class Suffix : element clearfix col1-3 half gallery
        • Gallery A9 : Gallery Page Custom HTML in position js-gallery in Gallery page
          Module Class Suffix : element clearfix col1-3 half gallery
      5. About Page Settings
        • About me : About me Custom HTML in position js-about in Home & About page
          Module Class Suffix : element clearfix col1-3 home about
        • Watch My Reel : Watch My Reel Custom HTML in position js-about in Home & About page
          Module Class Suffix : element clearfix col2-3 home about
      6. Services Page Settings
        • My Services : My Services Custom HTML in position js-services in Services page
          Module Class Suffix : element clearfix col1-3 services
        • Services Image : Services Image Custom HTML in position js-services in Services page
          Module Class Suffix : element clearfix col1-3 services
        • What I Offer : What I Offer Custom HTML in position js-services in Services page
          Module Class Suffix : element clearfix col1-3 services
      7. Blog Page Settings
        • K2.zip : K2 Content module in position js-blog in Blog page
        • Blog Entries : K2 Tools K2 module in position js-blogfooter in Blog detail page
        • Tags Cloud : K2 Tools K2 module in position js-blogfooter in Blog detail page
        • Categories : K2 Tools K2 module in position js-blogfooter in Blog detail page
      8. Contact Page Extensions
        • Contact Me : Contact Me Custom HTML in position js-contact in Home & Contact page
          Module Class Suffix : element blog-teaser clearfix col1-3 home contact
        • mod_jdcontact.zip : Contact Form module in position js-contactform in Contact page
        • mod_bt_googlemaps.zip : Map module in position js-map in Contact page

      NOTE: After installation don't forget to Enable them

       

      NOTE : How to set Extensions Click Here.

Extension Guide


     

    Extra Extensions

     

  1. com_jce.zip
  2. plg_system_sl_scrolltotop.zip
  3. modulesanywhere.zip
  4.  

    Home Page Extensions

     

  5. mod_jsmenu.zip
  6. pkg_falang.zip
  7. mod_jssocial.zip
  8.  

    Blog Page Extensions

     

  9. k2.zip
  10.  

    Contact Page Extensions

     

  11. mod_jdcontact.zip
  12. mod_bt_googlemaps.zip

1) com_jce.zip

An award-winning, configurable WYSIWYG editor for Joomla! based on Moxiecode's TinyMCE

Includes advanced Image/Media, File and Link handling, plugin support, and an Administration interface for editor configuration

You must have to select Default Editor : JCE Editor from Global Configuration

You can find com_jce.zip in Extensions Folder


 

Go to Components -> JCE Editor

 

jceeditor

 

check this link : http://joomlahosting.com/extensions/jce-bootstrap-stopping-i-to-em-replacements/


You can see JCE editor while creating article


jceeditor

Click Here To Download : Download

 

 

2) plg_system_sl_scrolltotop.zip

Skyline Scroll to Top is a system plugin of Joomla 2.5+. It adds a 'Scroll to Top' link which appears when the user scrolls down, and disappears when users reach the top of the page into your website.

You can find plg_system_sl_scrolltotop.zip in Extensions Folder

 

Go to Plugin Manager and find System - Skyline Scroll To Top

 

scrolltotop

 

You can see in demo


scrolltotop_out

 

Click Here To Download : Download

 

 

3) modulesanywhere.zip

Modules Anywhere you can include a single module or complete module positions anywhere in your site

You can find modulesanywhere.zip in Extensions Folder

 

Go to Plugin Manager and find System - NoNumber Modules Anywhere

 

moduleanywhere

 

Load module in Custom Html

 

loadmodule

 

You can see in demo


moduleanywhere_out

 

Click Here To Download : Download

 

 

4) mod_jsmenu.zip

JS menu is responsive joomla module which fits well in web, tablets and mobiles without any additional options and Nth level dropdown

You can find mod_jsmenu.zip in Extensions Folder

 

Go to Module Manager and find JS-Menu in position js-menu

 

jsmenu

 

Select position : js-menu

 

You can see Home Page in demo


jsmenu_out

 

 

5) pkg_falang.zip

Your site in multiple languages in the easiest way. The Falang component allows you to manage all your content translations, even the content of all your components/modules, on your web site.

You can find pkg_falang.zip in Extensions Folder

 

Go to Module Manager and find FaLang Language Switcher in position js-language

 

pkg_falang

 

Select position : js-language

 

You can see Home page in demo


pkg_falang_out

 

Click Here To Download : Download

 

 

6) mod_jssocial.zip

It is used to set social links. You can also enable / disable links

You can find mod_jssocial.zip in Extensions Folder

 

Go to Module Manager and find Social Information in position js-social

 

social

 

Select position : js-social

 

You can change links from template options

 

sociallinks

 

You can see Contact in demo


social_out

 

Output comes from file modules\mod_jssocial\helper.php

 

7) k2.zip

 

Blog [k2 Content]

 

K2 provides an out-of-the box integrated solution featuring rich content forms for items (think of Joomla articles with additional fields for article images, videos, image galleries and attachments), nested-level categories, tags, comments, a system to extend the item base form with additional fields

You can find k2.zip in Extensions Folder

 

Go to Module Manager and find Blog in position js-blog

 

k2

 

You can see Blog in demo


k2blog_out

 

Note : output comes from ROOT\templates\stamford\html\mod_k2_content\Default\default.php

 

Blog Entries [k2 tools -> Search Box]

 

Note : Module load in from ROOT\templates\stamford\html\com_k2\templates\default\item.php line 270

 

Go to Module Manager and find Blog Entries in position js-blogfooter

 

k2

 

You can see Blog Detail in demo


k2blogsearch_out

 

Note : output comes from ROOT\templates\stamford\html\mod_k2_tools\search.php

 

Tags Cloud [k2 tools -> Tag Cloud]

 

Note : Module load in from ROOT\templates\stamford\html\com_k2\templates\default\item.php line 270

 

Go to Module Manager and find Tags Cloud in position js-blogfooter

 

k2

 

You can see Blog Detail in demo


k2tagcloud_out

 

Note : output comes from ROOT\templates\stamford\html\mod_k2_tools\tags.php

 

Categories [k2 tools -> Categories List]

 

Note : Module load in from ROOT\templates\stamford\html\com_k2\templates\default\item.php line 270

 

Go to Module Manager and find Categories in position js-blogfooter

 

k2categories

 

You can see Blog Detail in demo


k2categories_out

 

Note : output comes from ROOT\templates\stamford\html\mod_k2_tools\categories.php

 

Click Here To Download : Download

 

 

8) mod_jdcontact.zip

JD Contact is an ajax contact us module where data send to admin and user without page refresh. Backend has option to customize the front-end view. There is option to set different email address for different department. This module also has option to send a copy of the mail to yourself

You can find mod_jdcontact.zip in Extensions Folder

 

Go to Module Manager and find Drop Me a Line in position js-contactform

 

mod_jdcontact

Select position : js-contactform

You can see Contact page in demo


mod_jdcontact_out

 

Note : For change texts go to ROOT -> language -> your current language -> en-GB.mod_jdcontact.ini

 

Click Here To Download : Download

 

 

9) mod_bt_googlemaps.zip

BT Google Map support you input both Address and Coordinate, create your custom marker with title, images, description

You can find mod_bt_googlemaps.zip in Extensions Folder

 

Go to Module Manager and find Our Location/b> in position js-map

 

map

Select position : js-map

You can see on demo in contact page


map

Click Here To Download : Download

 

 

Templates Files and Structure


Template Structure


structure

Description

  • css Folder

    Contains css files for template's native styles

  • fonts Folder

    The folder include fonts

            The following fonts were used:
                • Open Sans (Google font)
                • Oswald (Google font)
                • Lora (Google font)
            
  • html Folder

    Contains html files for extensions

  • images Folder

    The folder includes images required for template

  • js Folder

    All javascript plugins as well as custom developed scripts reside in this folder

  • language Folder

    The folder include 14 langauges which will changes Template parameter option

  • php Folder

    The folder include variable.php file for template options

  • index.php

    It is main template file which run first and you can see all position positions

  • template_preview.png

    Your site Preview image of site.

  • template_thumbnail.png

    Your site Thumbnail image of site.

  • templateDetails.xml

    Template Configuration file.

Images:
 
photodune - http://photodune.net/user/ollyi/portfolio
 
creativemarket - https://creativemarket.com/Vadim.Sherbakov
 
Note that all images used in the demo are not distributed with the theme. They are all credited to their respective creator/owner
 
 
Fonts:
 
Google Fonts - http://www.google.com/webfonts
 
Extensions:
 
com_jce - http://extensions.joomla.org/extensions/edition/editors/88
 
plg_system_sl_scrolltotop - http://extensions.joomla.org/extensions/structure-a-navigation/site-navigation/19772
 
k2 - http://extensions.joomla.org/extensions/authoring-a-content/content-construction/8061
 
mod_jdcontact - http://extensions.joomla.org/extensions/contacts-and-feedback/contact-forms/19261
 
mod_bt_googlemaps - http://extensions.joomla.org/extensions/maps-a-weather/maps-a-locations/street-maps/21040
 
 

Once again, thank you for purchasing this Template. As mentioned at the beginning of this documentation, we would be glad to help you if you have any questions related to this Template. Here is to be honest a simple documentation because we think there is no problem to implement your elements in this template because the code is clean and well commented

If you are satisfied with "Stamford – Joomla Photography Portfolio & Blog" please go to your downloads section on ThemeForest.net and rate Stamford with 5 stars. Otherwise, send an Email and I will try to find nice and easy solution for you :)

Hope that you will enjoy Stamford as much as I've enjoyed designing this template

 

Kind Regards,
Joomlastars team