Example #1
0
function folio_sliders($atts, $content = null)
{
    $output = $slider = $words = $style = $bg_image = $heading_classes = '';
    extract(shortcode_atts(array("header_logo" => "", "show_menu" => "", "menu_style" => "", "show_next_icon" => "", "next_icon_animation" => "", "slider" => "", "margin_top_header_logo" => "", "heading_style" => "", "title" => "", "sub_title" => "", "bg_image" => "", "is_curve_header" => "", "rev_slider" => ""), $atts));
    global $post;
    if ($heading_style === 'style_2') {
        $heading_classes = 'span_center align_center slim_text';
    } elseif ($heading_style === 'style_3') {
        $heading_classes = 'slim_text';
    }
    if (!empty($bg_image)) {
        $bg_image = 'style="background-image:url(' . folio_get_image_src($bg_image) . ');"';
    }
    ob_start();
    ?>

		
        <?php 
    if ($slider === 'static_banner') {
        ?>
        <div class="static_banner <?php 
        if ($menu_style == 'style_1') {
            echo 'static_banner_2';
        }
        ?>
" <?php 
        echo $bg_image;
        ?>
>
            <!-- header-menu-1 starts -->
            <div class="<?php 
        echo $menu_style !== 'style_1' ? $menu_style : 'header-menu-1';
        ?>
 menu-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <!-- logo starts -->
                            <?php 
        if (isset($header_logo) && $header_logo != NULL) {
            ?>
                            	<div class="logo">
                                    <figure>
                                        <a href="<?php 
            echo home_url();
            ?>
">
                                        	<img src="<?php 
            echo folio_get_image_src($header_logo);
            ?>
" alt="Folio Zee Logo">
                                        </a>
                                    </figure>
                            	</div>
                            <?php 
        }
        ?>
                            
                                <!-- header_toggle_menu -->
								<?php 
        if ($show_menu === 'yes') {
            ?>
 
								<div class="header_nav_holder">
									<!--main-nav starts-->
                            	<?php 
            if ($menu_style === 'header-menu-1' || $menu_style === 'header-menu-2') {
                ?>
   
								<?php 
                wp_enqueue_script('custom_menu_js');
                $folio_menu = "folio_primarymenu" === get_post_meta($post->ID, 'select_menu_option', true) ? '' : get_post_meta($post->ID, 'select_menu_option', true);
                $defaults = array('theme_location' => 'header-primary-menu', 'menu' => $folio_menu, 'container' => 'nav', 'container_class' => 'main-nav', 'menu_class' => 'menu', 'echo' => true, 'fallback_cb' => 'wp_page_menu', 'items_wrap' => '<ul id="head-nav" class="%2$s top-nav">%3$s</ul>');
                wp_nav_menu($defaults);
            }
            ?>
									<!-- main-nav ends-->
									<!-- header_toggle_menu -->
								<?php 
            if ($menu_style === 'header-menu-1' || $menu_style === 'header-menu-2') {
                ?>
 
                                	<div class="header_toggle_menu">
                                        <div class="menu_small_btn">
                                            <div class="open_menu toggle_top_menu_btn">
                                                <i class="fa fa-bars"></i>
                                            </div>
                                            <div class="close_menu toggle_top_menu_btn">
                                                <i class="fa fa-times"></i>
                                            </div>
                                        </div>
                                	</div>
                               <?php 
            } elseif ($menu_style === 'style_1') {
                ?>
                                	<div class="header_toggle_menu">
                                    	<div class="menu_small_btn sb-toggle-left">
                                        <div class="folio-sb-toggle-btn sb-toggle-right">
                                            <i class="fa fa-bars"></i>
                                        </div>
                                    </div>
                                	</div>
                                <?php 
            }
            ?>
                                    <!-- header_toggle_menu -->
								</div>
                                
                                <?php 
        }
        ?>
                                
                                <!-- header_toggle_menu -->
                           </div>
                    </div>
                            
                 </div>
            </div>
                   <!-- </div>-->
            <!-- header-menu-1 ends -->

        	<div class="container">
            	<div class="row">
                    <!-- text_banner_holder starts -->
                    <div class="text_banner_holder">
                        
                        
					<?php 
        if ($heading_style === 'style_1') {
            ?>
                        
                        <div class="col-xs-2">
                        	<div class="skew_shape">
                            </div>
                        </div>
                     <?php 
        }
        ?>
                        <div class="heading_wrap col-xs-10 <?php 
        echo $heading_classes;
        ?>
 ">
                            <h2><?php 
        echo folio_highlight_it(folio_break_it($title));
        ?>
</h2>
                            <h3 class="<?php 
        if ($heading_style === 'style_2') {
            echo 'align_center';
        }
        ?>
"><?php 
        echo $sub_title;
        ?>
</h3>
                            <!-- next_section starts -->
                            <?php 
        if ($show_next_icon === 'yes') {
            ?>
                            	
                            <div class="next_section <?php 
            if ($next_icon_animation === 'yes') {
                echo 'animated';
            }
            ?>
 animate_infinite" data-animdelay="0.2s" data-animspeed="1.4s" data-animrepeat="1" data-animtype="bounce">
                                <a href="javascript:void(0);" class="scroll_next_section">
                                    <i class="fa fa-angle-down"></i>
                                </a>
                            </div>
                            <?php 
        }
        ?>
                            <!-- next_section ends -->
                        </div>
                    </div>
                    <!-- text_banner_holder ends -->
				</div>
            <?php 
        if ($is_curve_header === 'yes') {
            echo folio_get_curve_side('right');
        }
        ?>
            </div>
        </div>
        <?php 
    } elseif ($slider === 'revSlider') {
        ?>
				<?php 
        echo do_shortcode('[rev_slider ' . $rev_slider . ']');
        ?>
        <?php 
    }
    ?>
			
        <?php 
    if ($menu_style === 'style_1') {
        ?>
        		
        	
			<?php 
        define('SLIDEBAR', $menu_style);
        define('SITE_LOGO', folio_get_image_src($header_logo));
        wp_enqueue_style('slidebars_css');
        wp_enqueue_script('slidebars_js');
        wp_enqueue_script('custom_menu_js');
        ?>
            <script>
            
            jQuery(document).ready(function($) {
				'use strict'
				$.slidebars({
					hideControlClasses: true
				});
            });		  /* Slidebar Navigation */
            </script>

        <?php 
    }
    ?>

<?php 
    $output = ob_get_contents();
    ob_end_clean();
    return $output;
}
Example #2
0
        $output .= '<div class="zee_straight"><a href="' . $circle_button_url . '" class="circle_button circle_button_bottom"><i class="fa ' . $circle_button_icon . '"></i>' . $circle_button_text . '</a></div>';
    }
    $output .= $is_parent == true ? '</div>' . $this->endBlockComment('container') : '';
    $output .= '</div>' . $this->endBlockComment('parallex_folio');
    //$output .= '</section>'.$this->endBlockComment('parallex_wrapper');
    $output .= $is_parent == true ? '</section>' . $this->endBlockComment('parallex_wrapper') : '';
    /* Main Section Ends */
} elseif ($section_type === 'main_section') {
    if ($view !== 'full_width') {
        $output .= '</div>' . $this->endBlockComment('row');
        if ($row_circle_button == 'yes') {
            $output .= '<div class="zee_straight"><a href="' . $circle_button_url . '" class="circle_button circle_button_bottom"><i class="fa ' . $circle_button_icon . '"></i>' . $circle_button_text . '</a></div>';
        }
        $output .= $is_parent == true ? '</div>' . $this->endBlockComment('container') : '';
    }
    $output .= $is_parent == true ? '</section>' . $this->endBlockComment('section_holder') : '';
    /* CURVE Section Ends */
} elseif ($section_type === 'curve_section') {
    $output .= '</div>' . $this->endBlockComment('row');
    if ($is_parent == true) {
        if ($curve_position == 'zee_b_curve_container' || $curve_position == 'zee_d_curve_container') {
            $output .= folio_get_curve_side('right');
        }
    }
    if ($row_circle_button == 'yes') {
        $output .= '<a href="' . $circle_button_url . '" class="circle_button circle_button_bottom"><i class="fa ' . $circle_button_icon . '"></i>' . $circle_button_text . '</a>';
    }
    $output .= $is_parent == true ? '</div>' . $this->endBlockComment('container') : '';
    $output .= $is_parent == true ? '</section>' . $this->endBlockComment('zee_curve_container') : '';
}
echo $output;