User Tools

Site Tools


installation:getting-started

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
installation:getting-started [2016/02/03 08:55]
siteadmin
installation:getting-started [2016/12/26 15:02] (current)
siteadmin
Line 9: Line 9:
 ===== Step 2: Install Template ===== ===== Step 2: Install Template =====
  
-We frequently see our members posting in our [[http://​www.joombri.in/​forum|forum]] that after installing the package (step 1), the site doesn'​t look like our [[http://​demo.joombri.in|JoomBri Demo]] site. JoomBri Freelance is just a component and it doesn'​t include any template. The template we have used in our demo site is **Yoo Avion** from http://​www.yootheme.com/​ and you need a separate license from them.+We frequently see our members posting in our [[http://​www.joombri.in/​forum|forum]] that after installing the package (step 1), the site doesn'​t look like your [[http://​demo.joombri.in|JoomBri Demo]] site. JoomBri Freelance is just a component and it doesn'​t include any template. The template we have used in our demo site is **JoomBri Charm** based on YooTheme'​s Warp Framework.
  
 After installing the template, set it as default template. After installing the template, set it as default template.
Line 18: Line 18:
  
 ^Menu Title  ​ ^Menu Item Type           ^Parent Item         ^Other Options^ ^Menu Title  ​ ^Menu Item Type           ^Parent Item         ^Other Options^
-|Home  ​         |Articles ​→ Featured Articles ​  |Menu Item Root       ​| ​   | +|Home  ​         |Articles ​Featured Articles ​  |Menu Item Root       ​| ​   |
 |Hire             |Text Separator  ​         |Menu Item Root | ​   | |Hire             |Text Separator  ​         |Menu Item Root | ​   |
 |Post Project ​    ​|Project - Post New Project  ​ |Hire  ​               |    | |Post Project ​    ​|Project - Post New Project  ​ |Hire  ​               |    |
Line 31: Line 31:
 ===== Step 4: Position Modules ===== ===== Step 4: Position Modules =====
  
-When you install the package, all the required modules will be installed but will not be published. You need to publish and position them to your liking.+When you install the package, all the required modules will be installed but will not be published ​automatically. You need to publish and position them to your liking.
  
-^Title          ^Type                   ​^Position ^Menu Assignment  ​           ^Other Options^ +^Title               ​^Type                ^Position ^Menu Assignment  ​           ^Other Options^ 
-|Latest Projects |JoomBri Latest Projects |bottom-b |Only on the pages selected - Home |View Type: Thumbnail\\ Set Itemid: Browse Projects| +|Latest Projects ​     |JoomBri Latest Projects |bottom-b |Home  |View Type: Thumbnail\\ Set Itemid: Browse Projects| 
-|Latest Services |JoomBri Latest Services |bottom-b |Only on the pages selected - Home |Set Itemid: Browse Services| +|Latest Services ​     |JoomBri Latest Services |bottom-b |Home  |Set Itemid: Browse Services| 
-|Categories  |JoomBri Categories   ​|bottom-b |Only on the pages selected ​- Home |Set Itemid: Browse Projects| +|Browse By Categories |JoomBri Categories ​     |bottom-b |Browse Projects |Set Itemid: Browse Projects| 
-|Search Projects |JoomBri Search   ​|top-a         |Only on the pages selected - Home |Show Title: Hide\\ Status: Hide\\ Category: Hide\\ Budget: Hide\\ Set Itemid: Browse Projects| +|Categories  ​     |JoomBri Categories ​     |bottom-b |Home  |View Type: Thumbnail\\ ​Set Itemid: Browse Projects| 
-|Statistics  |JoomBri Statistics   ​|bottom-c  |Only on the pages selected - Home |Show Title: Hide\\ Display Type:  Horizontal |  +|Search Projects ​     |JoomBri Search        |search-hidden ​   ​|Home  |Show Title: Hide\\ Status: Hide\\ Category: Hide\\ Budget: Hide\\ Set Itemid: Browse Projects| 
-|New Freelancers |JoomBri Users  ​         |bottom-a |Only on the pages selected - Home |User Group: Freelancer\\ Set Itemid: Find Freelancers| +|Statistics       ​|JoomBri Statistics ​     |block-footer  ​|Home ​ |Show Title: Hide\\ Display Type:  Horizontal |  
-|Tags          |JoomBri Tags           ​|bottom-a |Only on the pages selected - Home |Set Itemid: Browse Projects| +|New Freelancers ​     |JoomBri Users           ​|bottom-a |Home  |User Group: Freelancer\\ Set Itemid: Find Freelancers| 
-|New Buyers  |JoomBri Users           ​|bottom-a |Only on the pages selected - Home |User Group: Buyer\\ Set Itemid: Find Freelancers|+|Tags               ​|JoomBri Tags        |bottom-a |Home  |Set Itemid: Browse Projects| 
 +|New Buyers       ​|JoomBri Users        |bottom-a |Home  |User Group: Buyer\\ Set Itemid: Find Freelancers
 +|User Balance  ​     |JoomBri Balance  ​      ​|toolbar-r |All Pages |Access:​ Registered|
  
 **Note:** **Note:**
-  - The above module positions are specific to YOO templates only. If you are using some other templates, the above config ​will not work.+  - The above module positions are specific to Yoo templates only. If you are using some other templates, the above module positions ​will not work.
  
 ===== Step 5: Direct Registration ===== ===== Step 5: Direct Registration =====
Line 56: Line 58:
   * Edit **JoomBri Custom PHP**.   * Edit **JoomBri Custom PHP**.
   * Under //Code//, add the script given below.   * Under //Code//, add the script given below.
-  * Set the position to **top-a** (only for Yoo Avion).+  * Set the position to **top-hero** (only for JoomBri Charm).
  
 __Welcome:​__ __Welcome:​__
  
 <code php> <code php>
-<div class> +<div class="​uk-section uk-light uk-section-image uk-flex uk-flex-middle ​uk-background-norepeat ​uk-background-cover ​uk-overlay-background" ​style="min-height: calc(100vh ​80px);">​ 
- <div class="​uk-text-center">​ +<div class="​uk-width-1-1">​ 
- <h1 class="​uk-heading-large tm-heading-border"​ data-uk-scrollspy="​{cls:'​uk-animation-slide-top',​ delay:​100}">​Work done easy</​h1>​ +<div class="​uk-container1">​ 
- <p class="​uk-text-large"​ data-uk-scrollspy="​{cls:'​uk-animation-slide-top',​ delay:200}">Tell us what you need done and discover talented freelancers <br class="uk-hidden-small" ​/>within minutes for just a fraction of the cost!</​p>​ +<div class="​uk-grid-margin uk-grid uk-grid-stack" ​uk-grid="">​ 
- </div+<​div ​class="uk-width-1-1 uk-first-column">​ 
- <div class="​uk-text-center">​ +<h1 class="uk-margin-remove-top uk-text-center uk-heading-primary uk-scrollspy-inview uk-animation-fade">​ 
- <form class="​form-validate"​ action="​index.php/​register"​ method="​post"​ name="​userGroup"​ style="​display:​ inline; +Work done easy 
- ">​ +</h1
- <div class="​input-prepend"><​button class="​btn btn-large btn-warning" ​type="submit">Work</​button></​div+<div class="​uk-margin uk-width-xlarge uk-margin-auto uk-text-center uk-scrollspy-inview uk-animation-fade uk-text-large">​ 
- <input type="​hidden"​ name="​check"​ value="​post"​ />  +Tell us what you need done and discover talented freelancers ​<br class="uk-hidden-small" />within minutes for just a fraction of the cost!
- <input type="​hidden"​ name="​ugid"​ value="​1" ​/>  +
- <input type="hidden" ​name="​option"​ value="​com_jblance"​ />  +
- <input type="​hidden"​ name="​task"​ value="​guest.grabusergroupinfo"​ /> +
- <?php echo JHTML::​_('​form.token'​);​ ?> +
- </form+
- <form class="​form-validate"​ action="​index.php/​register"​ method="​post"​ name="​userGroup"​ style="​display:​ inline; +
- ">​ +
- <div class="​input-prepend"><​button class="​btn btn-large btn-success"​ type="​submit">​Hire</​button></​div+
- <input type="​hidden" name="​check"​ value="​post" />  +
- <input type="​hidden"​ name="​ugid"​ value="​2"​ />  +
- <input type="​hidden"​ name="​option"​ value="​com_jblance"​ />  +
- <input type="​hidden"​ name="​task"​ value="​guest.grabusergroupinfo"​ /> +
- <?php echo JHTML::​_('​form.token'​);​ ?> +
- </​form>​ +
- </​div>​+
 </​div>​ </​div>​
 +<div class="​uk-text-center">​
 +<form class="​form-validate"​ action="​index.php/​register"​ method="​post"​ name="​userGroup"​ style="​display:​ inline;
 +">
 +<div class="​input-prepend"><​button class="​btn btn-large btn-warning"​ type="​submit">​Work</​button></​div>​
 +<input type="​hidden"​ name="​check"​ value="​post"​ /> 
 +<input type="​hidden"​ name="​ugid"​ value="​1"​ /> 
 +<input type="​hidden"​ name="​option"​ value="​com_jblance"​ /> 
 +<input type="​hidden"​ name="​task"​ value="​guest.grabusergroupinfo"​ />
 +<?php echo JHTML::​_('​form.token'​);​ ?>
 +</​form>​
 +<form class="​form-validate"​ action="​index.php/​register"​ method="​post"​ name="​userGroup"​ style="​display:​ inline;
 +">
 +<div class="​input-prepend"><​button class="​btn btn-large btn-success"​ type="​submit">​Hire</​button></​div>​
 +<input type="​hidden"​ name="​check"​ value="​post"​ /> 
 +<input type="​hidden"​ name="​ugid"​ value="​2"​ /> 
 +<input type="​hidden"​ name="​option"​ value="​com_jblance"​ /> 
 +<input type="​hidden"​ name="​task"​ value="​guest.grabusergroupinfo"​ />
 +<?php echo JHTML::​_('​form.token'​);​ ?>
 +</​form>​
 +</​div>​
 +</​div>​
 +<div class="​uk-width-large-1-1"​ data-uk-scrollspy="​{cls:'​uk-animation-slide-bottom',​ delay:​200}">​
 +{loadposition search-hidden}
 +</​div>​
 +</​div>​
 +</​div>​
 +</​div>​
 +</​div> ​
 </​code>​ </​code>​
 In the above codes, you should replace **ugid** values with the user group ID. By default, it is 1 & 2 which is already set in the above code. In the above codes, you should replace **ugid** values with the user group ID. By default, it is 1 & 2 which is already set in the above code.
Line 92: Line 107:
 ===== Step 6: Placing Logo ===== ===== Step 6: Placing Logo =====
  
-Yoo templates have easy way to place logo on your website. ​To set logo,+To set logo,
  
   * Login to backend.   * Login to backend.
   * Go to **Extensions -> Modules**.   * Go to **Extensions -> Modules**.
   * Click on **New** icon on the toolbar.   * Click on **New** icon on the toolbar.
-  * Select **Custom ​HTML** module type from the list.+  * Select **Custom** module type from the list.
   * Set the **Position** of the module to **logo**.   * Set the **Position** of the module to **logo**.
   * Under //Custom output//, add the HTML code given below and save it.   * Under //Custom output//, add the HTML code given below and save it.
Line 133: Line 148:
 Finally //Save & Close// to save the module. Finally //Save & Close// to save the module.
  
-===== Step 9: Individual ​Module ​Styling ​=====+===== Step 9: Placing Footer ​Module =====
  
-Extensions ​→ Templates → yoo_avion – Default (edit) → Options → Modules ​+  * Login to backend. 
 +  * Go to **Extensions ​-> Modules**. 
 +  * Click on **New** icon on the toolbar. 
 +  * Select **Custom** module type from the list. 
 +  * Set the **Position** of the module to **footer**. 
 +  * Under //Custom output//, add the HTML code given below and save it. 
 +<code html> 
 +<div class="​uk-container uk-container-center uk-text-left">​ 
 +<div class="​uk-grid">​ 
 +<div class="​uk-width-1-3">​ 
 +<h3 class="​uk-text-muted">​Useful Links</​h3>​ 
 +<ul class="​uk-list tm-list-icon">​ 
 +<​li><​a class="​uk-link-muted"​ href="#">​About Us</​a></​li>​ 
 +<​li><​a class="​uk-link-muted"​ href="#">​Terms &amp; Conditions</​a></​li>​ 
 +<​li><​a class="​uk-link-muted"​ href="#">​Disclaimer</​a></​li>​ 
 +</​ul>​ 
 +</​div>​ 
 +<div class="​uk-width-1-3">​ 
 +<h3 class="​uk-text-muted">​Support</​h3>​ 
 +<ul class="​uk-list tm-list-icon">​ 
 +<​li><​a class="​uk-link-muted"​ href="#">​FAQs</​a></​li>​ 
 +<​li><​a class="​uk-link-muted"​ href="#">​How it works?</​a></​li>​ 
 +<​li><​a class="​uk-link-muted"​ href="#">​Contact Us</​a></​li>​ 
 +</​ul>​ 
 +</​div>​ 
 +<div class="​uk-width-1-3">​ 
 +<div class="">​ 
 +<h3 class="​uk-text-muted">​Follow us on</​h3>​ 
 +<a class="​uk-margin-right uk-icon-hover uk-icon-twitter"​ href="#">&​nbsp;</​a>​  
 +<a class="​uk-margin-right uk-icon-hover uk-icon-facebook-square"​ href="#">&​nbsp;</​a>​  
 +<a class="​uk-margin-right uk-icon-hover uk-icon-google-plus"​ href="#">&​nbsp;</​a>​  
 +<a class="​uk-margin-right uk-icon-hover uk-icon-linkedin-square"​ href="#">&​nbsp;</​a></​div>​ 
 +</​div>​ 
 +</​div>​ 
 +</​div>​
  
-Following three modules needs special setting which is applicable only to Yoo Avion. Configure the following modules as given below. +</​code> ​
-  * Welcome: +
-    * Style: **Box Primary** +
-    * Animation: **Auto** +
-  * Search Projects: +
-    * Class: **uk-flex uk-flex-center uk-flex-middle** +
-    * Animation: **Auto** +
-    * Center: **Checked** +
-  * Statistics:​ +
-    * Animation: **Auto**+
installation/getting-started.txt · Last modified: 2016/12/26 15:02 by siteadmin