* @package WR MegaMenu * @author WooRockets Team <*****@*****.**> * @copyright Copyright (C) 2014 WooRockets.com All Rights Reserved. * @license GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html * * Websites: http://www.woorockets.com * Technical Support: Feedback - http://www.woorockets.com */ $custom_css_item = '<li class="jsn-item ui-state-default"><label class="checkbox"><input type="checkbox" name="item-list" value="VALUE" CHECKED>VALUE</label></li>'; $css_files = $css_custom = ''; if (empty($_GET['pid'])) { exit; } $post_id = esc_sql($_GET['pid']); // get custom css data $custom_css_data = WR_Megamenu_Helpers_Functions::custom_css_data(isset($post_id) ? $post_id : NULL); extract($custom_css_data); $css_files = stripslashes($css_files); $css_custom = stripslashes($css_custom); $_css_files_tooltip = 'Insert path to your CSS files, each line for each file. <br>The path can be relative like: <br> <i><u>assets/css/yourfile.css</u></i> <br>or absolute like: <br> <i><u>http://yourwebsite.com/assets/css/yourfile.css</u></i> '; $_style = '.tooltip-inner { min-width: 350px !important; } .top-cut .tooltip-inner { margin-top: 60px; }'; WR_Megamenu_Init_Assets::inline('css', $_style, true); ?> <div class="jsn-master" id="wr-mm-custom-css-box"> <div class="jsn-bootstrap3">
public function load_profile_assets() { $profile_selector = $this->settings['location'] . '_' . $this->profile_id; $theme_style = isset($this->settings['theme_style']) ? $this->settings['theme_style'] : ''; $themes_options = get_post_meta($this->profile_id, WR_MEGAMENU_META_KEY . '_themes_options', true); $themes_options = json_decode($themes_options, true); // Load profile theme $default = isset($theme_style) && $theme_style != '' ? $theme_style . '/' . $theme_style . '.css' : 'default/default.css'; $profile_theme_url = WR_MEGAMENU_ROOT_URL . 'themes/' . $default; wp_enqueue_style("wr-{$this->profile_id}", $profile_theme_url, array(), '1.0'); if (isset($themes_options[$theme_style])) { $theme_options = $themes_options[$theme_style]; $setting = json_decode($theme_options, true); $style = ''; // Menu bar $style .= '.wr-megamenu-container.' . $profile_selector . ' {background: ' . $setting['menu-bar-bg'] . ' !important;}'; $style .= '.' . $profile_selector . ' .wr-mega-menu > li:hover > a, .' . $profile_selector . ' .wr-mega-menu > li.focus > a {background: ' . $setting['menu-bar-on_hover'] . ' !important;}'; if ($setting['menu-bar-font'] != 'inherit') { $style .= '.' . $profile_selector . ' .wr-mega-menu > li > a { color: ' . $setting['menu-bar-menu_color'] . ' !important; font-family: ' . $setting['menu-bar-font_face'] . ' !important; font-size:' . $setting['menu-bar-font_size'] . 'px !important; font-weight:' . $setting['menu-bar-font_weight'] . ' !important; }'; } if ($setting['menu-bar-icon_display_mode'] == 'icon_only') { $style .= ".{$profile_selector} .wr-mega-menu > li > a .menu_title, .{$profile_selector} .wr-mega-menu .sub-menu a .menu_title, .{$profile_selector} .wr-mega-menu .block-sub-menu a .ig-menu-title {display:none;}"; } else { if ($setting['menu-bar-icon_display_mode'] == 'text_only') { $style .= ".{$profile_selector} .wr-mega-menu > li > a > i, .{$profile_selector} .wr-mega-menu .sub-menu a i {display:none !important;}"; } } $style .= ".{$profile_selector} .wr-mega-menu > li > a > i {font-size: " . $setting['menu-bar-icon_size'] . 'px !important;}'; if ($setting['menu-bar-icon_position'] == 'top') { $style .= ".{$profile_selector} .wr-mega-menu > li > a > i {display:block !important;}"; $style .= ".{$profile_selector} .wr-mega-menu > li > a > i {text-align: center; width: 100% !important ;}"; } if ($setting['heading-text-font'] != 'inherit') { $style .= '.' . $profile_selector . ' .wr-mega-menu a.caption { color: ' . $setting['heading-text-menu_color'] . ' !important; font-family: ' . $setting['heading-text-font_face'] . ' !important; font-size:' . $setting['heading-text-font_size'] . 'px !important; font-weight:' . $setting['heading-text-font_weight'] . ' !important; }'; } if ($setting['normal-text-font'] != 'inherit') { $style .= '.' . $profile_selector . ' ul.sub-menu li a, ul.submenu-items li a { color: ' . $setting['normal-text-menu_color'] . ' !important; font-family: ' . $setting['normal-text-font_face'] . ' !important; font-size:' . $setting['normal-text-font_size'] . 'px !important; font-weight:' . $setting['normal-text-font_weight'] . ' !important; }'; } WR_Megamenu_Init_Assets::print_inline('css', $style); $script = ' '; if ($setting['menu-bar-menu_layout'] == 'vertical') { $script .= " \$( '.wr-megamenu-container.{$profile_selector}' ).addClass( 'vertical' );"; } if ($setting['submenu-panel-bullet_icon'] == 'yes') { $script .= "\$( '.{$profile_selector} ul.sub-menu li a, .{$profile_selector} ul.submenu-items li a' ).prepend( '<i class=\"glyphicon glyphicon-chevron-right\"></i>' );"; } if ($setting['menu-bar-stick_menu'] == 'yes') { $script .= "\$(document).scroll(function () {\n\t\t\t\t\t\t\t\tvar y = \$(document).scrollTop(),\n\t\t\t\t\t\t\t\tmega_container = \$( '.wr-megamenu-container.{$profile_selector}' );\n\t\t\t\t\t\t\t\tresponsive = \$( '.it-responsive-mega' );\n\t\t\t\t\t\t\t\tif (y > mega_container.parent().offset().top) {\n\t\t\t\t\t\t\t\t\tmega_container.addClass( 'stick' );\n\t\t\t\t\t\t\t\t\tresponsive.addClass( 'stick' );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tmega_container.removeClass( 'stick' );\n\t\t\t\t\t\t\t\t\tresponsive.removeClass( 'stick' );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});"; } WR_Megamenu_Init_Assets::inline('js', $script); } $script = "\n\n\t\t\t\$( '.{$profile_selector} .mega-item.wr-megamenu-fixed, .{$profile_selector} .menu-item-has-children.menu-default' ).on( 'hover', function () {\n\n\t\t\t\tvar\n\t\t\t\t\tmega_inner = null,\n\t\t\t\t\tmega_menu = \$(this).find( ' > .wr-megamenu-inner' ),\n\t\t\t\t\tsub_menu = \$(this).find( ' > .sub-menu' ),\n\t\t\t\t\tis_mega_inner = false\n\t\t\t\t\t;\n\n\t\t\t\tif (sub_menu.length > 0) {\n\t\t\t\t\tmega_inner = sub_menu;\n\t\t\t\t} else if (mega_menu.length > 0) {\n\t\t\t\t\tmega_inner = mega_menu;\n\t\t\t\t\tis_mega_inner = true;\n\t\t\t\t}\n\t\t\t\tif (mega_inner != null) {\n\t\t\t\t\tif (mega_inner.outerWidth() > (\$(window).outerWidth() - mega_inner.offset().left ) ) {\n\t\t\t\t\t\tif (!is_mega_inner) {\n\t\t\t\t\t\t\tmega_inner.addClass( 'wr-megamenu-rtl' );\n\t\t\t\t\t\t\t\$( '.{$profile_selector} ul.sub-menu li.wr-megamenu-item' ).css({'text-align': 'right', 'background': 'inherit'});\n\t\t\t\t\t\t\t\$( '.{$profile_selector} ul.wr-mega-menu ul ul.sub-menu' ).css( 'right', '99%' );\n\t\t\t\t\t\t\t\$( '.{$profile_selector} ul.wr-mega-menu ul li' ).on( 'hover', function () {\n\t\t\t\t\t\t\t\t\$(this).find( '> ul.sub-menu' ).css({'right': '100%'});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\$( '.wr-megamenu-container.{$profile_selector} ul ul' ).addClass('pull-right');\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tmega_inner.addClass('wr-megamenu-left-inner');\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t"; WR_Megamenu_Init_Assets::inline('js', $script); // Custom css $custom_css_data = WR_Megamenu_Helpers_Functions::custom_css_data(isset($this->profile_id) ? $this->profile_id : NULL); extract($custom_css_data); $css_files = stripslashes($css_files); if (!empty($css_files)) { $css_files = json_decode($css_files); $data = $css_files->data; foreach ($data as $idx => $file_info) { $checked = $file_info->checked; $url = $file_info->url; // if file is checked to load, enqueue it if ($checked) { echo balanceTags("<link rel='stylesheet' id='wr-mg-custom-file-{$this->profile_id}-{$idx}' href='/{$url}' type='text/css' media='all' />"); } } } $css_custom = stripslashes($css_custom); if (!empty($css_custom)) { WR_Megamenu_Init_Assets::print_inline('css', $css_custom); } }