$elements, // General Options 'options' => array( 'global' => array( 'breakpoint' => array( 'title' => __( 'Apply when the screen width is less than', 'us' ), 'type' => 'slider', 'std' => '900px', 'options' => array( 'px' => array( 'min' => 300, 'max' => 1200, ), ), 'show_if' => array( // Placing stub condition that will always be true but will force to check this show_if rule array( 'orientation', 'in', array( 'hor', 'ver' ) ), 'and', array( 'state', '!=', 'default' ), ), ), 'orientation' => array( 'title' => __( 'Orientation', 'us' ), 'type' => 'radio', 'options' => array( 'hor' => __( 'Horizontal', 'us' ), 'ver' => __( 'Vertical', 'us' ), ), 'std' => 'hor', ), 'sticky' => array( 'switch_text' => __( 'Sticky Header', 'us' ), 'type' => 'switch', 'description' => __( 'Fix the header at the top of a page during scroll', 'us' ), 'std' => TRUE, 'classes' => 'desc_2', 'show_if' => array( 'orientation', '=', 'hor' ), ), 'scroll_breakpoint' => array( 'title' => __( 'Header Scroll Breakpoint', 'us' ), 'description' => __( 'This option sets scroll distance from the top of a page after which the sticky header will be shrunk', 'us' ), 'type' => 'slider', 'std' => '100px', 'options' => array( 'px' => array( 'min' => 1, 'max' => 200, ), ), 'classes' => 'desc_2 desc_fix', 'show_if' => array( array( 'orientation', '=', 'hor' ), 'and', array( 'sticky', '=', TRUE ), ), ), 'transparent' => array( 'switch_text' => __( 'Transparent Header', 'us' ), 'type' => 'switch', 'description' => __( 'Make the header transparent at its initial position', 'us' ), 'std' => FALSE, 'classes' => 'desc_2', 'show_if' => array( 'orientation', '=', 'hor' ), ), 'width' => array( 'title' => __( 'Header Width', 'us' ), 'type' => 'slider', 'std' => '300px', 'options' => array( 'px' => array( 'min' => 200, 'max' => 400, ), 'rem' => array( 'min' => 10.0, 'max' => 30.0, 'step' => 0.1, ), ), 'show_if' => array( 'orientation', '=', 'ver' ), ), 'elm_align' => array( 'title' => __( 'Elements Alignment', 'us' ), 'type' => 'radio', 'options' => array( 'left' => us_translate( 'Left' ), 'center' => us_translate( 'Center' ), 'right' => us_translate( 'Right' ), ), 'std' => 'center', 'show_if' => array( 'orientation', '=', 'ver' ), ), 'shadow' => array( 'title' => __( 'Header Shadow', 'us' ), 'type' => 'radio', 'options' => array( 'none' => us_translate( 'None' ), 'thin' => __( 'Thin', 'us' ), 'wide' => __( 'Wide', 'us' ), ), 'std' => 'thin', ), ), 'top' => array( 'top_show' => array( 'switch_text' => __( 'Show Area', 'us' ), 'type' => 'switch', 'std' => TRUE, ), 'top_height' => array( 'title' => __( 'Area Height', 'us' ), 'type' => 'slider', 'std' => '40px', 'options' => array( // Adding new units needs TONS of changes in "header.css.php", so leave "px" only now 'px' => array( 'min' => 40, 'max' => 300, ), ), 'show_if' => array( array( 'top_show', '=', TRUE ), 'and', array( 'orientation', '=', 'hor' ), ), ), 'top_sticky_height' => array( 'title' => __( 'Sticky Area Height', 'us' ), 'type' => 'slider', 'std' => '40px', 'options' => array( 'px' => array( 'min' => 0, 'max' => 300, ), ), 'show_if' => array( array( 'sticky', '=', TRUE ), 'and', array( 'top_show', '=', TRUE ), 'and', array( 'orientation', '=', 'hor' ), ), ), 'top_fullwidth' => array( 'switch_text' => __( 'Full Width Content', 'us' ), 'type' => 'switch', 'std' => FALSE, 'show_if' => array( array( 'top_show', '=', TRUE ), 'and', array( 'orientation', '=', 'hor' ), 'and', array( 'state', '=', 'default' ), ), ), 'top_centering' => array( 'switch_text' => __( 'Center the middle cell', 'us' ), 'type' => 'switch', 'std' => FALSE, 'show_if' => array( array( 'top_show', '=', TRUE ), 'and', array( 'orientation', '=', 'hor' ), 'and', array( 'state', '=', 'default' ), ), ), ), 'middle' => array( 'middle_height' => array( 'title' => __( 'Area Height', 'us' ), 'type' => 'slider', 'std' => '80px', 'options' => array( // Adding new units needs TONS of changes in "header.css.php", so leave "px" only now 'px' => array( 'min' => 40, 'max' => 300, ), ), 'show_if' => array( 'orientation', '=', 'hor' ), ), 'middle_sticky_height' => array( 'title' => __( 'Sticky Area Height', 'us' ), 'type' => 'slider', 'std' => '60px', 'options' => array( 'px' => array( 'min' => 0, 'max' => 300, ), ), 'show_if' => array( array( 'sticky', '=', TRUE ), 'and', array( 'orientation', '=', 'hor' ), ), ), 'middle_fullwidth' => array( 'switch_text' => __( 'Full Width Content', 'us' ), 'type' => 'switch', 'std' => FALSE, 'show_if' => array( array( 'orientation', '=', 'hor' ), 'and', array( 'state', '=', 'default' ), ), ), 'middle_centering' => array( 'switch_text' => __( 'Center the middle cell', 'us' ), 'type' => 'switch', 'std' => FALSE, 'show_if' => array( array( 'orientation', '=', 'hor' ), 'and', array( 'state', '=', 'default' ), ), ), 'elm_valign' => array( 'title' => __( 'Elements Vertical Alignment', 'us' ), 'type' => 'radio', 'options' => array( 'top' => us_translate( 'Top' ), 'middle' => us_translate( 'Middle' ), 'bottom' => us_translate( 'Bottom' ), ), 'std' => 'top', 'show_if' => array( array( 'orientation', '=', 'ver' ), 'and', array( 'state', '=', 'default' ), ), ), 'bg_img' => array( 'title' => __( 'Background Image', 'us' ), 'type' => 'upload', 'std' => '', ), 'bg_img_wrapper_start' => array( 'type' => 'wrapper_start', 'show_if' => array( 'bg_img', '!=', '' ), ), 'bg_img_size' => array( 'title' => __( 'Background Image Size', 'us' ), 'type' => 'select', 'options' => array( 'cover' => __( 'Fill Area', 'us' ), 'contain' => __( 'Fit to Area', 'us' ), 'initial' => __( 'Initial', 'us' ), ), 'std' => 'cover', ), 'bg_img_repeat' => array( 'title' => __( 'Background Image Repeat', 'us' ), 'type' => 'select', 'options' => array( 'repeat' => __( 'Repeat', 'us' ), 'repeat-x' => __( 'Horizontally', 'us' ), 'repeat-y' => __( 'Vertically', 'us' ), 'no-repeat' => us_translate( 'None' ), ), 'std' => 'repeat', ), 'bg_img_position' => array( 'title' => __( 'Background Image Position', 'us' ), 'type' => 'radio', 'options' => array( 'top left' => '', 'top center' => '', 'top right' => '', 'center left' => '', 'center center' => '', 'center right' => '', 'bottom left' => '', 'bottom center' => '', 'bottom right' => '', ), 'std' => 'top left', 'classes' => 'bgpos', ), 'bg_img_attachment' => array( 'type' => 'switch', 'switch_text' => us_translate( 'Scroll with Page' ), 'std' => TRUE, ), 'bg_img_wrapper_end' => array( 'type' => 'wrapper_end', ), ), 'bottom' => array( 'bottom_show' => array( 'switch_text' => __( 'Show Area', 'us' ), 'type' => 'switch', 'std' => TRUE, ), 'bottom_height' => array( 'title' => __( 'Area Height', 'us' ), 'type' => 'slider', 'std' => '50px', 'options' => array( 'px' => array( 'min' => 40, 'max' => 300, ), ), 'show_if' => array( array( 'bottom_show', '=', TRUE ), 'and', array( 'orientation', '=', 'hor' ), ), ), 'bottom_sticky_height' => array( 'title' => __( 'Sticky Area Height', 'us' ), 'type' => 'slider', 'std' => '50px', 'options' => array( 'px' => array( 'min' => 0, 'max' => 300, ), ), 'show_if' => array( array( 'sticky', '=', TRUE ), 'and', array( 'bottom_show', '=', TRUE ), 'and', array( 'orientation', '=', 'hor' ), ), ), 'bottom_fullwidth' => array( 'switch_text' => __( 'Full Width Content', 'us' ), 'type' => 'switch', 'std' => FALSE, 'show_if' => array( array( 'bottom_show', '=', TRUE ), 'and', array( 'orientation', '=', 'hor' ), 'and', array( 'state', '=', 'default' ), ), ), 'bottom_centering' => array( 'switch_text' => __( 'Center the middle cell', 'us' ), 'type' => 'switch', 'std' => FALSE, 'show_if' => array( array( 'bottom_show', '=', TRUE ), 'and', array( 'orientation', '=', 'hor' ), 'and', array( 'state', '=', 'default' ), ), ), ), ), );