Thank you for purchasing this template. If you have any questions that are beyond the scope of this help file, please feel free to visit our forums. We will do our best to be helpful to you.


RiverS is a multifunctional Responsive Joomla Template. It will suit ideally for business, software, store, product, or blog websites. The theme features clean, modern design and a convenient administration panel which provides numerous options to manage and modify any aspect of the theme regardless of your coding skill level. All the elements in this theme are optimized to work flawless on touch screen devices. Swipe, tap, double tap theme’s elements to experience the fluid and responsive structure. 4 responsive sliders, filterable portfolio with various layouts, a comprehensive list of shortcodes and a shortocode system covering most scenarios, pricing tables and numerous jquery enhancements are just a small part of what the theme offers. With it’s 100+ features RiverS is providing you with the professional look your website might be looking for.


Watch Demo          Need Help?


File Structure after unzip your downloaded file

After downloading your file from Themeforest, you'll have the following Subfolders:

  1. Documentation - this is the file you have open at the moment, please read carefully to understand
  2. Joomla 2.5 - recommended Version
    1. Quickstart - This folder Contains the Quickstart Package, it's recommended to use this file to start
    2. Piece-by-Piece - This folder Contains the whole Theme Piece-by-Piece, means Theme, Components, Modules and Plugins. But all not pre configurated, so it will be a lot of work to have the same Site as shown in our Demo
  3. Joomla 3.0 - alternate Version
    1. Quickstart - This folder Contains the Quickstart Package, it's recommended to use this file to start
    2. Piece-by-Piece - This folder Contains the whole Theme Piece-by-Piece, means Theme, Components, Modules and Plugins. But all not pre configurated, so it will be a lot of work to have the same Site as shown in our Demo
  4. PSD Files - if you want to use own graphics for the Theme or some extensons, you'll find here the Source PSD Files

Experience with Joomla? have you ever used Joomla?

Beginner

You have never used Joomla and have no experience how to use this Conent Managment System? So please have a look at the below Informations:

• About Joomla
• Learn Joomla
• Getting Started
• FAQ Frequently Asked Questions
• Find the information you need
• Find help and other users
• Post questions at Joomla forums

Advanced

You have used Joomla a few Times and have experience in using this Software. In best case you have build a few other sites with Joomla and maybe have used a few other Themes for Joomla? So you will have really no problem to setup this Theme.

If you have a few other Questions you can contact us over our Support Forum (see also the big Button above)

Professional

You are a Joomla Professional and have much experience with Joomla, maybe you're a developer which have no time to build an own Theme. So you will be in a position to really easy modify this Theme to your needs. Simple PHP Code and easy CSS.

Feel free to modify this Theme to your needs, change the Code or general functions, but be careful, no support for modifications


Requirements for Joomla 2.5.x & Joomla 3.1.x

The full Requirements for using Joomla can be found directly on the Joomla Website. Please CLICK HERE to see the detailed informations.


Which Version should I use? Joomla 2.5.x or Joomla 3.1.x

We strongly recommended you to use Version 2.5, cause Joomla 3.0 isn't a LTR (Long time release)! But if you want to use Joomla 3.0, you can also use this, it's a STR (Short time release). But note: we found a few Bugs in Joomla 3.1.x which aren't still corrected and in the Bugtracker, so if you want to use it, do it. But do it with your own Risk for some small errors and breaking functionalities.

Installation It's your Choice

Please note: The Main Difference between a Quickstart and a Piece-by-Piece Installation is the following: A Quickstart is easy to use, it contains a Joomla Version and all Extensions are installed and pre configurated! A Piece-by-Piece Installation means you first must install Joomla, then the Theme and configurate it, then the Components and configurate it, then the Modules and configurate it, the the Plugins and configurate it and then creating the whole pages, menus, basic settings and so on! So we recommend you to use the easy Way.

The Easy Way (strongly recommended)
The Long and Hard Way (NOT recommended)

Template See and understand the available Template Options


Please note: This is NOT THE ONLY DOCUMENTATION for the Theme, you also have for every Field an Tooltip with an declaration. Simply hover over the Fields to see it!


Layout Choose between a Wide Layout (full-width of every Browser) or a Boxed Layout, test it to see the Main Changes, they are huge.

