/** * Validate Color to RGBA * Takes the user's input color value and returns it only if it's a valid color. * * @since ReduxFramework 3.0.3 */ function validate_color_rgba($color) { if ($color == "transparent") { return $color; } $color = str_replace('#', '', $color); if (strlen($color) == 3) { $color = $color . $color; } if (preg_match('/^[a-f0-9]{6}$/i', $color)) { $color = '#' . $color; } return array('hex' => $color, 'rgba' => Redux_Helpers::hex2rgba($color)); }
public function output() { if ((!isset($this->field['output']) || !is_array($this->field['output'])) && !isset($this->field['compiler'])) { return; } if (!empty($this->value)) { $mode = isset($this->field['mode']) && !empty($this->field['mode']) ? $this->field['mode'] : 'color'; if ($this->value['alpha'] == "0.00" || empty($this->value['color'])) { $style = $mode . ':transparent;'; } elseif (!empty($this->value['color'])) { $style = $mode . ':rgba(' . Redux_Helpers::hex2rgba($this->value['color']) . ',' . $this->value['alpha'] . ');'; } if (!empty($this->field['output']) && is_array($this->field['output'])) { $css = Redux_Functions::parseCSS($this->field['output'], $style, $this->value); $this->parent->outputCSS .= $css; } if (!empty($this->field['compiler']) && is_array($this->field['compiler'])) { $css = Redux_Functions::parseCSS($this->field['compiler'], $style, $this->value); $this->parent->compilerCSS .= $css; } } }
public function output() { if ((!isset($this->field['output']) || !is_array($this->field['output'])) && !isset($this->field['compiler'])) { return; } $style = ''; if (!empty($this->value)) { $mode = isset($this->field['mode']) && !empty($this->field['mode']) ? $this->field['mode'] : 'color'; if ($this->value['alpha'] == "0.00" || empty($this->value['color'])) { $style .= $mode . ':transparent;'; } elseif (!empty($this->value['color'])) { $style .= $mode . ':rgba(' . Redux_Helpers::hex2rgba($this->value['color']) . ',' . $this->value['alpha'] . ');'; } if (!empty($this->field['output']) && is_array($this->field['output'])) { $keys = implode(",", $this->field['output']); $this->parent->outputCSS .= $keys . "{" . $style . '}'; } if (!empty($this->field['compiler']) && is_array($this->field['compiler'])) { $keys = implode(",", $this->field['compiler']); $this->parent->compilerCSS .= $keys . "{" . $style . '}'; } } }
/** * Field Render Function. * * Takes the vars and outputs the HTML for the field in the settings * * @since 1.0.0 * @access public * @return void */ public function render() { $defaults = array('color' => '#000000', 'alpha' => 1, 'rgba' => ''); $this->value = wp_parse_args($this->value, $defaults); $field_id = $this->field['id']; // Color picker container echo '<div class="redux-color-rgba-container' . $this->field['class'] . '" data-id="' . $field_id . '" data-show-input="' . $this->field['options']['show_input'] . '" data-show-initial="' . $this->field['options']['show_initial'] . '" data-show-alpha="' . $this->field['options']['show_alpha'] . '" data-show-palette="' . $this->field['options']['show_palette'] . '" data-show-palette-only="' . $this->field['options']['show_palette_only'] . '" data-show-selection-palette="' . $this->field['options']['show_selection_palette'] . '" data-max-palette-size="' . $this->field['options']['max_palette_size'] . '" data-allow-empty="' . $this->field['options']['allow_empty'] . '" data-clickout-fires-change="' . $this->field['options']['clickout_fires_change'] . '" data-choose-text="' . $this->field['options']['choose_text'] . '" data-cancel-text="' . $this->field['options']['cancel_text'] . '" data-input-text="' . $this->field['options']['input_text'] . '" data-show-buttons="' . $this->field['options']['show_buttons'] . '" data-palette="' . urlencode(json_encode($this->field['options']['palette'])) . '" >'; // Colour picker layout $opt_name = $this->parent->args['opt_name']; if ('' == $this->value['color']) { $color = ''; } else { $color = 'rgba(' . Redux_Helpers::hex2rgba($this->value['color']) . ',' . $this->value['alpha'] . ')'; } echo '<input name="' . $opt_name . '[' . $field_id . '][color]" id="' . $field_id . '-color" class="redux-color-rgba" type="text" value="' . $this->value['color'] . '" data-color="' . $color . '" data-id="' . $field_id . '" data-current-color="' . $this->value['color'] . '" data-block-id="' . $field_id . '" />'; echo '<input type="hidden" class="redux-hidden-color" data-id="' . $field_id . '-color" id="' . $field_id . '-color" value="' . $this->value['color'] . '" />'; // Hidden input for alpha channel echo '<input type="hidden" class="redux-hidden-alpha" data-id="' . $field_id . '-alpha" name="' . $opt_name . '[' . $field_id . '][alpha]' . '" id="' . $field_id . '-alpha" value="' . $this->value['alpha'] . '" />'; // Hidden input for rgba echo '<input type="hidden" class="redux-hidden-rgba" data-id="' . $field_id . '-rgba" name="' . $opt_name . '[' . $field_id . '][rgba]' . '" id="' . $field_id . '-rgba" value="' . $this->value['rgba'] . '" />'; echo '</div>'; }
.folio-slidebar .sb-slidebar{ background-color: rgba(<?php echo Redux_Helpers::hex2rgba($fdata['slidebar_nav_background']); ?> , <?php echo $fdata['slidebar_nav_bk_opacity']; ?> ); } /*.folio-slidebar .sb-slidebar .logo{ margin-top: 0; padding: 24px 14px 24px 24px; }*/ .sb-slidebar .main-nav ul li a{ color: rgba(<?php echo Redux_Helpers::hex2rgba($fdata['slidebar_menu_typo']['color']); ?> , 1); font-size: <?php echo $fdata['slidebar_menu_typo']['font-size']; ?> ; <?php if (isset($fdata['slidebar_menu_typo']['font-style'])) { ?> font-style: <?php echo $fdata['slidebar_menu_typo']['font-style'] != '' ? $fdata['slidebar_menu_typo']['font-style'] : 'normal'; ?> ; font-weight: <?php echo $fdata['slidebar_menu_typo']['font-weight'];
/** * getColorVal. Returns formatted color val in hex or rgba. * * If this field requires any scripts, or css define this function and register/enqueue the scripts/css * * @since 1.0.0 * @access private * @return string */ private function getColorVal() { // No notices $color = ''; $alpha = 1; $rgba = ''; // Must be an array if (is_array($this->value)) { // Enum array to parse values foreach ($this->value as $id => $val) { // Sanitize alpha if ($id == 'alpha') { $alpha = !empty($val) ? $val : 1; } elseif ($id == 'color') { $color = !empty($val) ? $val : ''; } elseif ($id == 'rgba') { $rgba = !empty($val) ? $val : ''; $rgba = Redux_Helpers::hex2rgba($color, $alpha); } } // Only build rgba output if alpha ia less than 1 if ($alpha < 1 && $alpha != '') { $color = $rgba; } } return $color; }
metaboxes => widget areas => shortcodes => icon select => gallery tracking => * */ $iconMap = array('repeater' => 'tags', 'social-profiles' => 'group', 'js-button' => 'hand-down', 'multi-media' => 'picture', 'css-layout' => 'fullscreen', 'color-schemes' => 'adjust-alt', 'custom-fonts' => 'fontsize', 'live-search' => 'search', 'support-faqs' => 'question', 'date-time' => 'calendar', 'premium-support' => 'fire', 'metaboxes' => 'magic', 'widget-areas' => 'inbox-box', 'shortcodes' => 'shortcode', 'icon-select' => 'gallery', 'accordion' => 'lines'); $colors = array('8CC63F', '8CC63F', '0A803B', '25AAE1', '0F75BC', 'F7941E', 'F1592A', 'ED217C', 'BF1E2D', '8569CF', '0D9FD8', '8AD749', 'EECE00', 'F8981F', 'F80E27', 'F640AE'); shuffle($colors); echo '<style type="text/css">'; ?> <?php foreach ($colors as $key => $color) { echo '.theme-browser .theme.color' . esc_html($key) . ' .theme-screenshot{background-color:' . esc_html(Redux_Helpers::hex2rgba($color, 0.45)) . ';}'; echo '.theme-browser .theme.color' . esc_html($key) . ':hover .theme-screenshot{background-color:' . esc_html(Redux_Helpers::hex2rgba($color, 0.75)) . ';}'; } echo '</style>'; $color = 1; ?> <div class="wrap about-wrap"> <h1><?php esc_html_e('Redux Framework - Extensions', 'redux-framework'); ?> </h1> <div class="about-text"> <?php printf(__('Supercharge your Redux experience. Our extensions provide you with features that will take your products to the next level.', 'redux-framework'), esc_html($this->display_version)); ?> </div>
function az_page_header($postid) { global $options_alice, $post; $options_az = redux_post_meta('alice', $postid); $title_header_layout_class = $title_header_height_output = $fill_bg_h = $fill_hide_bg = $text_color = $heading_format = null; $check_title_header_settings = $options_az['az_title_header_display']; $check_title_header_hide_settings = $options_az['az_title_header_hide_display']; $check_title_header_layout = $options_az['az_title_header_layout']; $check_title_header_module = $options_az['az_title_header_module']; $check_title_header_slider = $options_az['az_title_header_slider_mode']; $check_title_header_mask = $options_az['az_title_header_mask_mode']; $check_title_header_video = $options_az['az_title_header_video_mode']; $check_title_header_text_display = $options_az['az_title_header_text_display']; $title_header_height = $options_az['az_title_header_height']; $title_animated_background_color = $options_az['az_animated_pattern_background_color']; $title_animated_background = $options_az['az_animated_pattern_background_image']; $title_animated_duration = $options_az['az_animated_pattern_animation_duration']; $title_animated_moveset = $options_az['az_animated_pattern_animation_moveset']; $title_header_background_color = $options_az['az_title_header_normal_bg_color']; $title_header_hide_background_color = $options_az['az_title_header_hide_color']; $title_header_background_image = $options_az['az_title_header_image']; $title_header_background_position = $options_az['az_title_header_image_position']; $title_header_background_repeat = $options_az['az_title_header_image_repeat']; $title_header_background_image_parallax = $options_az['az_title_header_image_parallax']; $az_slider_alias = $options_az['az_title_header_az_slider_alias']; $az_slider_text_format = $options_az['az_title_header_az_slider_text_format']; $az_slider_animation_type = $options_az['az_title_header_az_slider_animation_type']; $az_slider_autoplay = $options_az['az_title_header_az_slider_autoplay']; $az_slider_loop = $options_az['az_title_header_az_slider_loop']; $az_slider_slide_speed = $options_az['az_title_header_az_slider_slide_speed']; $az_slider_slideshow_speed = $options_az['az_title_header_az_slider_slideshow_speed']; $az_slider_parallax_slide = $options_az['az_title_header_az_slider_parallax']; $rev_slider_alias = $options_az['az_title_header_revolution_slider_alias']; $title_header_video_mobile_settings = $options_az['az_title_header_video_mobile_settings']; $title_header_video_image = $options_az['az_title_header_video_image']; $title_header_video_self_image = $options_az['az_title_header_video_self_image']; $title_header_video_webm = $options_az['az_title_header_video_webm']; $title_header_video_mp4 = $options_az['az_title_header_video_mp4']; $title_header_video_volume = $options_az['az_title_header_video_volume']; $title_header_video_autoplay = $options_az['az_title_header_video_autoplay']; $title_header_video_loop = $options_az['az_title_header_video_loop']; $title_header_video_youtube_image = $options_az['az_title_header_video_youtube_image']; $title_header_video_youtube_url = $options_az['az_title_header_video_youtube_url']; $title_header_video_youtube_vol = $options_az['az_title_header_video_youtube_volume']; $title_header_video_youtube_autoplay = $options_az['az_title_header_video_youtube_autoplay']; $title_header_video_youtube_loop = $options_az['az_title_header_video_youtube_loop']; $title_header_video_vimeo_id = $options_az['az_title_header_video_vimeo_id']; $title_header_video_vimeo_vol = $options_az['az_title_header_video_vimeo_volume']; $title_header_video_vimeo_autoplay = $options_az['az_title_header_video_vimeo_autoplay']; $title_header_video_vimeo_loop = $options_az['az_title_header_video_vimeo_loop']; $title_header_mask_pattern = $options_az['az_title_header_mask_pattern']; $title_header_mask_pattern_opacity = $options_az['az_title_header_mask_pattern_opacity']; $title_header_mask_color = $options_az['az_title_header_mask_background']; $title_heading = $options_az['az_title_header_text_heading']; $title_subheading = $options_az['az_title_header_text_subheading']; $title_heading_format = $options_az['az_title_header_text_format']; $title_text_color = $options_az['az_title_header_text_color']; $scrollBtn = $options_az['az_scroll_to_section']; // Allowed Tags $allowed_tags = array('br' => array(), 'strong' => array()); // Mobile Detect $detect = new Mobile_Detect(); $device_version = ''; if ($detect->isMobile()) { $device_version = 'mobile-version'; } else { $device_version = 'desktop-version'; } // FullScreen/Normal Class $mode_height = null; if ($check_title_header_layout == 'fullscreen') { $title_header_layout_class = ' full-container'; $mode_height = ' full-height'; } else { $title_header_layout_class = ' normal-container'; $mode_height = ' normal-height'; } // Check Height Value if (!empty($title_header_height)) { $title_header_height_output = ' style="height: ' . esc_attr($title_header_height) . 'px;"'; } // Check Custom Background Color if (!empty($title_header_background_color) && !empty($title_header_height)) { $fill_bg_h = ' style="background-color: ' . $title_header_background_color . '; height: ' . esc_attr($title_header_height) . 'px;"'; } else { if (empty($title_header_background_color) && !empty($title_header_height)) { $fill_bg_h = ' style="height: ' . esc_attr($title_header_height) . 'px;"'; } else { if (!empty($title_header_background_color) && empty($title_header_height)) { $fill_bg_h = ' style="background-color: ' . $title_header_background_color . ';"'; } } } // Check Custom Text Color if (!empty($title_text_color)) { $text_color = ' style="color: ' . $title_text_color . ';"'; } // Check Custom Background Color Hide Title Header if (!empty($title_header_hide_background_color)) { $fill_hide_bg = ' style="background-color: ' . $title_header_hide_background_color . ';"'; } // Check Title Heading Format if ($title_heading_format == 'big_format') { $heading_format = ' big-format-heading'; } else { $heading_format = ' normal-format-heading'; } // Check Background Color, Height Value & Animated Pattern Background & Time Animation and Moveset $height_bg_animate = $bg_url_animate = $output_css_animation = $duration_animation = $animation_moveset = null; if (!empty($title_animated_background['url'])) { $bg_url_animate = ' style="background-image: url(' . $title_animated_background['url'] . ');"'; // Check Custom Background Color if (!empty($title_animated_background_color)) { $height_bg_animate = ' style="background-color: ' . $title_animated_background_color . ';"'; } // Check Duration, Moveset and Animation CSS if (!empty($title_animated_duration)) { $duration_animation = '.title-header-container.animate-bg-scroll { -webkit-animation-duration: ' . esc_attr($title_animated_duration) . 's; animation-duration: ' . esc_attr($title_animated_duration) . 's; }'; } if ($title_animated_moveset == 'leftright') { $animation_moveset = ' @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:' . $title_animated_background['width'] . 'px 0;} } @keyframes bgscroll { from {background-position:0 0;} to {background-position:' . $title_animated_background['width'] . 'px 0;} }'; } else { if ($title_animated_moveset == 'rightleft') { $animation_moveset = ' @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:-' . $title_animated_background['width'] . 'px 0;} } @keyframes bgscroll { from {background-position:0 0;} to {background-position:-' . $title_animated_background['width'] . 'px 0;} }'; } else { if ($title_animated_moveset == 'topbottom') { $animation_moveset = ' @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:0 ' . $title_animated_background['height'] . 'px;} } @keyframes bgscroll { from {background-position:0 0;} to {background-position:0 ' . $title_animated_background['height'] . 'px;} }'; } else { $animation_moveset = ' @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:0 -' . $title_animated_background['height'] . 'px;} } @keyframes bgscroll { from {background-position:0 0;} to {background-position:0 -' . $title_animated_background['height'] . 'px;} }'; } } } $output_css_animation = ' <style type="text/css"> ' . $duration_animation . $animation_moveset . ' </style> '; } if (!empty($title_header_height) && !empty($title_animated_background['url'])) { $bg_url_animate = ' style="height: ' . esc_attr($title_header_height) . 'px; background-image: url(' . $title_animated_background['url'] . ');"'; // Check Custom Background Color if (!empty($title_animated_background_color)) { $height_bg_animate = ' style="background-color: ' . $title_animated_background_color . '; height: ' . esc_attr($title_header_height) . 'px;"'; } else { $height_bg_animate = ' style="height: ' . esc_attr($title_header_height) . 'px;"'; } // Check Duration, Moveset and Animation CSS if (!empty($title_animated_duration)) { $duration_animation = '.title-header-container.animate-bg-scroll { -webkit-animation-duration: ' . esc_attr($title_animated_duration) . 's; animation-duration: ' . esc_attr($title_animated_duration) . 's; }'; } if ($title_animated_moveset == 'leftright') { $animation_moveset = ' @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:' . $title_animated_background['width'] . 'px 0;} } @keyframes bgscroll { from {background-position:0 0;} to {background-position:' . $title_animated_background['width'] . 'px 0;} }'; } else { if ($title_animated_moveset == 'rightleft') { $animation_moveset = ' @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:-' . $title_animated_background['width'] . 'px 0;} } @keyframes bgscroll { from {background-position:0 0;} to {background-position:-' . $title_animated_background['width'] . 'px 0;} }'; } else { if ($title_animated_moveset == 'topbottom') { $animation_moveset = ' @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:0 ' . $title_animated_background['height'] . 'px;} } @keyframes bgscroll { from {background-position:0 0;} to {background-position:0 ' . $title_animated_background['height'] . 'px;} }'; } else { $animation_moveset = ' @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:0 -' . $title_animated_background['height'] . 'px;} } @keyframes bgscroll { from {background-position:0 0;} to {background-position:0 -' . $title_animated_background['height'] . 'px;} }'; } } } $output_css_animation = ' <style type="text/css"> ' . $duration_animation . $animation_moveset . ' </style> '; } // Check Title Header Image / Background Position / Repeat $bg_mode_output = $bg_mode_position = $bg_mode_repeat = $bg_mode_parallax = null; // Background Position if ($title_header_background_position == 'left_top') { $bg_mode_position = 'left top'; } else { if ($title_header_background_position == 'left_center') { $bg_mode_position = 'left center'; } else { if ($title_header_background_position == 'left_bottom') { $bg_mode_position = 'left bottom'; } else { if ($title_header_background_position == 'right_top') { $bg_mode_position = 'right top'; } else { if ($title_header_background_position == 'right_center') { $bg_mode_position = 'right center'; } else { if ($title_header_background_position == 'right_bottom') { $bg_mode_position = 'right bottom'; } else { if ($title_header_background_position == 'center_top') { $bg_mode_position = 'center top'; } else { if ($title_header_background_position == 'center_bottom') { $bg_mode_position = 'center bottom'; } else { $bg_mode_position = 'center center'; } } } } } } } } // Background Repeat if ($title_header_background_repeat == 'no_repeat') { $bg_mode_repeat = 'background-repeat: no-repeat;'; } else { if ($title_header_background_repeat == 'repeat') { $bg_mode_repeat = 'background-repeat: repeat;'; } else { if ($title_header_background_repeat == 'repeat_x') { $bg_mode_repeat = 'background-repeat: repeat-x;'; } else { if ($title_header_background_repeat == 'repeat_y') { $bg_mode_repeat = 'background-repeat: repeat-y;'; } else { $bg_mode_repeat = 'background-repeat: no-repeat; background-size: cover;'; } } } } // Output Title Header Image Output if (!empty($title_header_background_image['url'])) { $bg_mode_output = ' style="background-image: url(' . $title_header_background_image['url'] . '); background-position:' . $bg_mode_position . '; ' . $bg_mode_repeat . '"'; } if (!empty($title_header_height) && !empty($title_header_background_image['url'])) { $bg_mode_output = ' style="background-image: url(' . $title_header_background_image['url'] . '); background-position:' . $bg_mode_position . '; ' . $bg_mode_repeat . ' height: ' . esc_attr($title_header_height) . 'px;"'; } // Output Title Header Image Parallax if (!empty($title_header_background_image_parallax['url'])) { $bg_mode_parallax = ' style="background-image: url(' . $title_header_background_image_parallax['url'] . ');"'; } if (!empty($title_header_height) && !empty($title_header_background_image_parallax['url'])) { $bg_mode_parallax = ' style="background-image: url(' . $title_header_background_image_parallax['url'] . '); height: ' . esc_attr($title_header_height) . 'px;"'; } // Check Mask Module $mask_output = $mask_rgba_value = null; if ($check_title_header_mask == 'mask_color' || $check_title_header_mask == 'mask_pattern_color') { $mask_rgba_value = Redux_Helpers::hex2rgba('' . $title_header_mask_color['color'] . '', '' . $title_header_mask_color['alpha'] . ''); } if ($check_title_header_mask == 'mask_color') { $mask_output = '<span class="overlay-bg" style="background-color: ' . $mask_rgba_value . ';"></span>'; } else { if ($check_title_header_mask == 'mask_pattern') { $mask_output = '<span class="overlay-pattern" style="background-image: url(' . $title_header_mask_pattern['url'] . '); opacity: ' . $title_header_mask_pattern_opacity . ';"></span>'; } else { if ($check_title_header_mask == 'mask_pattern_color') { $mask_output = '<span class="overlay-pattern" style="background-image: url(' . $title_header_mask_pattern['url'] . '); opacity: ' . $title_header_mask_pattern_opacity . ';"></span><span class="overlay-bg" style="background-color: ' . $mask_rgba_value . ';"></span>'; } else { $mask_output = ''; } } } // Check Video Module $wrap_video_check = $video_mobile_out = $bg_self_image_visibility = $alternative_button_self = $alternative_button_yt = $alternative_button_vimeo = $video_output = $video_loop = $video_autoplay = $video_vol = $self_button_play_output = $vimeo_video_id = $vimeo_player_id = $vimeo_vol = $vimeo_autoplay = $vimeo_loop = $vimeo_button_play_output = $escape_url_yt = $youtube_video_url = $youtube_container = $youtube_vol = $youtube_autoplay = $youtube_loop = null; // Start Video Vimeo if ($check_title_header_video == 'vimeo_embed_code') { // Check Video Mobile/Tablets Settings if ($title_header_video_mobile_settings == 'lightbox') { $video_mobile_out = 'fancybox-media fancybox-video-popup'; } else { $video_mobile_out = 'new-window-video'; } $vimeo_video_id = esc_attr($title_header_video_vimeo_id); $vimeo_player_id = uniqid(); // Mobile Image $bg_video_image = !empty($title_header_video_image['url']) ? 'background-image: url(' . $title_header_video_image['url'] . ');' : ''; // Mute Audio if ($title_header_video_vimeo_vol == 'off') { $vimeo_vol = '1'; } else { $vimeo_vol = '0'; } // AutoPlay if ($title_header_video_vimeo_autoplay == 'off') { $vimeo_autoplay = 'false'; } else { $vimeo_autoplay = 'true'; } // Loop if ($title_header_video_vimeo_loop == 'off') { $vimeo_loop = '0'; } else { $vimeo_loop = '1'; } // Conditionals // Autoplay OFF - LOOP OFF if ($title_header_video_vimeo_autoplay == 'off' && $title_header_video_vimeo_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $vimeo_button_play_output = ' <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>'; $alternative_button_vimeo = ' <a href="#" class="vimeo_player_button inside" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $vimeo_button_play_output = ' <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>'; $alternative_button_vimeo = ' <a href="#" class="vimeo_player_button normal-inside" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>'; } else { $vimeo_button_play_output = ' <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"> <a href="#" class="vimeo_player_button" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a> </div>'; $alternative_button_vimeo = ''; } } } else { if (!$title_header_video_vimeo_autoplay == 'off' && $title_header_video_vimeo_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $vimeo_button_play_output = ' <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>'; $alternative_button_vimeo = ' <a href="#" class="vimeo_player_button inside hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; } if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $vimeo_button_play_output = ' <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>'; $alternative_button_vimeo = ' <a href="#" class="vimeo_player_button normal-inside hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; } else { $vimeo_button_play_output = ' <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"> <a href="#" class="vimeo_player_button hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a> </div>'; $wrap_video_check = ' not-visible'; $alternative_button_vimeo = ''; } } else { if (!$title_header_video_vimeo_autoplay == 'off' && !$title_header_video_vimeo_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $vimeo_button_play_output = ' <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>'; $alternative_button_vimeo = ' <a href="#" class="vimeo_player_button inside hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $vimeo_button_play_output = ' <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>'; $alternative_button_vimeo = ' <a href="#" class="vimeo_player_button normal-inside hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; } else { $vimeo_button_play_output = ' <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"> <a href="#" class="vimeo_player_button hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a> </div>'; $wrap_video_check = ' not-visible'; $alternative_button_vimeo = ''; } } } else { if ($title_header_video_vimeo_autoplay == 'off' && !$title_header_video_vimeo_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $vimeo_button_play_output = ' <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>'; $alternative_button_vimeo = ' <a href="#" class="vimeo_player_button inside" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $vimeo_button_play_output = ' <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>'; $alternative_button_vimeo = ' <a href="#" class="vimeo_player_button normal-inside" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>'; } else { $vimeo_button_play_output = ' <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"> <a href="#" class="vimeo_player_button" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a> </div>'; $alternative_button_vimeo = ''; } } } } } } // if Mobile/Tablet if ($detect->isMobile()) { $vimeo_button_play_output = $wrap_video_check = ''; if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $video_output = ' <div class="video-section-container vimeo-video"> <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div> </div>'; $alternative_button_vimeo = ' <a href="https://vimeo.com/' . $vimeo_video_id . '" target="_blank" class="mobile_video_button inside ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $video_output = ' <div class="video-section-container vimeo-video"> <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div> </div>'; $alternative_button_vimeo = ' <a href="https://vimeo.com/' . $vimeo_video_id . '" target="_blank" class="mobile_video_button normal-inside ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>'; } else { $alternative_button_vimeo = ''; $video_output = ' <div class="video-section-container vimeo-video"> <a href="https://vimeo.com/' . $vimeo_video_id . '" target="_blank" class="mobile_video_button ' . $video_mobile_out . '"><i class="font-icon-play"></i></a> <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div> </div>'; } } } else { $video_output = ' ' . $vimeo_button_play_output . ' <div class="video-section-container vimeo-video"> <div class="video-embed-wrap"> <iframe class="vimeo video-header" data-volume="' . $vimeo_vol . '" data-autoplay="' . $vimeo_autoplay . '" data-loop="' . $vimeo_loop . '" id="player_' . $vimeo_player_id . '" src="http://player.vimeo.com/video/' . $vimeo_video_id . '?api=1&player_id=player_' . $vimeo_player_id . '" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </div> </div>'; } } else { if ($check_title_header_video == 'youtube_url') { // Check Video Mobile/Tablets Settings if ($title_header_video_mobile_settings == 'lightbox') { $video_mobile_out = 'fancybox-media fancybox-video-popup'; } else { $video_mobile_out = 'new-window-video'; } $escape_url_yt = esc_attr($title_header_video_youtube_url); $youtube_video_url = "videoURL:'https://www.youtube.com/watch?v={$escape_url_yt}'"; $youtube_container = "containment:'.title-header-container'"; // Mobile Image $bg_video_image = !empty($title_header_video_image['url']) ? 'background-image: url(' . $title_header_video_image['url'] . ');' : ''; // Youtube Image $bg_video_image_yt = !empty($title_header_video_youtube_image['url']) ? '<div class="no-autoplay-video-fallback-image" style="background-image: url(' . $title_header_video_youtube_image['url'] . ');"></div>' : ''; // Mute Audio if ($title_header_video_youtube_vol == 'off') { $youtube_vol = 'false'; } else { $youtube_vol = 'true'; } // AutoPlay if ($title_header_video_youtube_autoplay == 'off') { $youtube_autoplay = 'false'; } else { $youtube_autoplay = 'true'; } // Loop if ($title_header_video_youtube_loop == 'off') { $youtube_loop = 'false'; } else { $youtube_loop = 'true'; } // Conditionals // Autoplay OFF - LOOP OFF if ($title_header_video_youtube_autoplay == 'off' && $title_header_video_youtube_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $youtube_button_play_output = ' <div class="video-header-status-youtube pause"></div>'; $alternative_button_yt = ' <a href="#" class="player_YT_Mod_button inside"><i class="font-icon-play"></i></a>'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $youtube_button_play_output = ' <div class="video-header-status-youtube pause"></div>'; $alternative_button_yt = ' <a href="#" class="player_YT_Mod_button normal-inside"><i class="font-icon-play"></i></a>'; } else { $youtube_button_play_output = ' <div class="video-header-status-youtube pause"> <a href="#" class="player_YT_Mod_button"><i class="font-icon-play"></i></a> </div>'; $alternative_button_yt = ''; } } } else { if (!$title_header_video_youtube_autoplay == 'off' && $title_header_video_youtube_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $youtube_button_play_output = ' <div class="video-header-status-youtube play"></div>'; $alternative_button_yt = ' <a href="#" class="player_YT_Mod_button inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $youtube_button_play_output = ' <div class="video-header-status-youtube play"></div>'; $alternative_button_yt = ' <a href="#" class="player_YT_Mod_button normal-inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; } else { $youtube_button_play_output = ' <div class="video-header-status-youtube play"> <a href="#" class="player_YT_Mod_button" style="visibility:hidden;"><i class="font-icon-play"></i></a> </div>'; $alternative_button_yt = ''; $wrap_video_check = ' not-visible'; } } } else { if (!$title_header_video_youtube_autoplay == 'off' && !$title_header_video_youtube_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $youtube_button_play_output = ' <div class="video-header-status-youtube play"></div>'; $alternative_button_yt = ' <a href="#" class="player_YT_Mod_button inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $youtube_button_play_output = ' <div class="video-header-status-youtube play"></div>'; $alternative_button_yt = ' <a href="#" class="player_YT_Mod_button normal-inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; } else { $youtube_button_play_output = ' <div class="video-header-status-youtube play"> <a href="#" class="player_YT_Mod_button" style="visibility:hidden;"><i class="font-icon-play"></i></a> </div>'; $wrap_video_check = ' not-visible'; $alternative_button_yt = ''; } } } else { if ($title_header_video_youtube_autoplay == 'off' && !$title_header_video_youtube_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $youtube_button_play_output = ' <div class="video-header-status-youtube pause"></div>'; $alternative_button_yt = ' <a href="#" class="player_YT_Mod_button inside"><i class="font-icon-play"></i></a>'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $youtube_button_play_output = ' <div class="video-header-status-youtube pause"></div>'; $alternative_button_yt = ' <a href="#" class="player_YT_Mod_button normal-inside"><i class="font-icon-play"></i></a>'; } else { $youtube_button_play_output = ' <div class="video-header-status-youtube pause"> <a href="#" class="player_YT_Mod_button"><i class="font-icon-play"></i></a> </div>'; $alternative_button_yt = ''; } } } } } } // if Mobile/Tablet if ($detect->isMobile()) { $youtube_button_play_output = $wrap_video_check = ''; if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $video_output = ' <div class="video-section-container youtube-video"> <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div> </div>'; $alternative_button_yt = ' <a href="https://www.youtube.com/watch?v=' . $escape_url_yt . '" target="_blank" class="mobile_video_button inside ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $video_output = ' <div class="video-section-container youtube-video"> <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div> </div>'; $alternative_button_yt = ' <a href="https://www.youtube.com/watch?v=' . $escape_url_yt . '" target="_blank" class="mobile_video_button normal-inside ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>'; } else { $alternative_button_yt = ''; $video_output = ' <div class="video-section-container youtube-video"> <a href="https://www.youtube.com/watch?v=' . $escape_url_yt . '" target="_blank" class="mobile_video_button ' . $video_mobile_out . '"><i class="font-icon-play"></i></a> <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div> </div>'; } } } else { $video_output = ' ' . $youtube_button_play_output . ' ' . $bg_video_image_yt . ' <a class="player_YT_Mod" data-autoplay="' . $youtube_autoplay . '" data-property="{' . $youtube_video_url . ',' . $youtube_container . ',startAt:0,mute:' . $youtube_vol . ',autoPlay:' . $youtube_autoplay . ',loop:' . $youtube_loop . ',opacity:1,printUrl:false,showControls:false,stopMovieOnBlur:false}"></a>'; } } else { if ($check_title_header_video == 'self_hosted') { // Check Video Mobile/Tablets Settings if ($title_header_video_mobile_settings == 'lightbox') { $video_mobile_out = 'fancybox-media fancybox-video-popup-self-hosted'; } else { $video_mobile_out = 'new-window-video'; } $uniq_video = uniqid(); $player_video_id = 'player_' . $uniq_video; // Mute Audio if ($title_header_video_volume == 'off') { $video_vol = 'unmute'; } else { $video_vol = 'mute'; } // AutoPlay if ($title_header_video_autoplay == 'off') { $video_autoplay = 'false'; } else { $video_autoplay = 'true'; } // Loop if ($title_header_video_loop == 'off') { $video_loop = ''; } else { $video_loop = 'loop'; } $bg_video_image = !empty($title_header_video_image['url']) ? 'background-image: url(' . $title_header_video_image['url'] . ');' : ''; $url_video_webm = !empty($title_header_video_webm['url']) ? $title_header_video_webm['url'] : ''; $url_video_mp4 = !empty($title_header_video_mp4['url']) ? $title_header_video_mp4['url'] : ''; // Conditionals // Autoplay OFF - LOOP OFF if ($title_header_video_autoplay == 'off' && $title_header_video_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $self_button_play_output = ' <div class="video-header-status-self pause"></div>'; $alternative_button_self = ' <a href="#" class="self_player_button inside"><i class="font-icon-play"></i></a>'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $self_button_play_output = ' <div class="video-header-status-self pause"></div>'; $alternative_button_self = ' <a href="#" class="self_player_button normal-inside"><i class="font-icon-play"></i></a>'; } else { $self_button_play_output = ' <div class="video-header-status-self pause"> <a href="#" class="self_player_button"><i class="font-icon-play"></i></a> </div>'; $alternative_button_self = ''; } } } else { if (!$title_header_video_autoplay == 'off' && $title_header_video_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $self_button_play_output = ' <div class="video-header-status-self play"></div>'; $alternative_button_self = ' <a href="#" class="self_player_button inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; $bg_self_image_visibility = ' played'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $self_button_play_output = ' <div class="video-header-status-self play"></div>'; $alternative_button_self = ' <a href="#" class="self_player_button normal-inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; $bg_self_image_visibility = ' played'; } else { $self_button_play_output = ' <div class="video-header-status-self play"> <a href="#" class="self_player_button" style="visibility:hidden;"><i class="font-icon-play"></i></a> </div>'; $wrap_video_check = ' not-visible'; $bg_self_image_visibility = ' played'; $alternative_button_self = ''; } } } else { if (!$title_header_video_autoplay == 'off' && !$title_header_video_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $self_button_play_output = ' <div class="video-header-status-self play"></div>'; $alternative_button_self = ' <a href="#" class="self_player_button inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; $bg_self_image_visibility = ' played'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $self_button_play_output = ' <div class="video-header-status-self play"></div>'; $alternative_button_self = ' <a href="#" class="self_player_button normal-inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>'; $wrap_video_check = ' not-visible'; $bg_self_image_visibility = ' played'; } else { $self_button_play_output = ' <div class="video-header-status-self play"> <a href="#" class="self_player_button" style="visibility:hidden;"><i class="font-icon-play"></i></a> </div>'; $wrap_video_check = ' not-visible'; $bg_self_image_visibility = ' played'; $alternative_button_self = ''; } } } else { if ($title_header_video_autoplay == 'off' && !$title_header_video_loop == 'off') { if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $self_button_play_output = ' <div class="video-header-status-self pause"></div>'; $alternative_button_self = ' <a href="#" class="self_player_button inside"><i class="font-icon-play"></i></a>'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $self_button_play_output = ' <div class="video-header-status-self pause"></div>'; $alternative_button_self = ' <a href="#" class="self_player_button normal-inside"><i class="font-icon-play"></i></a>'; } else { $self_button_play_output = ' <div class="video-header-status-self pause"> <a href="#" class="self_player_button"><i class="font-icon-play"></i></a> </div>'; $alternative_button_self = ''; } } } } } } // if Mobile/Tablet if ($detect->isMobile()) { $self_player_button = $wrap_video_check = $bg_self_image_visibility = ''; if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') { $video_output = ' <div class="video-section-container self-hosted-video"> <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div> </div>'; $alternative_button_self = ' <a href="' . $url_video_mp4 . '" target="_blank" class="mobile_video_button inside ' . $video_mobile_out . '" data-poster="' . $title_header_video_self_image['url'] . '"><i class="font-icon-play"></i></a>'; } else { if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') { $video_output = ' <div class="video-section-container self-hosted-video"> <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div> </div>'; $alternative_button_self = ' <a href="' . $url_video_mp4 . '" target="_blank" class="mobile_video_button normal-inside ' . $video_mobile_out . '" data-poster="' . $title_header_video_self_image['url'] . '"><i class="font-icon-play"></i></a>'; } else { $alternative_button_self = ''; $video_output = ' <div class="video-section-container self-hosted-video"> <a href="' . $url_video_mp4 . '" target="_blank" class="mobile_video_button ' . $video_mobile_out . '" data-poster="' . $title_header_video_self_image['url'] . '"><i class="font-icon-play"></i></a> <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div> </div>'; } } } else { $bg_video_image_self = !empty($title_header_video_self_image['url']) ? '<div class="no-autoplay-video-fallback-image-self' . $bg_self_image_visibility . '" style="background-image: url(' . $title_header_video_self_image['url'] . ');"></div>' : ''; $video_output = ' <div class="video-section-container self-hosted-video"> ' . $self_button_play_output . ' ' . $bg_video_image_self . ' <div class="video-wrap"> <video id="' . $player_video_id . '" class="video-header" preloader="auto" ' . $video_loop . ' width="1920" height="800" data-volume="' . $video_vol . '" data-autoplay="' . $video_autoplay . '" data-loop="' . $video_loop . '"> <source type="video/webm" src="' . $url_video_webm . '"> <source type="video/mp4" src="' . $url_video_mp4 . '"> </video> </div> </div>'; } } } } // Check Slider Output $slider_output = $slider_autoplay = $slider_loop = $slide_speed = $slideshow_speed = $animation_slide = $parallax_slide = $parallax_css = $scroll_btn_output = null; if ($check_title_header_slider == 'rev_slider') { $slider_output = do_shortcode('[rev_slider ' . $rev_slider_alias . ']'); } else { if ($check_title_header_slider == 'az_slider') { // Animation Type if ($az_slider_animation_type == 'slide') { $animation_slide = 'slide'; } else { $animation_slide = 'fade'; } // Autoplay if ($az_slider_autoplay == 'off') { $slider_autoplay = 'false'; // Loop if ($az_slider_loop == 'off') { $slider_loop = 'false'; } else { $slider_loop = 'false'; } } else { $slider_autoplay = 'true'; // Loop if ($az_slider_loop == 'off') { $slider_loop = 'false'; } else { $slider_loop = 'true'; } } // Slide Speed $slide_speed = $az_slider_slide_speed; // SlideShow Speed $slideshow_speed = $az_slider_slideshow_speed; // Parallax if ($az_slider_parallax_slide == 'off') { $parallax_slide = 'false'; $parallax_css = ''; } else { $parallax_slide = 'true'; $parallax_css = ' background-position: center top;'; } $slider_output .= ' <div id="title-header-flexslider" class="flexslider" data-parallax="' . $parallax_slide . '" data-slide-type="' . $animation_slide . '" data-slide-easing="swing" data-slide-speed="' . esc_attr($slide_speed) . '" data-slide-loop="' . $slider_loop . '" data-slideshow="' . $slider_autoplay . '" data-slideshow-speed="' . esc_attr($slideshow_speed) . '"> <ul class="slides">'; // Output Slides if ($az_slider_text_format == 'big_format') { $slider_text_format = ' big-format-heading'; } else { $slider_text_format = ' normal-format-heading'; } $values = $options_az['az_title_header_az_slider_alias']; if (is_array($values)) { foreach ($values as $value) { $slider_output .= ' <li class="slide" style="background-image: url(' . $value['image'] . ');' . $parallax_css . '"> ' . $mask_output . ''; if (!empty($value['title']) || !empty($value['description']) || !empty($value['url'])) { $slider_output .= ' <div class="slider-content' . $slider_text_format . '">'; } if (!empty($value['url'])) { $slider_output .= ' <a href="' . esc_url($value['url']) . '">'; } if (!empty($value['title'])) { $slider_output .= ' <h1 class="slide-title">' . wp_kses($value['title'], $allowed_tags) . '</h1>'; } if (!empty($value['description'])) { $slider_output .= ' <h2 class="slide-subtitle">' . wp_kses($value['description'], $allowed_tags) . '</h2>'; } if (!empty($value['url'])) { $slider_output .= ' </a>'; } if (!empty($value['title']) || !empty($value['description']) || !empty($value['url'])) { $slider_output .= ' </div>'; } $slider_output .= ' </li>'; } } $slider_output .= ' </ul>'; // Output Pagination Slide $slider_output .= ' <ol class="flex-control-nav flex-control-paging">'; $elements = $options_az['az_title_header_az_slider_alias']; if (is_array($elements)) { foreach ($elements as $element) { $slider_output .= ' <li><a>' . strip_tags($element['title']) . '</a></li>'; } } $slider_output .= ' </ol>'; $slider_output .= ' </div>'; } } ?> <div class="wrap-title-header <?php echo esc_attr($device_version); ?> "> <?php if ($check_title_header_settings == 'show') { ?> <div class="fake-layer-spacer<?php echo esc_attr($mode_height); ?> "<?php echo !empty($title_header_height_output) ? $title_header_height_output : ''; ?> ></div> <?php if ($check_title_header_module == 'image') { ?> <div id="image-header" class="title-header-spacer"> <div class="title-header-container imagize<?php echo esc_attr($mode_height); echo esc_attr($title_header_layout_class); ?> "<?php echo !empty($bg_mode_output) ? $bg_mode_output : ''; ?> > <?php echo !empty($mask_output) ? $mask_output : ''; ?> <?php if ($check_title_header_text_display == 'show') { ?> <div class="box-content<?php echo esc_attr($heading_format); ?> "> <div class="box-content-titles"> <?php if (!empty($title_heading)) { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_heading, $allowed_tags); ?> </h1> <?php } else { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo the_title(); ?> </h1> <?php } ?> <?php if (!empty($title_subheading)) { ?> <h2 class="subheading"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_subheading, $allowed_tags); ?> </h2> <?php } ?> </div> </div> <?php } ?> </div> <?php if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') { echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>'; } ?> </div> <?php } else { if ($check_title_header_module == 'image_parallax') { ?> <div id="image-parallax-header" class="title-header-spacer"> <div class="title-header-container imagize-parallax<?php echo esc_attr($mode_height); echo esc_attr($title_header_layout_class); ?> "<?php echo !empty($bg_mode_parallax) ? $bg_mode_parallax : ''; ?> > <?php echo !empty($mask_output) ? $mask_output : ''; ?> <?php if ($check_title_header_text_display == 'show') { ?> <div class="box-content<?php echo esc_attr($heading_format); ?> "> <div class="box-content-titles"> <?php if (!empty($title_heading)) { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_heading, $allowed_tags); ?> </h1> <?php } else { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo the_title(); ?> </h1> <?php } ?> <?php if (!empty($title_subheading)) { ?> <h2 class="subheading"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_subheading, $allowed_tags); ?> </h2> <?php } ?> </div> </div> <?php } ?> </div> <?php if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') { echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>'; } ?> </div> <?php } else { if ($check_title_header_module == 'video') { ?> <div id="video-header" class="<?php echo esc_attr($check_title_header_video); ?> title-header-spacer"> <div class="title-header-container<?php echo esc_attr($mode_height); echo esc_attr($title_header_layout_class); ?> "<?php echo !empty($title_header_height_output) ? $title_header_height_output : ''; ?> > <?php echo !empty($mask_output) ? $mask_output : ''; ?> <?php echo !empty($video_output) ? $video_output : ''; ?> <?php if ($check_title_header_text_display == 'show') { ?> <div class="box-content<?php echo esc_attr($heading_format); echo esc_attr($wrap_video_check); ?> "> <div class="box-content-titles"> <?php if (!empty($title_heading)) { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_heading, $allowed_tags); ?> </h1> <?php } else { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo the_title(); ?> </h1> <?php } ?> <?php if (!empty($title_subheading)) { ?> <h2 class="subheading"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_subheading, $allowed_tags); ?> </h2> <?php } ?> <?php echo !empty($alternative_button_self) ? $alternative_button_self : ''; ?> <?php echo !empty($alternative_button_yt) ? $alternative_button_yt : ''; ?> <?php echo !empty($alternative_button_vimeo) ? $alternative_button_vimeo : ''; ?> </div> </div> <?php } ?> </div> <?php if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') { echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>'; } ?> </div> <?php } else { if ($check_title_header_module == 'slider') { ?> <div id="slider-header-revolution" class="title-header-spacer <?php echo esc_attr($check_title_header_slider); ?> "> <div class="title-header-container<?php echo esc_attr($mode_height); echo esc_attr($title_header_layout_class); ?> "<?php echo !empty($title_header_height_output) ? $title_header_height_output : ''; ?> > <?php echo !empty($slider_output) ? $slider_output : ''; ?> </div> <?php if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable' && $check_title_header_slider == 'az_slider') { echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>'; } ?> </div> <?php } else { if ($check_title_header_module == 'animate') { ?> <div id="animated-pattern-header" class="title-header-spacer"> <div class="title-header-container animate-bg-scroll<?php echo esc_attr($mode_height); echo esc_attr($title_header_layout_class); ?> "<?php echo !empty($bg_url_animate) ? $bg_url_animate : ''; ?> > <?php echo !empty($output_css_animation) ? $output_css_animation : ''; ?> <?php if ($check_title_header_text_display == 'show') { ?> <div class="box-content<?php echo esc_attr($heading_format); ?> "> <div class="box-content-titles"> <?php if (!empty($title_heading)) { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_heading, $allowed_tags); ?> </h1> <?php } else { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo the_title(); ?> </h1> <?php } ?> <?php if (!empty($title_subheading)) { ?> <h2 class="subheading"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_subheading, $allowed_tags); ?> </h2> <?php } ?> </div> </div> <?php } ?> </div> <?php if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') { echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>'; } ?> </div> <?php } else { ?> <div id="text-header" class="title-header-spacer"> <div class="title-header-container<?php echo esc_attr($mode_height); echo esc_attr($title_header_layout_class); ?> "<?php echo !empty($fill_bg_h) ? $fill_bg_h : ''; ?> > <?php if ($check_title_header_text_display == 'show') { ?> <div class="box-content<?php echo esc_attr($heading_format); ?> "> <div class="box-content-titles"> <?php if (!empty($title_heading)) { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_heading, $allowed_tags); ?> </h1> <?php } else { ?> <h1 class="title"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo the_title(); ?> </h1> <?php } ?> <?php if (!empty($title_subheading)) { ?> <h2 class="subheading"<?php echo !empty($text_color) ? $text_color : ''; ?> ><?php echo wp_kses($title_subheading, $allowed_tags); ?> </h2> <?php } ?> </div> </div> <?php } ?> </div> <?php if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') { echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>'; } ?> </div> <?php } } } } } ?> <?php } else { ?> <?php if ($check_title_header_settings == 'hide' && $check_title_header_hide_settings == 'colorful') { ?> <div class="no-page-header colorful-version"<?php echo !empty($fill_hide_bg) ? $fill_hide_bg : ''; ?> ></div> <?php } else { ?> <div class="no-page-header transparent-version"></div> <?php } ?> <?php } ?> </div> <?php }
/** * Render Changelog Screen * * @access public * @since 2.0.3 * @return void */ public function redux_extensions() { /* repeater => social profiles => js button => multi media => css layout => color schemes => adjust-alt custom fonts => fontsize code mirror => view-mode live search => search support faq's => question date time picker => premium support => metaboxes => widget areas => shortcodes => icon select => gallery tracking => * */ $iconMap = array('repeater' => 'asl', 'social-profiles' => 'group', 'js-button' => 'hand-down', 'multi-media' => 'picture', 'css-layout' => 'fullscreen', 'color-schemes' => 'adjust-alt', 'custom-fonts' => 'fontsize', 'codemirror' => 'view-mode', 'live-search' => 'search', 'support-faqs' => 'question', 'date-time' => 'calendar', 'premium-support' => 'fire', 'metaboxes' => 'magic', 'widget-areas' => 'inbox-box', 'shortcodes' => 'shortcode', 'icon-select' => 'gallery'); $colors = array('8CC63F', '8CC63F', '0A803B', '25AAE1', '0F75BC', 'F7941E', 'F1592A', 'ED217C', 'BF1E2D', '8569CF', '0D9FD8', '8AD749', 'EECE00', 'F8981F', 'F80E27', 'F640AE'); shuffle($colors); echo '<style type="text/css">'; ?> <?php foreach ($colors as $key => $color) { echo '.theme-browser .theme.color' . $key . ' .theme-screenshot{background-color:' . Redux_Helpers::hex2rgba($color, 0.45) . ';}'; echo '.theme-browser .theme.color' . $key . ':hover .theme-screenshot{background-color:' . Redux_Helpers::hex2rgba($color, 0.75) . ';}'; } echo '</style>'; $color = 1; ?> <div class="wrap about-wrap"> <h1><?php _e('Redux Framework - Extensions', 'redux-framework'); ?> </h1> <div class="about-text"><?php printf(__('Supercharge your Redux experience. Our extensions provide you with features that will take your products to the next level.', 'redux-framework'), $this->display_version); ?> </div> <div class="redux-badge"><i class="el el-redux"></i><span><?php printf(__('Version %s', 'redux-framework'), ReduxFramework::$_version); ?> </span> </div> <?php $this->tabs(); ?> <p class="about-description"><?php _e("While some are built specificially for developers, extensions such as Custom Fonts are sure to make any user happy.", 'redux-framework'); ?> </p> <div class="extensions"> <div class="feature-section theme-browser rendered" style="clear:both;"> <?php $data = get_transient('redux-extensions-fetch'); if (empty($data)) { $data = json_decode(wp_remote_retrieve_body(wp_remote_get('http://reduxframework.com/wp-admin/admin-ajax.php?action=get_redux_extensions')), true); if (!empty($data)) { set_transient('redux-extensions-fetch', $data, 24 * HOUR_IN_SECONDS); } } function shuffle_assoc($list) { if (!is_array($list)) { return $list; } $keys = array_keys($list); shuffle($keys); $random = array(); foreach ($keys as $key) { $random[$key] = $list[$key]; } return $random; } $data = shuffle_assoc($data); foreach ($data as $key => $extension) { ?> <div class="theme color<?php echo $color; $color++; ?> "> <div class="theme-screenshot"> <figure> <i class="el <?php echo isset($iconMap[$key]) && !empty($iconMap[$key]) ? 'el-' . $iconMap[$key] : 'el-redux'; ?> "></i> <figcaption> <p><?php echo $extension['excerpt']; ?> </p> <a href="<?php echo $extension['url']; ?> " target="_blank">Learn more</a> </figcaption> </figure> </div> <h3 class="theme-name" id="classic"><?php echo $extension['title']; ?> </h3> <div class="theme-actions"> <a class="button button-primary button-install-demo" data-demo-id="<?php echo $key; ?> " href="<?php echo $extension['url']; ?> " target="_blank">Learn More</a></div> </div> <?php } ?> </div> </div> </div> <?php }
// Get the Categories from Portfolio for Filter $terms = get_the_terms($post->ID, 'project-category'); $list_categories = NULL; if (!empty($terms)) { foreach ($terms as $term) { $list_categories .= strtolower(str_replace(" ", "-", $term->slug)) . ' '; } } // Colorize FX $colorize_fx_project = $colorize_fx_class = $colorize_hover = ''; if ($portfolio_colorize_effect == true) { $colorize_fx_project = get_post_meta($post->ID, 'az_colorize_project_fx', true); if (!empty($colorize_fx_project['color'])) { $color_output = $colorize_fx_project['color']; $alpha_output = $colorize_fx_project['alpha']; $colorize_rgba_output = Redux_Helpers::hex2rgba('' . $color_output . '', '' . $alpha_output . ''); $colorize_hover = ' style="background-color: ' . $colorize_rgba_output . ';"'; $colorize_fx_class = ' colorize-portfolio-item'; } else { $color_output = $alpha_output = $colorize_hover = $colorize_fx_class = ''; } } // Start Item $output .= ' <div' . setClass(array('single-portfolio-item', $portfolio_columns_count, $list_categories)) . '>'; // Featured Image if (has_post_thumbnail()) { $thumb = get_post_thumbnail_id(); $img_url = wp_get_attachment_image_src($thumb, 'full'); if ($portfolio_layout_mode == "masonry-ly-portfolio") { $tw = max(floor($img_url[1] / 480), 1);
} else { if ($check_img_repeat == 'repeat') { $bg_img_repeat = 'background-repeat: repeat;'; } else { if ($check_img_repeat == 'repeat_x') { $bg_img_repeat = 'background-repeat: repeat-x;'; } else { if ($check_img_repeat == 'repeat_y') { $bg_img_repeat = 'background-repeat: repeat-y;'; } else { $bg_img_repeat = 'background-repeat: no-repeat; background-size: cover;'; } } } } $rgba_value = Redux_Helpers::hex2rgba('' . $options_alice['left_side_overaly_mask_color']['color'] . '', '' . $options_alice['left_side_overaly_mask_color']['alpha'] . ''); $bg_slogan_class = 'bg-image-slogan'; $bg_overlay_mask = '<span class="bg-image-slogan-mask" style="background-color: ' . $rgba_value . ';"></span>'; $bg_background_image = ' style="background-image: url(' . $options_alice['left_side_background_image']['url'] . '); background-position:' . $bg_img_position . '; ' . $bg_img_repeat . '"'; } } // Slogan Text Color $slogant_text_color = !empty($options_alice['left_side_header_slogan_text_color']) ? ' style="color: ' . $options_alice['left_side_header_slogan_text_color'] . ';"' : ''; ?> <div id="my-menu" class="<?php echo esc_attr($bg_slogan_visibility); ?> "> <?php if ($options_alice['left_side_slogan_visibility'] == 'show') {
if (!empty($search_title_image['url'])) { $bg_mode_output = ' style="background-image: url(' . $search_title_image['url'] . '); background-position:' . $bg_mode_position . '; ' . $bg_mode_repeat . '"'; } if (!empty($search_title_height) && !empty($search_title_image['url'])) { $bg_mode_output = ' style="background-image: url(' . $search_title_image['url'] . '); background-position:' . $bg_mode_position . '; ' . $bg_mode_repeat . ' height: ' . esc_attr($search_title_height) . 'px;"'; } // Output Title Header Image Parallax if (!empty($search_title_image_parallax['url'])) { $bg_mode_parallax = ' style="background-image: url(' . $search_title_image_parallax['url'] . ');"'; } if (!empty($search_title_height) && !empty($search_title_image_parallax['url'])) { $bg_mode_parallax = ' style="background-image: url(' . $search_title_image_parallax['url'] . '); height: ' . esc_attr($search_title_height) . 'px;"'; } // Check Mask Module if ($search_title_mask == 'mask_color' || $search_title_mask == 'mask_pattern_color') { $mask_rgba_value = Redux_Helpers::hex2rgba('' . $search_title_mask_bg['color'] . '', '' . $search_title_mask_bg['alpha'] . ''); } if ($search_title_mask == 'mask_color') { $mask_output = '<span class="overlay-bg" style="background-color: ' . $mask_rgba_value . ';"></span>'; } else { if ($search_title_mask == 'mask_pattern') { $mask_output = '<span class="overlay-pattern" style="background-image: url(' . $search_title_mask_pattern['url'] . '); opacity: ' . $search_title_mask_pattern_opacity . ';"></span>'; } else { if ($search_title_mask == 'mask_pattern_color') { $mask_output = '<span class="overlay-pattern" style="background-image: url(' . $search_title_mask_pattern['url'] . '); opacity: ' . $search_title_mask_pattern_opacity . ';"></span><span class="overlay-bg" style="background-color: ' . $mask_rgba_value . ';"></span>'; } else { $mask_output = ''; } } } ?>