Na}{

File Content: `stacked2.php`

<?php

// No direct access.
defined('TEMPLAZA_FRAMEWORK') or exit();

use TemPlazaFramework\Functions;
use TemPlazaFramework\Templates;
use TemPlazaFramework\Menu;

$gb_options                 = Functions::get_theme_options();
$options                    = Functions::get_header_options();

$mode           = isset($options['header-stacked-menu-mode'])?$options['header-stacked-menu-mode']:'center';
$block_1_type   = isset($options['header-block-1-type'])?$options['header-block-1-type']:'blank';
$block_1_custom = isset($options['header-block-1-custom'])?$options['header-block-1-custom']:'';
$block_2_type   = isset($options['header-block-2-type'])?$options['header-block-2-type']:'blank';
$block_2_custom = isset($options['header-block-2-custom'])?$options['header-block-2-custom']:'';

$enable_offcanvas           = isset($options['enable-offcanvas'])?filter_var($options['enable-offcanvas'], FILTER_VALIDATE_BOOLEAN):false;
$offcanvas_animation        = isset($options['offcanvas-animation'])?$options['offcanvas-animation']:'st-effect-1';
$offcanvas_direction        = isset($options['offcanvas-direction'])?$options['offcanvas-direction']:'offcanvasDirLeft';
$offcanvas_togglevisibility = isset($options['offcanvas-togglevisibility'])?$options['offcanvas-togglevisibility']:'uk-display-block';

$dropdown_arrow             = isset($options['dropdown-arrow'])?filter_var($options['dropdown-arrow'], FILTER_VALIDATE_BOOLEAN):true;
//$dropdown_animation_speed   = isset($options['dropdown-animation-speed'])?(bool) $options['dropdown-animation-speed']:300;
//$dropdown_animation_ease    = isset($options['dropdown-animation-ease'])?(bool) $options['dropdown-animation-ease']:'linear';
$dropdown_animation_type    = isset($options['dropdown-animation-type'])?(bool) $options['dropdown-animation-type']:'fade';
$dropdown_animation_effect  = isset($options['dropdown-animation-effect'])?$options['dropdown-animation-effect']:'fade-down';
$dropdown_animation_effect  = $dropdown_animation_type === 'none'?'':$dropdown_animation_effect;
//$dropdown_animation_speed_1 = isset($options['dropdown-animation-speed-1'])?$options['dropdown-animation-speed-1']:300;
//$dropdown_animation_speed_2 = isset($options['dropdown-animation-speed-2'])?$options['dropdown-animation-speed-2']:300;
$dropdown_trigger           = isset($options['dropdown-trigger'])?$options['dropdown-trigger']:'hover';

$navClass = ['nav', 'navbar-nav', 'templaza-nav', 'uk-flex', 'uk-flex-center', 'uk-flex-middle'];
$navClassLeft = ['nav', 'navbar-nav', 'templaza-nav', 'uk-flex', 'uk-flex-left', 'uk-flex-top', 'uk-padding-remove-left'];
$navClassDivided = ['nav', 'navbar-nav', 'templaza-nav'];
$navWrapperClass = ['templaza-nav-wraper', 'uk-width', 'uk-visible@m', 'px-2'];

$header_menu                = isset($options['header-menu'])?$options['header-menu']:'header';
$header_menu_level          = isset($options['header-menu-level'])?(int) $options['header-menu-level']:0;
$block_1_sidebar            = isset($options['header-block-1-sidebar'])?$options['header-block-1-sidebar']:'';
$block_2_sidebar            = isset($options['header-block-2-sidebar'])?$options['header-block-2-sidebar']:'';
$header_mobile_menu         = isset($options['header-mobile-menu'])?$options['header-mobile-menu']:'header';

$navClass[] = $dropdown_animation_effect;
$navClassLeft[] = $dropdown_animation_effect;
//$dropdown_style = '.templaza-nav.'.$dropdown_animation_effect.' .sub-menu {
//    transition-duration: '.$dropdown_animation_speed_1.'ms, '.$dropdown_animation_speed_2.'ms;
//}';
//Templates::add_inline_style($dropdown_style);

// Get data attributes - them added from header shortcode
$data_attribs = $menu_datas = Functions::get_attributes('header');

$data_attribs    = join(' ', array_map(function($v, $k){
    return !empty($v)?$k . '="' . $v . '"':$k;
}, $data_attribs, array_keys($data_attribs)));
$data_attribs   = ' '.$data_attribs;
?>
<div class="uk-flex">
  <div class="header-stacked-section uk-flex uk-width uk-flex-column uk-flex-between ">
     <?php
     if ($mode == 'center') {
        echo '<div class="uk-flex uk-width uk-flex-center templaza-logo-center-wrap">';
        ?>
<!--        --><?php //if (!empty($header_mobile_menu)) { ?>
           <div class="uk-flex uk-flex-right uk-flex-middle uk-hidden@m">
              <div class="header-mobilemenu-trigger burger-menu-button uk-hidden@m" data-offcanvas="#templaza-mobilemenu" data-effect="mobilemenu-slide">
                 <button class="button" type="button"><span class="box"><span class="inner"></span></span></button>
              </div>
           </div>
<!--        --><?php //} ?>
        <?php
        echo '<div class="uk-flex uk-width uk-flex-center templaza-logo-center-wrap">';
        Templates::load_my_layout('logo');
        echo '</div>';
        if ($enable_offcanvas) {
           ?>
           <div class="uk-flex uk-flex-right uk-flex-middle">
              <div class="header-offcanvas-trigger burger-menu-button <?php echo esc_attr($offcanvas_togglevisibility); ?>" data-offcanvas="#templaza-offcanvas" data-effect="<?php echo esc_attr($offcanvas_animation); ?>" data-direction="<?php echo esc_attr($offcanvas_direction); ?>">
                 <button type="button" class="button">
                    <span class="box">
                       <span class="inner"></span>
                    </span>
                 </button>
              </div>
           </div>
           <?php
        }
        echo '</div>';
        // header nav starts -->
        ?>
        <div class="uk-flex uk-width uk-flex-center uk-flex-middle templaza-center-menu-wrap uk-visible@m pt-3"<?php echo wp_kses($data_attribs,'post');?>>
            <div class="<?php echo esc_attr(implode(' ', $navWrapperClass))?>">
               <?php
               Menu::get_nav_menu(array(
                   'theme_location'              => $header_menu,
                   'menu_class'                  => implode(' ', $navClass),
                   'container_class'             => implode(' ', $navWrapperClass),
                   'menu_id'                     => '',
                   'depth'                       => $header_menu_level, // Level
                   'templaza_megamenu_html_data' => $menu_datas
               ));
               ?>
            </div>
        </div>
        <?php
        // header nav ends
        // header block starts
         if ($block_1_type == 'sidebar' && is_active_sidebar($block_1_sidebar)){
             echo '<div class="uk-flex uk-width uk-flex-center uk-visible@m header-block-item py-3">';
             echo '<ul id="sidebar">';
             dynamic_sidebar($block_1_sidebar);
             echo '</ul>';
             echo '</div>';
         }
        if ($block_1_type == 'custom') {
           echo '<div class="uk-flex uk-width uk-flex-center uk-visible@m header-block-item py-3">';
           echo wp_kses($block_1_custom,'post');
           echo '</div>';
        }

        // header block ends
     }
     if ($mode == 'seperated') {
        // header block starts
         if ($block_1_type == 'sidebar' && is_active_sidebar($block_1_sidebar)){
             echo '<div class="uk-flex uk-width uk-flex-center uk-visible@m header-block-item py-3">';
             echo '<ul id="sidebar">';
             dynamic_sidebar($block_1_sidebar);
             echo '</ul>';
             echo '</div>';
         }
        if ($block_1_type == 'custom') {
            echo '<div class="uk-flex uk-width uk-flex-center uk-visible@m header-block-item py-3">';
           echo wp_kses($block_1_custom,'post');
           echo '</div>';
        }
        // header nav starts
        ?>
        <div class="header-stacked-inner uk-flex uk-width uk-flex-center uk-flex-middle"<?php echo wp_kses($data_attribs,'post');?>>
<!--           --><?php //if (!empty($header_mobile_menu)) { ?>
              <div class="uk-flex uk-flex-left uk-flex-middle uk-hidden@m">
                 <div class="header-mobilemenu-trigger d-lg-none burger-menu-button" data-offcanvas="#templaza-mobilemenu" data-effect="mobilemenu-slide">
                    <button class="button" type="button"><span class="box"><span class="inner"></span></span></button>
                 </div>
              </div>
              <?php
//           }
           echo '<div class="uk-flex uk-width uk-flex-center">';
           echo '<div class="uk-hidden@m">';
           Templates::load_my_layout('logo', true, false);
           echo '</div>';
           ?>
                <?php
                Menu::get_nav_menu(array(
                    'theme_location'  => $header_menu,
                    'menu_class'      => implode(' ', $navClass),
                    'container_class' => implode(' ', $navWrapperClass),
                    'menu_id'         => '',
                    'depth'           => $header_menu_level, // Level
                    'templaza_is_header'          => true,
                    'templaza_megamenu_html_data' => $menu_datas
                ));
                ?>
            <?php
           echo '</div>';
           if ($enable_offcanvas) {
              ?>
              <div class="uk-flex uk-flex-right uk-flex-middle">
                 <div class="header-offcanvas-trigger burger-menu-button <?php
                 echo esc_attr($offcanvas_togglevisibility); ?>" data-offcanvas="#templaza-offcanvas" data-effect="<?php
                 echo esc_attr($offcanvas_animation); ?>" data-direction="<?php echo esc_attr($offcanvas_direction); ?>">
                    <button type="button" class="button">
                       <span class="box">
                          <span class="inner"></span>
                       </span>
                    </button>
                 </div>
              </div>
              <?php
           }
           ?>
        </div>
        <?php
        // header nav ends
        // header block starts
         if ($block_2_type == 'sidebar' && is_active_sidebar($block_2_sidebar)){
             echo '<div class="uk-flex uk-width uk-flex-center uk-visible@m block-sidebar header-block-item py-3">';
             dynamic_sidebar($block_2_sidebar);
             echo '</div>';
         }
        if ($block_2_type == 'custom') {
           echo '<div class="uk-flex uk-width uk-flex-center uk-visible@m header-block-item py-3">';
           echo wp_kses($block_2_custom,'post');
           echo '</div>';
        }
        // header block ends
     }
     if ($mode == 'divided') {
        echo '<div class="uk-flex uk-width uk-flex-center templaza-divi-logo-wrap">';
        ?>
        <?php if (!empty($header_mobile_menu)) { ?>
           <div class="uk-flex uk-flex-left uk-flex-middle uk-hidden@m">
              <div class="uk-hidden@m header-mobilemenu-trigger burger-menu-button" data-offcanvas="#templaza-mobilemenu" data-effect="mobilemenu-slide">
                 <button class="button" type="button"><span class="box"><span class="inner"></span></span></button>
              </div>
           </div>
           <?php
        }
        if (!empty($block_1_type)) {
           echo '<div class="uk-flex uk-width uk-flex-center uk-flex-left@m">';
        } else {
           echo '<div class="uk-flex uk-width uk-flex-center py-3">';
        }
        Templates::load_my_layout('logo');
        echo '</div>';

        // header block starts
         if ($block_1_type == 'sidebar' && is_active_sidebar($block_1_sidebar)){
             echo '<div class="uk-flex uk-width uk-flex-right uk-flex-middle uk-visible@m block-sidebar header-block-item py-3">';
             dynamic_sidebar($block_1_sidebar);
             echo '</div>';
         }
        if ($block_1_type == 'custom') {
           echo '<div class="uk-flex uk-width uk-flex-right uk-flex-middle uk-visible@m header-block-item py-3">';
           echo wp_kses($block_1_custom,'post');
           echo '</div>';
        }
        // header block ends

        if ($enable_offcanvas) {
           ?>
           <div class="uk-flex uk-flex-right uk-flex-middle">
              <div class="header-offcanvas-trigger burger-menu-button <?php echo esc_attr($offcanvas_togglevisibility);
              ?>" data-offcanvas="#templaza-offcanvas" data-effect="<?php echo esc_attr($offcanvas_animation);
              ?>" data-direction="<?php echo esc_attr($offcanvas_direction); ?>">
                 <button type="button" class="button">
                    <span class="box">
                       <span class="inner"></span>
                    </span>
                 </button>
              </div>
           </div>
           <?php
        }
        echo '</div>';
        // header nav starts -->
        echo '<div class="uk-flex uk-width uk-visible@m templaza-divi-menu-wrap">';
        ?>
        <div class="uk-flex uk-flex-left uk-flex-1 uk-flex-middle pt-3"<?php echo wp_kses($data_attribs,'post');?>>
            <div class="<?php echo esc_attr(implode(' ', $navWrapperClass))?>">
                <?php
                // header nav starts
                Menu::get_nav_menu(array(
                    'theme_location'  => $header_menu,
                    'menu_class'      => implode(' ', $navClassLeft),
                    'container_class' => implode(' ', $navWrapperClass),
                    'menu_id'         => '',
                    'depth'           => $header_menu_level, // Level
                    'templaza_is_header'          => true,
                    'templaza_megamenu_html_data' => $menu_datas
                ));
                // header nav ends
                ?>
            </div>
        </div>
        <?php
        // header nav ends
        // header block starts
         if ($block_2_type == 'sidebar' && is_active_sidebar($block_2_sidebar)){
             echo '<div class="block-sidebar header-block-item uk-flex uk-flex-right uk-flex-middle py-3">';
             dynamic_sidebar($block_2_sidebar);
             echo '</div>';
         }
        if ($block_2_type == 'custom') {
           echo '<div class="header-block-item  uk-flex uk-flex-right uk-flex-middled py-3">';
           echo wp_kses($block_2_custom,'post');
           echo '</div>';
        }
        echo '</div>';
        // header block ends
     }
     ?>
  </div>
</div>
Name	Size	Permission
horizontal.php	12925 bytes	0644
mobilemenu.php	2653 bytes	0644
offcanvas.php	5822 bytes	0644
sidebar.php	4040 bytes	0644
stacked.php	41431 bytes	0644
stacked2.php	14272 bytes	0644
sticky.php	10389 bytes	0644
File Content: stacked2.php

File Content: `stacked2.php`