Main Color: Choose your favorite Color for the whole Theme, click in the field to see a Color Picker or if you know type in your HEX Value.

Template Width: You can define an own Width for the Theme, it's not recommend to do this but if needed, you can enter here your own Value (Important: without the Pixels).



Image for Logo Choose your Image for the Logo, we recommended a transparent PNG File, round about 200x50 Pixels.

Alternative Text This field is for Search Engines only, it's the ALT-Tag for the Logo, so simply use your Company or Website Name.

Margin Top If your Logo is higher or have another ratio then our sample Logo, you can here change the Value for the Margin to the Top (Important: without the Pixels).

Margin Bottom If your Logo is higher or have another ratio then our sample Logo, you can here change the Value for the Margin to the Bottom (Important: without the Pixels).

Maximum Height If your Logo is higher or have another ratio then our sample Logo, you can here change the Value for the max height to "shrink" it and make it better fit (Important: without the Pixels).



Headline Font Choose the Font for the Headlines (means H1, H2, H3, H4, H5, H6), choose between a custom Google Font or some Basic Webfonts.

Google Font Code (optional: this is only needed when you decide to use a Google Font) Copy here the Value from Google's Quick use of a Webfont. Click on 'How to use' and then on 'Browse all Fonts'. Alternate watch our Video above, there you will also see how to change the Fonts.

Google Font CSS (optional: this is only needed when you decide to use a Google Font) Copy here the Value from Google's Quick use of a Webfont. Using ECWID? In this case you will need an additional feature. When copy and paste the Google CSS, please insert a '!important' close before the ; in the Syntax. Demo: font-family: 'Share Tech Mono', sans-serif !important;

Headline Weight (optional) When needed you can choose here a different font-weight for the Headlines, very thin till very bold - the Google Font should support such special Font Weights, otherwise use '400'.

Body Font Choose the Font for the Main Body (means all Elements expact H1, H2, H3, H4, H5, H6), choose between a custom Google Font, the Headline Font or some Basic Webfonts.

Google Font Code (optional: this is only needed when you decide to use a Google Font) Copy here the Value from Google's Quick use of a Webfont. Click on 'How to use' and then on 'Browse all Fonts'. Alternate watch our Video above, there you will also see how to change the Fonts.

Google Font CSS (optional: this is only needed when you decide to use a Google Font) Copy here the Value from Google's Quick use of a Webfont. Using ECWID? In this case you will need an additional feature. When copy and paste the Google CSS, please insert a '!important' close before the ; in the Syntax. Demo: font-family: 'Share Tech Mono', sans-serif !important;



Background Image: Choose your Favorite Background Image, click on the Link after the field to see all available Backgrounds. If you want to use an own, please scroll below to the FAQ Section.

Activate Full Screen Background: If you want to use a Full Screen Background Slideshow OR a Full Screen Static Image please set this option to "YES". But Attention: if you activate this option and set no Image this will break the Javascript of your site

Image 1 - 5: Please choose your Image for the Full Screen Background Slideshow, a good size is about 1.600 x 1.200 Pixel and the file size is round about 100 - 200 KB.

Duration Time Please set the Duration time for each Slide

Fade Time Please set the Fade time for each Slide



Dropdown Width Also you have the possibility to give the Dropdown Menu on Top a higher Width for the Hover Menu (Important: without the Pixels).

Level2 - Dropdown Direction You can choose the flyout direction of the Subnavigation.

Level3 - Dropdown Direction You can choose the flyout direction of the Subnavigation.

Mobile Menu Style You can choose your favorite Menu for the responsive Main Menu on smaller Devices, Select List is working best on all Devices cause of native Support.



Activate Top Area If activated, there's a dark Topbar at the Top of the Theme.

Open Links in new Window If activated, the Social Links on top will get a 'target="_blank"', which means the Links are opened in a new Browser Window.

URL for (SOCIAL) If wanted, you can include your own Links to your Social Networks here, if the Value is empty, the Link will not be shown, choose between your favourite Networks.



Display current year If activated, in the Footer Line (at the Bottom Left) the current year appears.

Text for footer Here you can enter your Value for the Footer Text, in most cases type here some copyright or similar. Regular HTML or Shortcodes are possible.



