esc_html__("Sticky navbar sections", "keydesign"), "description" => esc_html__("Simple sections with sticky navigation.", "keydesign"), "base" => "tek_featuresections", "class" => "", "content_element" => true, "as_parent" => array('only' => 'tek_featuresections_single'), "icon" => plugins_url('assets/element_icons/feature-sections.png', dirname(__FILE__)), "category" => esc_html__("KeyDesign Elements", "keydesign"), "show_settings_on_create" => false, "js_view" => 'VcColumnView', "params" => array( array( "type" => "textfield", "class" => "", "heading" => esc_html__("Extra class name", "keydesign"), "param_name" => "fsp_extra_class", "value" => "", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "keydesign") ), ) )); // Shortcode configuration vc_map(array( "name" => esc_html__("Single section", "keydesign"), "base" => "tek_featuresections_single", "content_element" => true, "as_child" => array('only' => 'tek_featuresections'), "icon" => plugins_url('assets/element_icons/feature-sections-child.png', dirname(__FILE__)), "params" => array( array( "type" => "textarea", "class" => "", "heading" => esc_html__("Title", "keydesign"), "param_name" => "fss_title", "value" => "", "description" => esc_html__("Enter section title.", "keydesign"), "admin_label" => true, "group" => esc_html__("Content", "keydesign"), ), array( "type" => "textarea", "class" => "", "heading" => esc_html__("Subtitle", "keydesign"), "param_name" => "fss_subtitle", "value" => "", "description" => esc_html__("Enter section subtitle.", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "textarea_html", "class" => "", "heading" => esc_html__("Content", "keydesign"), "param_name" => "content", "value" => "", "description" => esc_html__("Enter section content text here.", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Template", "keydesign"), "param_name" => "fss_section_template", "value" => array( esc_html__( "Single image", "keydesign" ) => "side_photo", esc_html__( "Gallery", "keydesign" ) => "side_gallery", esc_html__( "Video", "keydesign" ) => "side_video", ), "save_always" => true, "group" => esc_html__("Content", "keydesign"), "description" => esc_html__("Select the section general style.", "keydesign"), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Title color", "keydesign"), "param_name" => "fss_title_color", "value" => "", "description" => esc_html__("Select title color. If none selected, the default theme color will be used.", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Subtitle color", "keydesign"), "param_name" => "fss_subtitle_color", "value" => "", "description" => esc_html__("Select subtitle color. If none selected, the default theme color will be used.", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Content text color", "keydesign"), "param_name" => "fss_content_color", "value" => "", "description" => esc_html__("Select content text color. If none selected, the default theme color will be used.", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Display icon","keydesign"), "param_name" => "fss_icon_type", "value" => array( "No icon" => "no_icon", "Icon browser" => "icon_browser", "Custom icon" => "custom_icon", ), "save_always" => true, "description" => esc_html__("Icon will be placed above the section title.", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "iconpicker", "heading" => esc_html__( "Icon", "keydesign" ), "param_name" => "icon_iconsmind", "settings" => array( "type" => "iconsmind", "iconsPerPage" => 50, ), "dependency" => array( "element" => "fss_icon_type", "value" => "icon_browser", ), "description" => esc_html__( "Select icon from library.", "keydesign" ), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Icon color", "keydesign"), "param_name" => "fss_icon_color", "value" => "", "dependency" => array( "element" => "fss_icon_type", "value" => array("icon_browser") ), "description" => esc_html__("Select icon color. If none selected, the default theme color will be used.", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Icon size", "keydesign"), "param_name" => "fss_icon_size", "value" => "", "dependency" => array( "element" => "fss_icon_type", "value" => array("icon_browser") ), "description" => esc_html__("Enter icon size. (eg. 10px, 1em, 1rem)", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "attach_image", "class" => "", "heading" => esc_html__("Upload custom icon", "keydesign"), "param_name" => "fss_icon_img", "value" => "", "description" => esc_html__("Upload your own custom image.", "keydesign"), "dependency" => array( "element" => "fss_icon_type", "value" => array("custom_icon"), ), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Add link", "keydesign"), "param_name" => "fss_custom_link", "value" => array( esc_html__( "No link", "keydesign" ) => "#", esc_html__( "Add a custom link", "keydesign" ) => "1", ), "save_always" => true, "description" => esc_html__("You can add/remove custom link", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "vc_link", "class" => "", "heading" => esc_html__("Link settings", "keydesign"), "param_name" => "fss_section_link", "value" => "", "description" => esc_html__("You can add or remove the existing link from here.", "keydesign"), "dependency" => array( "element" => "fss_custom_link", "value" => array( "1" ), ), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Link style", "keydesign"), "param_name" => "fss_link_style", "value" => array( "Solid button" => "solid_button", "Outline button" => "outline_button", "Simple link" => "simple_link", ), "dependency" => array( "element" => "fss_custom_link", "value" => array( "1" ), ), "save_always" => true, "description" => esc_html__("Select link style.", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Button color scheme", "keydesign"), "param_name" => "fss_button_color_scheme", "value" => array( "Primary color" => "btn_primary_color", "Secondary color" => "btn_secondary_color" ), "dependency" => array( "element" => "fss_link_style", "value" => array( "solid_button", "outline_button" ), ), "save_always" => true, "description" => esc_html__("Select button predefined color scheme.", "keydesign"), "group" => esc_html__("Content", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Navigation label (*required)", "keydesign"), "param_name" => "fss_nav_label", "value" => "", "description" => esc_html__("Enter navigation label for this section.", "keydesign"), "group" => esc_html__("Navigation", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Display navigation icon","keydesign"), "param_name" => "fss_nav_icon_type", "value" => array( "No icon" => "no_icon", "Icon browser" => "icon_browser", "Custom icon" => "custom_icon", ), "save_always" => true, "description" => esc_html__("Select navigation icon source.", "keydesign"), "group" => esc_html__("Navigation", "keydesign"), ), array( "type" => "iconpicker", "heading" => esc_html__( "Navigation icon", "keydesign" ), "param_name" => "fss_nav_icon_iconsmind", "settings" => array( "type" => "iconsmind", "iconsPerPage" => 50, ), "dependency" => array( "element" => "fss_nav_icon_type", "value" => "icon_browser", ), "description" => esc_html__( "Select icon from library.", "keydesign" ), "group" => esc_html__("Navigation", "keydesign"), ), array( "type" => "colorpicker", "class" => "", "heading" => esc_html__("Navigation icon color", "keydesign"), "param_name" => "fss_nav_icon_color", "value" => "", "dependency" => array( "element" => "fss_nav_icon_type", "value" => array("icon_browser") ), "description" => esc_html__("Choose navigation icon color. If none selected, the default theme color will be used.", "keydesign"), "group" => esc_html__("Navigation", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Navigation icon size", "keydesign"), "param_name" => "fss_nav_icon_size", "value" => "", "dependency" => array( "element" => "fss_nav_icon_type", "value" => array("icon_browser") ), "description" => esc_html__("Enter navigation icon size. (eg. 10px, 1em, 1rem)", "keydesign"), "group" => esc_html__("Navigation", "keydesign"), ), array( "type" => "attach_image", "class" => "", "heading" => esc_html__("Navigation image icon", "keydesign"), "param_name" => "fss_nav_icon_img", "value" => "", "dependency" => array( "element" => "fss_nav_icon_type", "value" => array("custom_icon"), ), "description" => esc_html__("Upload your own custom image.", "keydesign"), "group" => esc_html__("Navigation", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Image source", "keydesign"), "param_name" => "featured_image_source", "value" => array( "Media library" => "media_library", "External link" => "external_link", ), "description" => esc_html__("Select image source.", "keydesign"), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_photo"), ), "group" => esc_html__("Image settings", "keydesign"), ), array( "type" => "attach_image", "class" => "", "heading" => esc_html__("Featured image", "keydesign"), "param_name" => "fss_featured_image", "value" => "", "description" => esc_html__("Upload your own custom image. Recommended image size: 650x450 (Width x Height).", "keydesign"), "dependency" => array( "element" => "featured_image_source", "value" => array("media_library"), ), "group" => esc_html__("Image settings", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Image external source", "keydesign"), "param_name" => "featured_ext_image", "value" => "", "description" => esc_html__("Enter image external link.", "keydesign"), "dependency" => array( "element" => "featured_image_source", "value" => array("external_link") ), "group" => esc_html__("Image settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Image align","keydesign"), "param_name" => "fss_image_align", "value" => array( "Left" => "img-align-left", "Right" => "img-align-right", ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_photo"), ), "description" => esc_html__("Select image alignment relative to the content.", "keydesign"), "group" => esc_html__("Image settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Image style","keydesign"), "param_name" => "fss_image_style", "value" => array( "Rectangle" => "fss-rectangle", "Circle" => "fss-circle", "Egg" => "fss-egg", "Organic 1" => "fss-organic-1", "Organic 1 rotated" => "fss-organic-1-rotate", "Organic 2" => "fss-organic-2", "Organic 2 rotated" => "fss-organic-2-rotate", ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_photo"), ), "description" => esc_html__("Select image style. The round styles work best with square images.", "keydesign"), "group" => esc_html__("Image settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Image shadow","keydesign"), "param_name" => "fss_image_shadow", "value" => array( "None" => "", "With shadow" => "fss-shadow-image", ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_photo"), ), "description" => esc_html__("Add shadow to image.", "keydesign"), "group" => esc_html__("Image settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("On click action", "keydesign"), "param_name" => "fss_click_action", "value" => array( "None" => "click_action_none", "Open PhotoSwipe" => "open_photoswipe", "Open custom link" => "custom_link", ), "description" => esc_html__("Select action for click action.", "keydesign"), "save_always" => true, "group" => esc_html__("Image settings", "keydesign"), ), array( "type" => "href", "class" => "", "heading" => esc_html__("Image link", "keydesign"), "param_name" => "fss_image_link", "value" => "", "description" => esc_html__("Enter URL if you want this image to have a link (Note: parameters like \"mailto:\" are also accepted).", "keydesign"), "dependency" => array( "element" => "fss_click_action", "value" => array("custom_link"), ), "group" => esc_html__("Image settings", "keydesign"), ), array( 'type' => 'dropdown', 'heading' => __( 'Link Target', 'keydesign' ), 'param_name' => 'fss_link_target', "value" => array( esc_html__( 'Same window', 'keydesign' ) => '_self', esc_html__( 'New window', 'keydesign' ) => '_blank', ), 'dependency' => array( 'element' => 'fss_click_action', 'value' => array('custom_link'), ), "group" => esc_html__("Image settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Image gallery source", "keydesign"), "param_name" => "gallery_image_source", "value" => array( "Media library" => "media_library", "External link" => "external_link", ), "description" => esc_html__("Select image source.", "keydesign"), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_gallery"), ), "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "attach_images", "class" => "", "heading" => esc_html__("Photo gallery", "keydesign"), "param_name" => "fss_photo_gallery", "value" => "", "description" => esc_html__("Select images from media library.", "keydesign"), "dependency" => array( "element" => "gallery_image_source", "value" => array("media_library"), ), "save_always" => true, "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "exploded_textarea_safe", "class" => "", "heading" => esc_html__("Image external links", "keydesign"), "param_name" => "gallery_ext_image", "value" => "", "description" => esc_html__("Enter external link for each gallery image (Note: divide links with linebreaks (Enter)).", "keydesign"), "dependency" => array( "element" => "gallery_image_source", "value" => array("external_link") ), "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Image size", "keydesign"), "param_name" => "gallery_ext_image_size", "value" => "", "description" => esc_html__("Enter image size in pixels. Example: 650x450 (Width x Height).", "keydesign"), "dependency" => array( "element" => "gallery_image_source", "value" => array("external_link") ), "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Gallery shadow","keydesign"), "param_name" => "fss_gallery_shadow", "value" => array( "None" => "", "With shadow" => "fss-shadow-gallery", ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_gallery"), ), "description" => esc_html__("Add shadow to image.", "keydesign"), "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Enable loop","keydesign"), "param_name" => "fss_loop", "value" => array( "Off" => "loop_off", "On" => "loop_on", ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_gallery"), ), "description" => esc_html__("Infinity loop. Duplicate last and first items to get loop illusion.", "keydesign"), "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Enable autoplay","keydesign"), "param_name" => "fss_autoplay", "value" => array( "Off" => "auto_off", "On" => "auto_on" ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_gallery"), ), "description" => esc_html__("Carousel autoplay settings.", "keydesign"), "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Autoplay speed","keydesign"), "param_name" => "fss_autoplay_speed", "value" => array( "10s" => "10000", "9s" => "9000", "8s" => "8000", "7s" => "7000", "6s" => "6000", "5s" => "5000", "4s" => "4000", "3s" => "3000", ), "save_always" => true, "dependency" => array( "element" => "fss_autoplay", "value" => array("auto_on") ), "description" => esc_html__("Carousel autoplay speed.", "keydesign"), "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Stop on hover","keydesign"), "param_name" => "fss_stoponhover", "value" => array( "Off" => "hover_off", "On" => "hover_on" ), "save_always" => true, "dependency" => array( "element" => "fss_autoplay", "value" => array("auto_on") ), "description" => esc_html__("Stop sliding carousel on mouse over.", "keydesign"), "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Gallery align","keydesign"), "param_name" => "fss_gallery_align", "value" => array( "Left" => "gallery-align-left", "Right" => "gallery-align-right", ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_gallery"), ), "description" => esc_html__("Select image gallery alignment relative to the content.", "keydesign"), "group" => esc_html__("Gallery settings", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("YouTube URL", "keydesign"), "param_name" => "fss_video_url", "value" => "", "description" => esc_html__("Paste the YouTube url here.", "keydesign"), "dependency" => array( "element" => "fss_section_template", "value" => array("side_video"), ), "group" => esc_html__("Video settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Video image source", "keydesign"), "param_name" => "video_image_source", "value" => array( "Media library" => "media_library", "External link" => "external_link", ), "description" => esc_html__("Select video cover image source.", "keydesign"), "dependency" => array( "element" => "fss_section_template", "value" => array("side_video"), ), "save_always" => true, "group" => esc_html__("Video settings", "keydesign"), ), array( "type" => "attach_image", "heading" => esc_html__("Video cover image", "keydesign"), "param_name" => "fss_video_cover", "description" => esc_html__("Upload video cover image. Recommended image size: 650x450 (Width x Height).", "keydesign"), "dependency" => array( "element" => "video_image_source", "value" => array("media_library"), ), "group" => esc_html__("Video settings", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Image external link", "keydesign"), "param_name" => "video_ext_image", "value" => "", "description" => esc_html__("Enter image external link.", "keydesign"), "dependency" => array( "element" => "video_image_source", "value" => array("external_link") ), "group" => esc_html__("Video settings", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Image size", "keydesign"), "param_name" => "video_ext_image_size", "value" => "", "description" => esc_html__("Enter image size in pixels. Example: 650x450 (Width x Height).", "keydesign"), "dependency" => array( "element" => "video_image_source", "value" => array("external_link") ), "group" => esc_html__("Video settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Video shadow","keydesign"), "param_name" => "fss_video_shadow", "value" => array( "None" => "", "With shadow" => "fss-shadow-video", ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_video"), ), "description" => esc_html__("Add shadow to image.", "keydesign"), "group" => esc_html__("Video settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Play button style","keydesign"), "param_name" => "fss_play_button", "value" => array( "White" => "", "Primary theme color" => "play-btn-primary-color", "Secondary theme color" => "play-btn-secondary-color", ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_video"), ), "description" => esc_html__("Select play button color scheme.", "keydesign"), "group" => esc_html__("Video settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Video align","keydesign"), "param_name" => "fss_video_align", "value" => array( "Left" => "video-align-left", "Right" => "video-align-right", ), "save_always" => true, "dependency" => array( "element" => "fss_section_template", "value" => array("side_video"), ), "description" => esc_html__("Select video alignment relative to the content.", "keydesign"), "group" => esc_html__("Video settings", "keydesign"), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Content CSS Animation", "keydesign"), "param_name" => "css_animation_content", "value" => array( "None" => "", "Fade In" => "kd-animated fadeIn", "Fade In Down" => "kd-animated fadeInDown", "Fade In Left" => "kd-animated fadeInLeft", "Fade In Right" => "kd-animated fadeInRight", "Fade In Up" => "kd-animated fadeInUp", "Zoom In" => "kd-animated zoomIn", ), "save_always" => true, "admin_label" => true, "description" => esc_html__("Select type of animation for element to be animated when it enters the browsers viewport (Note: works only in modern browsers).", "keydesign"), "group" => esc_html__( "Extras", "keydesign" ), ), array( "type" => "dropdown", "class" => "", "heading" => esc_html__("Image CSS Animation", "keydesign"), "param_name" => "css_animation_image", "value" => array( "None" => "", "Fade In" => "kd-animated fadeIn", "Fade In Down" => "kd-animated fadeInDown", "Fade In Left" => "kd-animated fadeInLeft", "Fade In Right" => "kd-animated fadeInRight", "Fade In Up" => "kd-animated fadeInUp", "Zoom In" => "kd-animated zoomIn", ), "save_always" => true, "admin_label" => true, "description" => esc_html__("Select type of animation for element to be animated when it enters the browsers viewport (Note: works only in modern browsers).", "keydesign"), "group" => esc_html__( "Extras", "keydesign" ), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Section extra class name", "keydesign"), "param_name" => "fss_extra_class", "value" => "", "description" => esc_html__("If you wish to style this particular content element differently, then use this field to add a class name and then refer to it in your css file.", "keydesign"), "group" => esc_html__("Extras", "keydesign"), ), array( "type" => "textfield", "class" => "", "heading" => esc_html__("Button extra class name", "keydesign"), "param_name" => "fss_btn_extra_class", "value" => "", "description" => esc_html__("If you wish to style this particular content element differently, then use this field to add a class name and then refer to it in your css file.", "keydesign"), "group" => esc_html__("Extras", "keydesign"), ), ) )); } } public function kd_featuresections_container($atts, $content = null) { $redux_ThemeTek = get_option( 'redux_ThemeTek' ); $with_sticky_topbar =''; $with_fixed_menu =''; extract(shortcode_atts(array( 'fsp_extra_class' => '', ), $atts)); if (isset($redux_ThemeTek['tek-topbar-sticky'])) { if ($redux_ThemeTek['tek-topbar-sticky'] == '1') { $with_sticky_topbar = 'with-sticky-topbar'; }} if (isset($redux_ThemeTek['tek-menu-behaviour'])) { if ($redux_ThemeTek['tek-menu-behaviour'] == '2') { $with_fixed_menu = 'with-fixed-menu'; }} $output = '