jb Template Structure

Template StructureTemplate backgroundsTemplate background optionsTemplate typesCreate local headerLoad local header in WP

Template Layout

Consider left side graphic as a jb templates layout. Click on any of the parts/elements to see how it works: 

I. The template-parts (1 and 2) are: 
  • el-Header & el-Footer (grey) 
  • el-Index  (black) 
II. The template-elements (A/B/C) are: 
  • Header &  Footer content (blue)  
  • el-Navigation  (yellow)  
  • el-Stage  (orange) 
You can download hundreds of these parts and elements from our web site and import them into your template, after that you can convert them to a WordPress theme. More info about import / export  here:
The template header background (system name el-header), works same way as footer background (system name el-footer).  In further documentation we speak here mostly about el-header. You find these template parts on top and buttom of the page. 

el-header

el-footer

Intro

IntroChange the heightChange backgroundBackground options
The template header background (system name el-header), works same way as footer background (system name el-footer).  In further documentation we speak here mostly about el-header. You find these template parts on top and buttom of the page. 

el-header

el-footer

Intro

IntroChange the heightChange backgroundBackground options
The template part el-Index works mostly same way as el-header and el-footer  accept DF  value. So here a very brief description how it works.
  • Click in the page, p-win shows system message el-index. 
  • Open Template Settings, manage backgrounds.

Short overview

Short overviewManage DF value
Click in the center of the page, by this you see in p-win system info el-stage.

Activate el-stage

New Tab
ActivateSizePositionStage ManagerHideBackgroundScrollStage Effects
Header content (system name header movie), works same way as footer background (system name footer movie). In further documentation we speak here only about header movie, for footer movie is thus nothing new to learn. 

Header movie

Footer movie

Good News!

Good news!Access header/footer movieManage gridEdit content
Header content (system name header movie), works same way as footer background (system name footer movie). In further documentation we speak here only about header movie, for footer movie is thus nothing new to learn. 

Header movie

Footer movie

Good News!

Good news!Access header/footer movieManage gridEdit content
  • Click on page navigation, by this you see in p-win system info el-navigation.
  • Now you can place navigation where ever you want:
    • Either by drag and drop.
    • Or setting values in p-win fields H and Y
  • For the horizontal position we recommend:
    • Use in p-win buttons Left / Right / Center 
    • Set values in fields R and L. 
    • Don’t use field X.

Position

PositionStyleMulticolor navigation in WPMegamenu management

1

A

A

B

C

2

1

Was this helpful?