Activate ECWID Styling If you are NOT using ECWID e-commerce, you can turn this option to 'off', so it loads no additional CSS Files and Styles.

Activate Shopping Cart Icon If set to 'yes' on the Top (where the Social Links are) is displayed a small Cart Icon

Link to the Shopping Cart Enter the Value for the Shopping Cart, simply opens your ECWID Cart and copy the URL and paste it in this Field

Tooltip Text The Social Links has a default Tooltip, also the optional Shopping Cart Icon, enter your Value for the Tooltip here

Display SKU on Product Detail Turn on/off the Value for the SKU in ECWID

Display in Stock Turn on/off the Value for the 'in Stock Message'

Display Quantity Available Turn on/off the Value for the Quantity Availability Message

Display SKU on Category View Turn on/off the Value for the SKU in ECWID

Display Item Counter Did you want to display the ECWID Item Counter in the Category View (this is the Bar where dispays for example 'show 1-8 from 36 Articles'). Pagination is always available if needed.

Display Control Panel Did you want to display Control Label? This is the Bar where you can switch the different Views and sort the Articles



Load jQuery from Please choose from where you want to load jQuery. We recommend to use it from the Theme, but you can also choose to load it from the Joomla Core (Attention: Joomla 3.x only)

Load Tooltip If you don't have any plans to use the Tooltips you can deactive this Javascript here, this can speed up your Site

Load TouchSwipe If you don't have any plans to use the Touch Swipe Function you can deactive this Javascript here, this can speed up your Site

Load Titan Lightbox If you don't have any plans to use the Titan Lightbox you can deactive this Javascript here, this can speed up your Site



Load Custom.css If activated there's a additional CSS File loaded into the Theme called custom.css (located in joomla/templates/name/css/custom.css). This is the last CSS File which is loaded, so your styles placed in this file will override all other CSS Styles of the Theme.

Code for Head Here you can include some Styles. Remember: Filter="raw", means that all is saved, also when you type in some errors, it's no WYSIWIG Editor.

Code for Footer Here you can include some Javascripts before the closing Body Tag, this is perfect for using Analytics like Piwik or GoogleAnalytics


Extensions all available Joomla Extensions for this Theme


How to install Extensions?

Log in into the Joomla Backend and navigate on the Top to Extensions - Extension Manager. There you can select a ZIP-File where the Extension include! Simply choose the given one and press 'upload & install'. But please note: if you choose the Quickstart Package you must not install the Extensions seperatly, they are all included and configurated yet!


Components

XMAP - Xmap is Component for creating a HTML and XML Sitemap for Search Engines. It's also used to display a Web Sitemap for Overview. Choose the Component XMAP to install, it's a installer Package and includes not only the Component, also the needed Plugins are installed with this!

ROK ECWID (optional) - ECWID is Component for creating a e-commerce Store. Choose the Component ROK ECWID to install, it's a installer Package and includes not only the Component, also the needed Modules and Plugins are installed with this!


Modules

Slideshow CK - This Module is for creating a Slideshow with CAMERA Slider, release it for best working under the Module Position 'slideshow'

WS About us - This Module is to display a 'About us' Box like in our Demo on the Bottom Left with the small Introtext and the Icons. On Demo it's released under the Module Position 'bottom1'

WS Accordion - This Module is like the Name allready said, for creating a Accordion

WS Bottomline - This Module is for creating the nice transparent Section with the Button, release it for best working under the Module Position 'bottomline'

WS Carousel - This Module is for displaying your latest work! It's the Carousel Function on the Main Page. On Demo it's released under the Module Position 'top1'

WS Error - This Module is for displaying the 404 Error Site. You will find a detailed Documentation about this Module inside the Module Informations

Extro Domainchecker - This Module is a simple Domain Checker Module for Joomla in the lite Version. The full version with much more features is available for sale here

WS Flexslider - This Module is for creating a Slideshow with Flexslider, release it for best working under the Module Position 'slideshow'

WS Gmap - This Module is for creating a Google Map, release it for best working under the Module Position 'top1' of your Contact Page

WS Icon Block - This Module is for creating a Icon Block like the 4 Block on the Demo Alternate Layout 2 with the nice Hover Effect, release it for best working under the Module Position 'top1' and 'top2'

