 . ')
 . ')
If you are having issues with sticky elements that dont assume a sticky behaviour, enter the ids or class name that identify that element.
', 'mobile-menu' ), 'class' => 'advanced-options', ) ); // Export settings. $general_tab->createOption( array( 'name' => __( 'Export Settings', 'mobile-menu' ), 'type' => 'custom', 'custom' => '', 'class' => 'advanced-import-export', ) ); // Import settings. $general_tab->createOption( array( 'name' => __( 'Import Settings', 'mobile-menu' ), 'type' => 'custom', 'custom' => '', 'class' => 'advanced-import-export', ) ); // Enable/Disable Sticky Header. $general_tab->createOption( array( 'name' => __( 'Sticky Header', 'mobile-menu' ), 'id' => 'enabled_sticky_header', 'type' => 'enable', 'default' => true, 'desc' => __( 'Choose if you want to have the Header Fixed or scrolling with the content.', 'mobile-menu' ), 'enabled' => __( 'Yes', 'mobile-menu' ), 'disabled' => __( 'No', 'mobile-menu' ), 'class' => 'header-options', ) ); // Enable/Disable Logo Url. $general_tab->createOption( array( 'name' => __( 'Disable Logo/Text', 'mobile-menu' ), 'id' => 'disabled_logo_text', 'type' => 'enable', 'default' => false, 'desc' => __( 'Choose if you want to disable the logo/text so it will only display the menu icons in the header.', 'mobile-menu' ), 'enabled' => __( 'Yes', 'mobile-menu' ), 'disabled' => __( 'No', 'mobile-menu' ), 'class' => 'header-options', ) ); // Header Shadow. $general_tab->createOption( array( 'name' => __( 'Header Shadow.', 'mobile-menu' ), 'id' => 'header_shadow', 'type' => 'enable', 'default' => false, 'desc' => __( 'Choose if you want to enable the header shadow at the bottom of the header.', 'mobile-menu' ), 'enabled' => __( 'Yes', 'mobile-menu' ), 'disabled' => __( 'No', 'mobile-menu' ), 'class' => 'header-options', ) ); // Header Height. $general_tab->createOption( array( 'name' => __( 'Header Height', 'mobile-menu' ), 'id' => 'header_height', 'type' => 'number', 'desc' => __( 'Enter the height of the header', 'mobile-menu' ), 'default' => '50', 'max' => '500', 'min' => '20', 'unit' => 'px', 'class' => 'header-options', ) ); // Header Text. $general_tab->createOption( array( 'name' => __( 'Header Text', 'mobile-menu' ), 'id' => 'header_text', 'type' => 'text', 'desc' => __( 'Enter the desired text for the Mobile Header. If not specified it will use the site title.', 'mobile-menu' ), 'default' => '', 'class' => 'header-options', ) ); // Header Text Font Size. $general_tab->createOption( array( 'name' => __( 'Header Text Font Size', 'mobile-menu' ), 'id' => 'header_font_size', 'type' => 'number', 'desc' => __( 'Enter the header text font size', 'mobile-menu' ), 'default' => '20', 'max' => '100', 'min' => '5', 'unit' => 'px', 'class' => 'header-options', ) ); // Header Logo/Text Alignment. $general_tab->createOption( array( 'name' => 'Header Logo/Text Alignment', 'id' => 'header_text_align', 'type' => 'select', 'desc' => 'Chose the header Logo/Text alignment.', 'options' => array( 'left' => __( 'Left', 'mobile-menu' ), 'center' => __( 'Center', 'mobile-menu' ), 'right' => __( 'Right', 'mobile-menu' ), ), 'default' => 'center', 'class' => 'header-options', ) ); // Header Logo/Text Left Margin. $general_tab->createOption( array( 'name' => __( 'Header Logo/Text Left Margin', 'mobile-menu' ), 'id' => 'header_text_left_margin', 'type' => 'number', 'desc' => __( 'Enter the header Logo/Text left margin (only used whit Header Left Alignment)', 'mobile-menu' ), 'default' => '20', 'max' => '200', 'min' => '0', 'unit' => 'px', 'class' => 'header-options', ) ); // Header Logo/Text Right Margin. $general_tab->createOption( array( 'name' => __( 'Header Logo/Text Right Margin', 'mobile-menu' ), 'id' => 'header_text_right_margin', 'type' => 'number', 'desc' => __( 'Enter the header Logo/Text right margin (only used whit Header Right Alignment)', 'mobile-menu' ), 'default' => '20', 'max' => '200', 'min' => '0', 'unit' => 'px', 'class' => 'header-options', ) ); $header_branding = array( 'logo' => __( 'Image', 'mobile-menu' ), 'text' => __( 'Text', 'mobile-menu' ), ); if ( $plugin_settings->getOption( 'enabled_logo' ) ) { $default_header_branding = 'logo'; } else { $default_header_branding = 'text'; } // Use the page title in the Header or Header Banner(global Option). $general_tab->createOption( array( 'name' => __( 'Site Logo', 'mobile-menu' ), 'id' => 'header_branding', 'type' => 'select', 'desc' => __( 'Chose the Header Branding ( Logo/Text ).', 'mobile-menu' ), 'options' => $header_branding, 'default' => $default_header_branding, 'class' => 'logo-options', ) ); // Site Logo Image. $general_tab->createOption( array( 'name' => __( 'Logo Image', 'mobile-menu' ), 'id' => 'logo_img', 'type' => 'upload', 'desc' => __( 'Upload your logo image', 'mobile-menu' ), 'default' => '', 'class' => 'logo-options', ) ); // Site Logo Retina Image. $general_tab->createOption( array( 'name' => __( 'Logo Image for Retina devices', 'mobile-menu' ), 'id' => 'logo_img_retina', 'type' => 'upload', 'desc' => __( 'Upload your logo image for retina devices', 'mobile-menu' ), 'default' => '', 'class' => 'logo-options', ) ); // Header Height. $general_tab->createOption( array( 'name' => __( 'Logo Image Height', 'mobile-menu' ), 'id' => 'logo_height', 'type' => 'number', 'desc' => __( 'Enter the height of the logo', 'mobile-menu' ), 'default' => '', 'max' => '500', 'min' => '0', 'unit' => 'px', 'class' => 'logo-options', ) ); // Enable/Disable Logo Url. $general_tab->createOption( array( 'name' => __( 'Disable Logo URL ', 'mobile-menu' ), 'id' => 'disabled_logo_url', 'type' => 'enable', 'default' => false, 'desc' => __( 'Choose if you want to disable the logo url to avoid being redirect to the homepage or alternative home url when touching the header logo.', 'mobile-menu' ), 'enabled' => __( 'Yes', 'mobile-menu' ), 'disabled' => __( 'No', 'mobile-menu' ), 'class' => 'logo-options', ) ); // Alternative Site URL. $general_tab->createOption( array( 'name' => __( 'Alternative Logo URL', 'mobile-menu' ), 'id' => 'logo_url', 'type' => 'text', 'desc' => __( 'Enter you homepage logo URL. If you leave it blank it will use the Site URL.', 'mobile-menu' ), 'default' => '', 'class' => 'logo-options', ) ); // Logo/text Top Margin. $general_tab->createOption( array( 'name' => __( 'Logo/Text Top Margin', 'mobile-menu' ), 'id' => 'logo_top_margin', 'type' => 'number', 'desc' => __( 'Enter the logo/text top margin', 'mobile-menu' ), 'default' => '0', 'max' => '450', 'min' => '0', 'unit' => 'px', 'class' => 'logo-options', ) ); $def_value = $plugin_settings->getOption( 'header_font_size' ); if ( $def_value > 0 ) { $def_value .= 'px'; } else { $def_value = ''; } $general_tab->createOption( array( 'name' => __( 'Header Menu Font', 'mobile-menu' ), 'id' => 'header_menu_font', 'type' => 'font', 'desc' => __( 'Select a style', 'mobile-menu' ), 'show_font_weight' => true, 'show_font_style' => true, 'show_letter_spacing' => true, 'show_text_transform' => true, 'show_font_variant' => false, 'show_text_shadow' => false, 'show_color' => false, 'show_line_height' => false, 'default' => array( 'font-family' => 'Dosis', 'font-size' => $def_value, ), 'class' => 'font-options', ) ); // Click Menu Parent link to open Sub menu. $general_tab->createOption( array( 'name' => __( 'Parent Link open submenu', 'mobile-menu' ), 'id' => 'left_menu_parent_link_submenu', 'type' => 'enable', 'default' => false, 'desc' => __( 'Choose if you want to open the submenu by click in the Parent Menu item.', 'mobile-menu' ), 'enabled' => __( 'Yes', 'mobile-menu' ), 'disabled' => __( 'No', 'mobile-menu' ), 'class' => 'left-menu-options', ) ); if ( true === $plugin_settings->getOption( 'left_menu_icon_opt' ) ) { $icon_type = 'image'; } else { $icon_type = 'icon'; } // Icon Image/text Option. $general_tab->createOption( array( 'name' => __( 'Icon Type', 'mobile-menu' ), 'id' => 'left_menu_icon_new', 'type' => 'select', 'default' => $icon_type, 'desc' => __( 'Choose if you want to display an image, icon or an animated icon.', 'mobile-menu' ), 'options' => $icon_types, 'class' => 'left-menu-icon', ) ); // Left Menu Icon Font. $general_tab->createOption( array( 'name' => __( 'Icon Font', 'mobile-menu' ), 'id' => 'left_menu_icon_font', 'type' => 'text', 'desc' => __( 'Select menu icon', 'mobile-menu' ), 'default' => 'menu', 'class' => 'left-menu-icon', ) ); // Left Menu Icon Font Size. $general_tab->createOption( array( 'name' => __( 'Icon Font Size', 'mobile-menu' ), 'id' => 'left_icon_font_size', 'type' => 'number', 'desc' => __( 'Enter the Left Icon Font Size', 'mobile-menu' ), 'default' => '30', 'max' => '100', 'min' => '0', 'unit' => 'px', 'class' => 'left-menu-icon', ) ); // Left Menu Icon. $general_tab->createOption( array( 'name' => __( 'Icon Image', 'mobile-menu' ), 'id' => 'left_menu_icon', 'type' => 'upload', 'placeholder' => 'Click here to select the icon', 'desc' => __( 'Upload your left menu icon image', 'mobile-menu' ), 'default' => '', 'class' => 'left-menu-icon', ) ); // Icon Action Option. $general_tab->createOption( array( 'name' => __( 'Icon Action', 'mobile-menu' ), 'id' => 'left_menu_icon_action', 'type' => 'enable', 'default' => true, 'desc' => __( 'Open the Left Menu Panel or open a Link url.', 'mobile-menu' ), 'enabled' => __( 'Open Menu', 'mobile-menu' ), 'disabled' => __( 'Open Link Url', 'mobile-menu' ), 'class' => 'left-menu-icon', ) ); // Icon URL. $general_tab->createOption( array( 'name' => __( 'Icon Link URL', 'mobile-menu' ), 'id' => 'left_icon_url', 'type' => 'text', 'desc' => __( 'Enter the Icon Link Url.', 'mobile-menu' ), 'default' => '', 'class' => 'left-menu-icon', ) ); // Icon URL Target. $general_tab->createOption( array( 'name' => __( 'Icon Link Url Target', 'mobile-menu' ), 'id' => 'left_icon_url_target', 'type' => 'enable', 'default' => true, 'desc' => __( 'Choose it the link will open in the same window or in the new window.', 'mobile-menu' ), 'enabled' => 'Self', 'disabled' => 'Blank', 'class' => 'left-menu-icon', ) ); // Text After Left Icon. $general_tab->createOption( array( 'name' => __( 'Text After Icon', 'mobile-menu' ), 'id' => 'left_menu_text', 'type' => 'text', 'desc' => __( 'Enter the text that will appear after the Icon.', 'mobile-menu' ), 'default' => '', 'class' => 'left-menu-icon', ) ); // Text After Left Icon Font Options. $general_tab->createOption( array( 'name' => __( 'Text After Icon Font', 'mobile-menu' ), 'id' => 'text_after_left_icon_font', 'type' => 'font', 'desc' => __( 'Select a style', 'mobile-menu' ), 'show_font_weight' => true, 'show_font_style' => true, 'show_line_height' => true, 'show_letter_spacing' => true, 'show_text_transform' => true, 'show_font_variant' => false, 'show_text_shadow' => false, 'show_color' => true, 'default' => array( 'line-height' => '1.5em', 'font-family' => 'Dosis', ), 'class' => 'font-options', ) ); // Left Menu Icon Top Margin. $general_tab->createOption( array( 'name' => __( 'Icon Top Margin', 'mobile-menu' ), 'id' => 'left_icon_top_margin', 'type' => 'number', 'desc' => __( 'Enter the Left Icon Top Margin', 'mobile-menu' ), 'default' => '10', 'max' => '450', 'min' => '0', 'unit' => 'px', 'class' => 'left-menu-icon', ) ); // Left Menu Icon Left Margin. $general_tab->createOption( array( 'name' => __( 'Icon Left Margin', 'mobile-menu' ), 'id' => 'left_icon_left_margin', 'type' => 'number', 'desc' => __( 'Enter the Left Icon Left Margin', 'mobile-menu' ), 'default' => '5', 'max' => '450', 'min' => '0', 'unit' => 'px', 'class' => 'left-menu-icon', ) ); // Left Menu Background Image. $general_tab->createOption( array( 'name' => __( 'Panel Background Image', 'mobile-menu' ), 'id' => 'left_menu_bg_image', 'type' => 'upload', 'desc' => __( 'Upload your left menu background image(this will override the Background color option)', 'mobile-menu' ), 'class' => 'left-panel-options', ) ); // Left Menu Background Image Opacity. $general_tab->createOption( array( 'name' => __( 'Panel Background Image Opacity', 'mobile-menu' ), 'id' => 'left_menu_bg_opacity', 'type' => 'number', 'desc' => __( 'Enter the Left Background image opacity', 'mobile-menu' ), 'default' => '100', 'max' => '100', 'min' => '10', 'step' => '10', 'unit' => '%', 'class' => 'left-panel-options', ) ); // Left Menu Background Image Size. $general_tab->createOption( array( 'name' => __( 'Panel Background Image Size', 'mobile-menu' ), 'id' => 'left_menu_bg_image_size', 'type' => 'upload', 'type' => 'select', 'desc' => __( 'Select the Background image size type. See the CSS Documentation', 'mobile-menu' ), 'options' => array( 'auto' => __( 'Auto', 'mobile-menu' ), 'contain' => __( 'Contain', 'mobile-menu' ), 'cover' => __( 'Cover', 'mobile-menu' ), 'inherit' => __( 'Inherit', 'mobile-menu' ), 'initial' => __( 'Initial', 'mobile-menu' ), 'unset' => __( 'Unset', 'mobile-menu' ), ), 'default' => 'cover', 'class' => 'left-panel-options', ) ); // Left Menu Gradient css. $general_tab->createOption( array( 'name' => __( 'Panel Background Gradient Css', 'mobile-menu' ), 'id' => 'left_menu_bg_gradient', 'type' => 'text', 'desc' => __( 'Click here to get your desired Gradient, just press the copy button and paste in this field.', 'mobile-menu' ), 'default' => '', 'class' => 'left-panel-options', ) ); // Left Menu Panel Width Units. $general_tab->createOption( array( 'name' => __( 'Menu Panel Width Units', 'mobile-menu' ), 'id' => 'left_menu_width_units', 'type' => 'enable', 'default' => true, 'desc' => __( 'Choose the width units.', 'mobile-menu' ), 'enabled' => 'Pixels', 'disabled' => __( 'Percentage', 'mobile-menu' ), 'class' => 'left-panel-options', ) ); // Left Menu Panel Width. $general_tab->createOption( array( 'name' => __( 'Menu Panel Width(Pixels)', 'mobile-menu' ), 'id' => 'left_menu_width', 'type' => 'number', 'desc' => __( 'Enter the Left Menu Panel Width', 'mobile-menu' ), 'default' => '270', 'max' => '1000', 'min' => '50', 'unit' => 'px', 'class' => 'left-panel-options', ) ); // Left Menu Panel Width. $general_tab->createOption( array( 'name' => __( 'Menu Panel Width(Percentage)', 'mobile-menu' ), 'id' => 'left_menu_width_percentage', 'type' => 'number', 'desc' => __( 'Enter the Left Menu Panel Width', 'mobile-menu' ), 'default' => '70', 'max' => '90', 'min' => '0', 'unit' => '%', 'class' => 'left-panel-options', ) ); // Left Menu Content Padding. $general_tab->createOption( array( 'name' => __( 'Left Menu Content Padding', 'mobile-menu' ), 'id' => 'left_menu_content_padding', 'type' => 'number', 'desc' => __( 'Enter the Left Menu Content Padding', 'mobile-menu' ), 'default' => '10', 'max' => '30', 'min' => '0', 'step' => '1', 'unit' => '%', 'class' => 'left-panel-options', ) ); // Left Menu Font. $general_tab->createOption( array( 'name' => __( 'Left Menu Font', 'mobile-menu' ), 'id' => 'left_menu_font', 'type' => 'font', 'desc' => __( 'Select a style', 'mobile-menu' ), 'show_font_weight' => true, 'show_font_style' => true, 'show_line_height' => true, 'show_letter_spacing' => true, 'show_text_transform' => true, 'show_font_variant' => false, 'show_text_shadow' => false, 'show_color' => false, 'default' => array( 'line-height' => '1.5em', 'font-family' => 'Dosis', ), 'class' => 'font-options', ) ); // Click Menu Parent link to open Sub menu. $general_tab->createOption( array( 'name' => __( 'Parent Link open submenu', 'mobile-menu' ), 'id' => 'right_menu_parent_link_submenu', 'type' => 'enable', 'default' => false, 'desc' => __( 'Choose if you want to open the submenu by click in the Parent Menu item.', 'mobile-menu' ), 'enabled' => __( 'Yes', 'mobile-menu' ), 'disabled' => __( 'No', 'mobile-menu' ), 'class' => 'right-menu-options', ) ); if ( true === $plugin_settings->getOption( 'right_menu_icon_opt' ) ) { $icon_type = 'image'; } else { $icon_type = 'icon'; } // Icon Image/text Option. $general_tab->createOption( array( 'name' => __( 'Icon Type', 'mobile-menu' ), 'id' => 'right_menu_icon_new', 'type' => 'select', 'default' => $icon_type, 'desc' => __( 'Choose if you want to display an image, icon or an animated icon.', 'mobile-menu' ), 'options' => $icon_types, 'class' => 'right-menu-icon', ) ); // Right Menu Icon Font. $general_tab->createOption( array( 'name' => __( 'Icon Font', 'mobile-menu' ), 'id' => 'right_menu_icon_font', 'type' => 'text', 'desc' => __( 'Select menu icon', 'mobile-menu' ), 'default' => 'menu', 'class' => 'right-menu-icon', ) ); // Right Menu Icon Font Size. $general_tab->createOption( array( 'name' => __( 'Icon Font Size', 'mobile-menu' ), 'id' => 'right_icon_font_size', 'type' => 'number', 'desc' => __( 'Enter the Right Icon Font Size', 'mobile-menu' ), 'default' => '30', 'max' => '100', 'min' => '0', 'unit' => 'px', 'class' => 'right-menu-icon', ) ); // Right Menu Icon. $general_tab->createOption( array( 'name' => __( 'Icon Image', 'mobile-menu' ), 'id' => 'right_menu_icon', 'type' => 'upload', 'desc' => __( 'Upload your right menu icon image', 'mobile-menu' ), 'default' => '', 'class' => 'right-menu-icon', ) ); // Icon Action Option. $general_tab->createOption( array( 'name' => __( 'Icon Action', 'mobile-menu' ), 'id' => 'right_menu_icon_action', 'type' => 'enable', 'default' => true, 'desc' => __( 'Open the Right Menu Panel or open a Link url.', 'mobile-menu' ), 'enabled' => __( 'Open Menu', 'mobile-menu' ), 'disabled' => __( 'Open Link Url', 'mobile-menu' ), 'class' => 'right-menu-icon', ) ); // Icon URL. $general_tab->createOption( array( 'name' => __( 'Icon Link URL', 'mobile-menu' ), 'id' => 'right_icon_url', 'type' => 'text', 'desc' => __( 'Enter the Icon Link Url.', 'mobile-menu' ), 'default' => '', 'class' => 'right-menu-icon', ) ); // Icon URL Target. $general_tab->createOption( array( 'name' => __( 'Icon Link Url Target', 'mobile-menu' ), 'id' => 'right_icon_url_target', 'type' => 'enable', 'default' => true, 'desc' => __( 'Choose it the link will open in the same window or in the new window.', 'mobile-menu' ), 'enabled' => 'Self', 'disabled' => 'Blank', 'class' => 'right-menu-icon', ) ); // Text Before Right Icon. $general_tab->createOption( array( 'name' => __( 'Text Before Icon', 'mobile-menu' ), 'id' => 'right_menu_text', 'type' => 'text', 'desc' => __( 'Enter the text that will appear before the Icon.', 'mobile-menu' ), 'default' => '', 'class' => 'right-menu-icon', ) ); // Text Before Right Icon Font Options. $general_tab->createOption( array( 'name' => __( 'Text Before Icon Font', 'mobile-menu' ), 'id' => 'text_before_right_icon_font', 'type' => 'font', 'desc' => __( 'Select a style', 'mobile-menu' ), 'show_font_weight' => true, 'show_font_size' => true, 'show_font_style' => true, 'show_line_height' => true, 'show_letter_spacing' => true, 'show_text_transform' => true, 'show_font_variant' => false, 'show_text_shadow' => false, 'show_color' => false, 'default' => array( 'line-height' => '1.5em', 'font-family' => 'Dosis', ), 'class' => 'font-options', ) ); // Right Menu Icon Top Margin. $general_tab->createOption( array( 'name' => __( 'Icon Top Margin', 'mobile-menu' ), 'id' => 'right_icon_top_margin', 'type' => 'number', 'desc' => __( 'Enter the Right Icon Top Margin', 'mobile-menu' ), 'default' => '10', 'max' => '450', 'min' => '0', 'unit' => 'px', 'class' => 'right-menu-icon', ) ); // Right Menu Icon Right Margin. $general_tab->createOption( array( 'name' => __( 'Icon Right Margin', 'mobile-menu' ), 'id' => 'right_icon_right_margin', 'type' => 'number', 'desc' => __( 'Enter the Right Icon Right Margin', 'mobile-menu' ), 'default' => '5', 'max' => '450', 'min' => '0', 'unit' => 'px', 'class' => 'right-menu-icon', ) ); // Right Menu Background Image. $general_tab->createOption( array( 'name' => __( 'Panel Background Image', 'mobile-menu' ), 'id' => 'right_menu_bg_image', 'type' => 'upload', 'desc' => __( 'upload your right menu background image(this will override the Background color option)', 'mobile-menu' ), 'class' => 'right-panel-options', ) ); // Right Menu Background Image Opacity. $general_tab->createOption( array( 'name' => __( 'Panel Background Image Opacity', 'mobile-menu' ), 'id' => 'right_menu_bg_opacity', 'type' => 'number', 'desc' => __( 'Enter the Right Background image opacity', 'mobile-menu' ), 'default' => '100', 'max' => '100', 'min' => '10', 'step' => '10', 'unit' => '%', 'class' => 'right-panel-options', ) ); // Left Menu Background Image Size. $general_tab->createOption( array( 'name' => __( 'Panel Background Image Size', 'mobile-menu' ), 'id' => 'right_menu_bg_image_size', 'type' => 'select', 'desc' => __( 'Select the Background image size type. See the CSS Documentation', 'mobile-menu' ), 'options' => array( 'auto' => __( 'Auto', 'mobile-menu' ), 'contain' => __( 'Contain', 'mobile-menu' ), 'cover' => __( 'Cover', 'mobile-menu' ), 'inherit' => __( 'Inherit', 'mobile-menu' ), 'initial' => __( 'Initial', 'mobile-menu' ), 'unset' => __( 'Unset', 'mobile-menu' ), ), 'default' => 'cover', 'class' => 'right-panel-options', ) ); // Right Menu Gradient css. $general_tab->createOption( array( 'name' => __( 'Panel Background Gradient Css', 'mobile-menu' ), 'id' => 'right_menu_bg_gradient', 'type' => 'text', 'desc' => __( 'Click here to get your desired Gradient, just press the copy button and paste in this field.', 'mobile-menu' ), 'default' => '', 'class' => 'right-panel-options', ) ); // Right Menu Panel Width Units. $general_tab->createOption( array( 'name' => __( 'Menu Panel Width Units', 'mobile-menu' ), 'id' => 'right_menu_width_units', 'type' => 'enable', 'default' => true, 'desc' => __( 'Choose the width units.', 'mobile-menu' ), 'enabled' => __( 'Pixels', 'mobile-menu' ), 'disabled' => __( 'Percentage', 'mobile-menu' ), 'class' => 'right-panel-options', ) ); // Right Menu Panel Width. $general_tab->createOption( array( 'name' => __( 'Menu Panel Width(Pixels)', 'mobile-menu' ), 'id' => 'right_menu_width', 'type' => 'number', 'desc' => __( 'Enter the Right Menu Panel Width', 'mobile-menu' ), 'default' => '270', 'max' => '450', 'min' => '50', 'unit' => 'px', 'class' => 'right-panel-options', ) ); // Right Menu Panel Width. $general_tab->createOption( array( 'name' => __( 'Menu Panel Width(Percentage)', 'mobile-menu' ), 'id' => 'right_menu_width_percentage', 'type' => 'number', 'desc' => __( 'Enter the Right Menu Panel Width', 'mobile-menu' ), 'default' => '70', 'max' => '90', 'min' => '0', 'unit' => '%', 'class' => 'right-panel-options', ) ); // Right Menu Content Padding. $general_tab->createOption( array( 'name' => __( 'Right Menu Content Padding', 'mobile-menu' ), 'id' => 'right_menu_content_padding', 'type' => 'number', 'desc' => __( 'Enter the Right Menu Content Padding', 'mobile-menu' ), 'default' => '10', 'max' => '30', 'min' => '0', 'step' => '1', 'unit' => '%', 'class' => 'right-panel-options', ) ); // Right Menu Font. $general_tab->createOption( array( 'name' => __( 'Right Menu Font', 'mobile-menu' ), 'id' => 'right_menu_font', 'type' => 'font', 'desc' => __( 'Select a style', 'mobile-menu' ), 'show_font_weight' => true, 'show_font_style' => true, 'show_line_height' => true, 'show_letter_spacing' => true, 'show_text_transform' => true, 'show_font_size' => true, 'show_font_variant' => false, 'show_text_shadow' => false, 'show_color' => false, 'default' => array( 'line-height' => '1.5em', 'font-family' => 'Dosis', ), 'class' => 'font-options', ) ); // Overlay Background color. $general_tab->createOption( array( 'name' => __( 'Overlay Background Color', 'mobile-menu' ), 'id' => 'overlay_bg_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => 'rgba(0, 0, 0, 0.83)', 'class' => 'colors-options', ) ); // Menu Items Border color. $general_tab->createOption( array( 'name' => __( 'Menu Items Border Color', 'mobile-menu' ), 'id' => 'menu_items_border_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => 'rgba(0, 0, 0, 0.83)', 'class' => 'colors-options', ) ); // Header Background color. $general_tab->createOption( array( 'name' => __( 'Header Background Color', 'mobile-menu' ), 'id' => 'header_bg_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#111111', 'class' => 'header-colors', ) ); // Header Text color. $general_tab->createOption( array( 'name' => __( 'Header Text Color', 'mobile-menu' ), 'id' => 'header_text_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#FFF', 'class' => 'header-colors', ) ); $general_tab->createOption( array( 'name' => __( 'Alerts', 'mobile-menu' ), 'type' => 'note', 'class' => 'general-alerts heading', ) ); // Left Menu Icon color. $general_tab->createOption( array( 'name' => __( 'Menu Icon Color', 'mobile-menu' ), 'id' => 'left_menu_icon_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#FFF', 'class' => 'left-menu-colors', ) ); // Header Text After Left Icon. $general_tab->createOption( array( 'name' => __( 'Text After Left Icon', 'mobile-menu' ), 'id' => 'header_text_after_icon', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#222', 'class' => 'left-menu-colors', ) ); // Left Panel Background color. $general_tab->createOption( array( 'name' => __( 'Background Color', 'mobile-menu' ), 'id' => 'left_panel_bg_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#F7F7F7', 'class' => 'left-menu-colors', ) ); // Left Panel Text color. $general_tab->createOption( array( 'name' => __( 'Text Color', 'mobile-menu' ), 'id' => 'left_panel_text_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#666', 'class' => 'left-menu-colors', ) ); // Left Panel Background Hover Color. $general_tab->createOption( array( 'name' => __( 'Background Hover Color', 'mobile-menu' ), 'id' => 'left_panel_hover_bgcolor', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#666', 'class' => 'left-menu-colors', ) ); // Left Panel Text color Hover. $general_tab->createOption( array( 'name' => __( 'Hover Text Color', 'mobile-menu' ), 'id' => 'left_panel_hover_text_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#FFF', 'class' => 'left-menu-colors', ) ); // Left Panel Sub-menu Background Color. $general_tab->createOption( array( 'name' => __( 'Submenu Background Color', 'mobile-menu' ), 'id' => 'left_panel_submenu_bgcolor', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#3a3a3a', 'class' => 'left-menu-colors', ) ); // Left Panel Sub-menu Text Color. $general_tab->createOption( array( 'name' => __( 'Submenu Text Color', 'mobile-menu' ), 'id' => 'left_panel_submenu_text_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#fff', 'class' => 'left-menu-colors', ) ); // Left Panel Cancel Button Color. $general_tab->createOption( array( 'name' => __( 'Cancel Button Color', 'mobile-menu' ), 'id' => 'left_panel_cancel_button_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#666', 'class' => 'left-menu-colors', ) ); // Right Menu Icon color. $general_tab->createOption( array( 'name' => __( 'Menu Icon Color', 'mobile-menu' ), 'id' => 'right_menu_icon_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#FFF', 'class' => 'right-menu-colors', ) ); // Header Text Before Right Icon. $general_tab->createOption( array( 'name' => __( 'Text Before Right Icon', 'mobile-menu' ), 'id' => 'header_text_before_icon', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#222', 'class' => 'right-menu-colors', ) ); // Right Panel Background color. $general_tab->createOption( array( 'name' => __( 'Background Color', 'mobile-menu' ), 'id' => 'right_panel_bg_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#F7F7F7', 'class' => 'right-menu-colors', ) ); // Right Panel Text color. $general_tab->createOption( array( 'name' => __( 'Text Color', 'mobile-menu' ), 'id' => 'right_panel_text_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#666', 'class' => 'right-menu-colors', ) ); // Right Panel Background Hover Color. $general_tab->createOption( array( 'name' => __( 'Background Hover Color', 'mobile-menu' ), 'id' => 'right_panel_hover_bgcolor', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#666', 'class' => 'right-menu-colors', ) ); // Right Panel Text color Hover. $general_tab->createOption( array( 'name' => __( 'Hover Text Color', 'mobile-menu' ), 'id' => 'right_panel_hover_text_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#FFF', 'class' => 'right-menu-colors', ) ); // Right Panel Sub-menu Background Color. $general_tab->createOption( array( 'name' => __( 'Submenu Background Color', 'mobile-menu' ), 'id' => 'right_panel_submenu_bgcolor', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#3a3a3a', 'class' => 'right-menu-colors', ) ); // Right Panel Sub-menu Text Color. $general_tab->createOption( array( 'name' => __( 'Submenu Text Color', 'mobile-menu' ), 'id' => 'right_panel_submenu_text_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#fff', 'class' => 'right-menu-colors', ) ); // Right Panel Cancel Button Color. $general_tab->createOption( array( 'name' => __( 'Cancel Button Color', 'mobile-menu' ), 'id' => 'right_panel_cancel_button_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#666', 'class' => 'right-menu-colors', ) ); // Left Panel 3rd Level Left Menu Items Text color. $general_tab->createOption( array( 'name' => __( '3rd Level Text Color', 'mobile-menu' ), 'id' => 'left_panel_3rd_menu_text_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#fff', 'class' => 'left-menu-colors', ) ); // Left Panel 3rd Level Left Menu Items Text color Hover. $general_tab->createOption( array( 'name' => __( '3rd Level Text Color Hover', 'mobile-menu' ), 'id' => 'left_panel_3rd_menu_text_color_hover', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#ccc', 'class' => 'left-menu-colors', ) ); // Left Panel 3rd Level Left Menu Items Background color. $general_tab->createOption( array( 'name' => __( '3rd Level Background Color', 'mobile-menu' ), 'id' => 'left_panel_3rd_menu_bg_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#222', 'class' => 'left-menu-colors', ) ); // Left Panel 3rd Level Left Menu Items Background color Hover. $general_tab->createOption( array( 'name' => __( '3rd Level Background Color Hover', 'mobile-menu' ), 'id' => 'left_panel_3rd_menu_bg_color_hover', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#666', 'class' => 'left-menu-colors', ) ); // Right Panel 3rd Level Right Menu Items Text color. $general_tab->createOption( array( 'name' => __( '3rd Level Menu Text', 'mobile-menu' ), 'id' => 'right_panel_3rd_menu_text_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#fff', 'class' => 'right-menu-colors', ) ); // Right Panel 3rd Level Right Menu Items Text color Hover. $general_tab->createOption( array( 'name' => __( '3rd Level Text Color Hover', 'mobile-menu' ), 'id' => 'right_panel_3rd_menu_text_color_hover', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#ccc', 'class' => 'right-menu-colors', ) ); // Right Panel 3rd Level Right Menu Items Background color. $general_tab->createOption( array( 'name' => __( '3rd Level Background Color', 'mobile-menu' ), 'id' => 'right_panel_3rd_menu_bg_color', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#222', 'class' => 'right-menu-colors', ) ); // Right Panel 3rd Level Right Menu Items Background color Hover. $general_tab->createOption( array( 'name' => __( '3rd Level Background Color Hover', 'mobile-menu' ), 'id' => 'right_panel_3rd_menu_bg_color_hover', 'type' => 'color', 'desc' => '', 'alpha' => true, 'default' => '#666', 'class' => 'right-menu-colors', ) ); $panel->createOption( array( 'type' => 'save', ) ); } } /** * * Create Woocommerce options upsell. * * @since 2.6 * * @param type $panel Panel Options. * @param Object $plugin_settings plugin settings object that is being edited. */ public function create_woocommerce_options_upsell( $panel, $plugin_settings ) { global $mm_fs; global $general_tab; $custom_html = 'Menu Cart Icon - Product counter notification buble, upload the desired icon.
'; $custom_html .= 'Mobile Product Filter - Advanced product filter for mobile users.
'; $custom_html .= 'Show only products - In the Header Live Search.
'; $custom_html .= 'Cart total in footer - Cart total in all pages or only in WooCommerce pages.
'; $custom_html .= 'Sliding Cart - Easily see what is in the Cart.
'; $custom_html .= 'Account links in Sliding Cart - Easy access to the account area.
'; $custom_html .= 'Checkout and View Cart - Inside the sliding cart it will increase the conversion rate and avoid less abandoned carts.
'; $custom_html .= '' . __( 'Upgrade to Business!', 'mobile-menu' ) . '
'; $custom_html .= 'Not sure if it has the right features? ' . esc_html( 'Start a Free trial', 'mobile-menu' ) . '
'; $custom_html .= 'Fixed Footer Bar
'; $custom_html .= 'Auto-hide on Scroll
'; $custom_html .= 'Highlight current page
'; $custom_html .= '4 Different Styles
'; $custom_html .= '' . __( 'Upgrade now!', 'mobile-menu' ) . '
'; $custom_html .= 'Not sure if it has the right features? ' . esc_html( 'Start a Free trial', 'mobile-menu' ) . '
'; $custom_html .= ';
?>)
;
?>)
;
?>)
 . ')
';
$custom_html .= ' . ')
';
$custom_html .= '