<?php defined('ABSPATH') or die('No script kiddies please!'); ?>
<div class="wpfm-head">     
    <?php include(WPFM_PRO_FILE_ROOT_DIR . 'inc/backend/includes/wpfm-header.php'); ?> 
</div> 
<div class="about-wp-floating-menu-wrapper clearfix">
    <div class="about-desc-wrap clearfix">
        <div class="about-content">                                    
            <div class="about-title-content">
                <div class="wpfm-menu-setting-page-title"><span class="wpfm-tips-icon"><i class="fa fa-info-circle" aria-hidden="true"></i></span><span class="wpfm-how-section-title"><?php _e('Helpfull Tips', 'wp-floating-menu-pro'); ?></span></div>
                <?php _e("<p>To display the floating menu in your site, you have to enable menu first on <b>Floating Menu Setting</b> page and select menu you created and select save.</p>", "wp-floating-menu-pro"); ?>      
                <?php _e("<p>There are 13 available themes to choose from. Or you can also use custom template design.</p>", "wp-floating-menu-pro"); ?> 
            </div>

            <div class="about-title-content">
                <div class="wpfm-menu-setting-page-title"><?php _e('Menu Structure Attributes', 'wp-floating-menu-pro'); ?></div>
                <p><?php _e('Menu structure attribute contains the fields that you can set while generating menu. Following attribute can be available as listed.', 'wp-floating-menu-pro'); ?></p>
                <i class="fa fa-check"></i> <strong><?php _e('Navigation Label', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p>This is the menu title that displays for the menu icon.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Title Attribute', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p> This is the title attribute for the a tag for seo friendly nav menu.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Show Tooltip Title', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p>Check/Uncheck to show/hide tooltip text for the menu.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Tooltip Title Field', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p> You can enter tooltip title to display in this field.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Target Link', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p> You can change target link to load target link within the same page or new tab.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Menu Icon Type', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p> You can select if you want to choose icon from default iconset or custom icon.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Select Menu Icon', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p> You can set menu icon to display. Here you can choose thress sets of icons. You can choose either dashicons, font-awesome icons or genericons.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Custom Menu Icon', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p> If icon you needed is not listed in default icon set, you can set your custom icon here. You can input either dashicons, font-awesome icons or genericons icon value here. For e.g. For dashicon, you can set icon value as "dashicons dashicons-admin-site", if fontawesome, you can set "fa fa-bars" and so on. </p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Icon Set', 'wp-floating-menu-pro'); ?></strong><br /><p><?php _e('Since version - 1.0.9, new icon set has been added. Thanks to ', 'wp-floating-menu-pro'); ?><a style="color:black;" href="https://github.com/kkvesper/vesper-icons" target="_blank"><?php _e('Vesper Icon.', 'wp-floating-menu-pro'); ?></a> <?php _e('To use this, you can set icon value as "vs vs-ninja" in custom icon field.', 'wp-floating-menu-pro'); ?></p>
                <i class="fa fa-check"></i> <strong><?php _e('Custom Image Icon', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can also set menu icon image. You can upload image icon from media gallery and set is as icon.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Menu Icon Color Type', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p>You can either set menu icon color to default provided by template select option to set your own.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Icon Color', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p> You can set icon color from this section.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Remove', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p> You can remove the menu field by clicking "remove" link.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('Enable Modal Popup For this Menu Item', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i><br /><p><?php _e('Since version 1.3.2, new option to display content content in modal popup has been added. This checkbox if checked will enable the modal popup in the plugin that will add the #modal-popup-(menu-id)-(current-menu-element-id) in the link by default and the content added below in "Modal popup Content" will be displayed in the popup window.', 'wp-floating-menu-pro'); ?></p>
                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('Modal Popup Content', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i><br /><p><?php _e('The content to be be displayed in the popup section in the modal popup. "Modal popup Content" accept shortcode or basic text content.', 'wp-floating-menu-pro'); ?></p>
            </div>

            <div class="about-title-content">
                <div class="wpfm-menu-setting-page-title"><?php _e('Display Setting', 'wp-floating-menu-pro'); ?></div>
                <p><?php _e('Display Setting contains the fields that you can set to control design of the template along with method of display. Following attribute can be available as listed.', 'wp-floating-menu-pro'); ?></p>
                <i class="fa fa-check"></i> <strong><?php _e('Template Style', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p>Setting to select the template type either custom template or default template. default 13 templates are available currently.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Custom Templates', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p>Setting to set custom template if custom selected in above setttings. Custom template created in "Custom Templates" submenu is listed in this select option."</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Menu Bar Position', 'wp-floating-menu-pro'); ?> :</strong><?php _e('<p>Setting for different menu position can be configured here. There are total of 9 position available.</p>', 'wp-floating-menu-pro'); ?>

                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('Show Menu After Scroll Event', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i><br /><p><?php _e('Checkbox to allow content to be be displayed in the popup section in the modal popup.', 'wp-floating-menu-pro'); ?></p>
                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('Scroll Event Value', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i><br /><p><?php _e('The content for the content to be be displayed in the popup section in the modal popup. "Modal popup Content" accept shortcode or basic text content.', 'wp-floating-menu-pro'); ?></p>
            </div>
            <div class="about-title-content">
                <div class="wpfm-menu-setting-page-title"><?php _e('Custom Template options', 'wp-floating-menu-pro'); ?></div>
                <?php _e("<p>While on custom template design page, you can change the layout of menu by first selecting menu template you want to edit changing various options in <strong>Built Custom Template</strong> page. Given Setting will be implemented to only those layouts that have custom template implemented while using <b>Display Setting</b> menu tab in <b>Edit Menu</b> section.</p>", "wp-floating-menu-pro"); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Select Menu Layout :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select Buildin custom template list where you want to implement custom design into.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Hover Transform Width :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select icon transform width on hover. Size for icon hover tranform can be defined from this section and is applicable only for template 7 layout. You can set the value from any range from 0,0.11,0.25,0.35 etc. Recommended value is ranged 0 to 1. Default value is 1.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Icon Background Color :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select icon background color for menu icon from here.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Icon Size :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select icon size for menu icon from here.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Icon Margin :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select icon spaces between individual icon from here.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Title Font Color :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select title font color from here.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Title Typography :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select title font family from here.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Title Text Transform Style :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select title text tranform style for font from here. You can select uppercase, lowercase, capitalize or none(same as text input) form here.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Title Font Size :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select title font size from here.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Tooltip Font Color :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select tooltip text font color from here.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Title Font Size :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can choose among available fonts for the tooltip text.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Tooltip Typography :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select tooltip font family from here.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Menu Background Color :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select menu background color from here. Option is applicable only to template 5,6,8 and 9.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Icon For Expand Trigger :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select your own custom expand trigger icon applicable to only template 5 and 6.</p>', 'wp-floating-menu-pro'); ?>
                <i class="fa fa-check"></i> <strong><?php _e('Icon For Close Trigger :', 'wp-floating-menu-pro'); ?></strong><?php _e('<p>You can select your own custom close trigger icon applicable to only template 5 and 6.</p>', 'wp-floating-menu-pro'); ?>

                <div class="about-title-content">
                    <div class="wpfm-menu-setting-page-title"><?php _e('Floating Menu Setting', 'wp-floating-menu-pro'); ?></div>
                    <p><?php _e("Basic to 'Floating Menu Settings' options in general.", "wp-floating-menu-pro"); ?></p>
                </div>
                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('Smart Scroll By Offset', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i>
                <p><?php _e('Option to change <strong>"One Page Navigator"</strong> to check for <strong>"active class"</strong> section as per the <strong>"offset"</strong> value insetead of the "position" value.', 'wp-floating-menu-pro'); ?></p>

                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('SmartEnable/Disable Different Menu For Responsive Screens', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i>
                <p><?php _e('Option to enable and assign the different menu while on the responsive screen. we have the function inbuild to detect the resposive devices and load the different menu accordingly. This can be configured either from "WP Floating Menu Setting" or the "Pagewise Configuration Metabox" in page/post editor section.', 'wp-floating-menu-pro'); ?> </p>
                <div class="wpfm-menu-setting-page-title">menu_expand_default
                    <?php _e('Quick Tips :', 'wp-floating-menu-pro'); ?>
                </div>
                <p><i class="fa fa-check"></i> <strong><?php _e('Quick Tweet Link', 'wp-floating-menu-pro'); ?>: </strong>You can use "//twitter.com/intent/tweet?text=your text" in the link section to generate quick tweet-links.</p>
                <div class="wpfm-menu-setting-page-title">
                    <?php _e('Notes :', 'wp-floating-menu-pro'); ?>
                </div>
                <i class="fa fa-check"></i> <strong><?php _e('Setting Implementation in frontend', 'wp-floating-menu-pro'); ?>:</strong>
                <p><?php _e('Setting differs according to menu template layout, so all setting maynot be implementable for all templates.', 'wp-floating-menu-pro'); ?></p>
                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('Tooltip Disabled', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i> 
                <p><?php _e('Tooltip is disabled for template 10 and Template 19 layouts. Since, the basic design of these template calls for "Menu Title" as a tooltip design, we have disabled the tooltip option in front by default.', 'wp-floating-menu-pro'); ?></p>
                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('Menu Title Disabled', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i> 
                <p><?php _e('Menu Title is disabled for template 20 this template calls for tooltip design, we have disabled the "Menu Title" option in front by default.', 'wp-floating-menu-pro'); ?></p>
                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('Smart Scroll By Offset', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i>
                <p><?php _e('Sometimes, due to either theme or other plugins, <strong>"position"</strong> value doesn\'t seems to be recognized by our plugin for <strong>"One Page Navigator"</strong> feature to scroll and enable <strong>"active class"</strong> effect. This issue has been seen in many of clients. So, since <strong>version 1.3.2</strong>, we have added the option to change the way scroll function is being called in jquery from <strong>"position"</strong> to <strong>"offset"</strong>. Considering facts that all other requirement such as <strong>"Height"</strong> for the section to be scrolled are okay.', 'wp-floating-menu-pro'); ?></p>
                <i class="fa fa-star"></i> <strong style="color:red"><?php _e('Responsive Menu', 'wp-floating-menu-pro'); ?></strong> <i class="fa fa-star"></i>
                <p><?php _e('1) While testing in desktop browser for <strong>"Responsive Menu"</strong>, please refresh the page and check when switching from desktop-mobile-desktop. This don\'t work on normal browser resize.', 'wp-floating-menu-pro'); ?></p>
                <p><?php _e('2) While on <strong>"Floating Menu Setting option page"</strong>, if <strong>"Enable/Disable Different Menu For Responsive Screens"</strong> is enabled, and one of the <strong>"Responsive Menu Select Option"</strong> to any specific position is disabled, then the menu for responsive screen is not loaded by default. For this, please either select the <strong>"Specific menu for responsive screen select option"</strong> or disable the checkbox for <strong>"Enable/Disable Different Menu For Responsive Screens"</strong>', 'wp-floating-menu-pro'); ?></p>
            </div>
            <p><?php _e("If you wish to view complete documentation, please visit:", "wp-floating-menu-pro"); ?><a target='_blank' href='https://accesspressthemes.com/documentation/wp-floating-menu-pro/'> <?php _e("HERE", "wp-floating-menu-pro"); ?></a></p> 
        </div>
    </div>
</div>