WDS Twitter Widget - This Module is to display a Twitter News Feed like in the Demo on the Bottom Right. On Demo it's released under the Module Position 'bottom3'. Please note that a Twitter app is required for this Module

WS Partners - This Module is to display some Icons of your Partners with a nice Tooltip. On Demo it's released in the Main Content

WS Portfolio - This Module is an awesome Portfolio with a lot of options to show your latest work in a nice and stunning way using Isotope

WS Pricing - This Module is to display a Pricing Table on your Website

WS Rapid Contact - This Module is a simple Contact Form Module based on the popular Rapid Contact Form, we only have changed a few Settings and made some Overrides to it

WS Register - This Module is to display a register Form inside a Reveal Lightbox, simply release it under the Moduleposition 'register'

WS Revolution - This Module is for creating a Slideshow with Revolution Slider, release it for best working under the Module Position 'slideshow'

WS Slicebox Slider - This Module is for creating a Slideshow with 3D Effect, release it for best working under the Module Position 'slideshow'

WS Tabs - This Module is like the name allready said for showing a nice Tab Switcher for Content

WS Testimonials - This Module is for showing some Testimonials of your Clients, use the Shortcodes below to create the same look like we have in the Demo. Simply use the following Shortcode to create a Testimonial Item: {testimonial}Your Content goes here{testimonial-name | Name or Link here}

WS Tabs - This Module is like the name allready said for showing a nice Tab Switcher for Content

WS Top Highlight - This Module is for creating a Icon Block like the 3 Block on the Demo with the nice Hover Effect, release it for best working under the Module Position 'top1' and 'top2' and 'top3'

WS Topline - This Module is for creating the colored Topline with Text under the Slideshow


Plugins

WS Shortcode System - VERY IMPORTANT PLUGIN - This Plugin is our self developed Shortcode System for Joomla, without this a lot of functions are NOT available, so please make sure that this is installed AND activated (Joomla Backend under Extensions - Plugins).

WS Shortcode Button - VERY IMPORTANT PLUGIN - This Plugin is our self developed Shortcode System Button Plugin for Joomla, without this it will be hard to use our Shortcodes. So please make sure that this is installed AND activated (Joomla Backend under Extensions - Plugins).

WS Titangallery - This Plugin is for creating a nice and stunning Image Gallery with a Titan Lightbox. Please see the detailed Documentation inside the Plugin or use the Shortcode Button to create this Gallery. If you install manual, please make sure it's activated (Joomla Backend under Extensions - Plugins).

Module Positions See most available Module Positions



Shortcodes See here all available Shortcodes


Shortcodes are easy to use everywhere in your Content or in nearly all Modules. Simply click on the integrated Shortcode Button in Joomla editing, and copy the Shortcode into your Content. Modify it to your needs, save, and see the stunning effects. For a small demonstration how they work exactly please refer to our Demo Video above, there you will see how easy it is to use and integrate them.

FAQ Maybe you have some questions



I recommend using Firebug Addon from Mozilla. This way you will find exact styles applied for each tag and trust me, it will make your life easier. It also has a console to track JS errors. Here you can see a demos using Firebug http://www.youtube.com/results?search_query=firebug.

Just download it and test it, you won't regret it, i promise you!

Credits We've used the following images, scripts and extensions


  1. Foundation Framework - The most advanced responsive front-end framework in the world.
  2. Slider Revolution - Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines)
  3. Titan Lightbox - an awesome lightbox gallery script which supports a wide assortment of images, html content, maps, and videos.
  4. Isotope - Sort items by just about anything
  5. carouFredSel - A circular, responsive carousel plugin built using the jQuery library: carouFredSel. It can scroll any HTML element, one or multiple items simultaneously
  6. Flexislider - An awesome, fully responsive jQuery slider plugin.
  7. Camera Slider - a free jQuery slideshow by Pixedelic
  8. tipsy - Facebook-style tooltip plugin for jQuery
  9. Icons - icons provided by Font Awesome and DEFAULTICON
  10. Flexslider from WooThemes
  11. XMap Component
  12. ECWID e-commerce

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the Support Forums

© 2012 by WS-Theme.com and 4GraFx   |   Support Forum   |   Mail us for Custom work   |   Demo Server with other Themes