PHP znpb_get_helptab函数代码示例

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $extra_options = array("name" => __("Stats Boxes", 'zn_framework'), "description" => __("Here you can add your desired stats boxes.", 'zn_framework'), "id" => "single_stats", "std" => "", "type" => "group", "add_text" => __("Stat Box", 'zn_framework'), "remove_text" => __("Stat Box", 'zn_framework'), "group_sortable" => true, "element_title" => "sb_title", "subelements" => array(array("name" => __("Title", 'zn_framework'), "description" => __("Please enter the desired title that will\n\t\t\t\t\t\t\t\t\t\t\tappear on the right of the icon.", 'zn_framework'), "id" => "sb_title", "std" => "", "type" => "text"), array("name" => __("Content", 'zn_framework'), "description" => __("Please enter the desired title that will appear bellow the icon/Title.", 'zn_framework'), "id" => "sb_content", "std" => "", "type" => "text"), array("name" => __("Icon Type", 'zn_framework'), "description" => __("Type of the icon.", 'zn_framework'), "id" => "sb_type", "std" => "img", "type" => "select", "options" => array('icon' => __('Font Icon', 'zn_framework'), 'img' => __('Image (PNG, JPG, SVG or even GIF)', 'zn_framework'))), array("name" => __("Icon", 'zn_framework'), "description" => __("Please select an icon that will appear on the\n\t\t\t\t\t\t\t\t\t\t\tleft side of the title.", 'zn_framework'), "id" => "sb_icon", "std" => "", "type" => "media", "dependency" => array('element' => 'sb_type', 'value' => array('img'))), array("name" => __("Icon Size", 'zn_framework'), "description" => __("Select the size of the icon.", 'zn_framework'), "id" => "sb_size", "std" => "22", 'type' => 'slider', 'class' => 'zn_full', 'helpers' => array('min' => '16', 'max' => '70', 'step' => '1'), "dependency" => array('element' => 'sb_type', 'value' => array('icon'))), array("name" => __("Icon Color", 'zn_framework'), "description" => __("Select the color of the icon.", 'zn_framework'), "id" => "sb_iconcolor", "std" => "#8f8f8f", 'type' => 'colorpicker', "dependency" => array('element' => 'sb_type', 'value' => array('icon'))), array("name" => __("Select Icon", 'zn_framework'), "description" => __("Select an icon to display.", 'zn_framework'), "id" => "sb_iconfont", "std" => "", "type" => "icon_list", 'class' => 'zn_full', "dependency" => array('element' => 'sb_type', 'value' => array('icon')))));
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Title", 'zn_framework'), "description" => __("Please enter the title for this box", 'zn_framework'), "id" => "stb_title", "std" => "", "type" => "text"), array("name" => __("Tab icon", 'zn_framework'), "description" => __("Select your desired icon that will appear on the left side of the title.", 'zn_framework'), "id" => "vts_tab_icon", "std" => "", "type" => "icon_list", 'class' => 'zn_full'), array('id' => 'element_scheme', 'name' => 'Element Color Scheme', 'description' => 'Select the color scheme of this element', 'type' => 'select', 'std' => '', 'options' => array('' => 'Inherit from Kallyas options > Color Options [Requires refresh]', 'light' => 'Light (default)', 'dark' => 'Dark'), 'live' => array('multiple' => array(array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'stsbx--'), array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'element-scheme--')))), $extra_options)), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#1I5uTW7B5_o', 'docs' => 'http://support.hogash.com/documentation/stats-box/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $uid = $this->data['uid'];
     $extra_options = array("name" => __("Slides", 'zn_framework'), "description" => __("Here you can create your Circular Content Slides.", 'zn_framework'), "id" => "single_circ1", "std" => "", "type" => "group", "add_text" => __("Slide", 'zn_framework'), "remove_text" => __("Slide", 'zn_framework'), "group_sortable" => true, "element_title" => "ww_slide_title", "subelements" => array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Slide image", 'zn_framework'), "description" => __("Select an image for this Slide", 'zn_framework'), "id" => "ww_slide_image", "std" => "", "type" => "media"), array("name" => __("Slide title", 'zn_framework'), "description" => __("This title will appear over the image", 'zn_framework'), "id" => "ww_slide_title", "std" => "", "type" => "text"), array("name" => __("Slide description", 'zn_framework'), "description" => __("This description will appear under the title", 'zn_framework'), "id" => "ww_slide_desc", "std" => "", "type" => "textarea"), array("name" => __("Slide bottom title", 'zn_framework'), "description" => __("This title will appear on the bottom left of the slide", 'zn_framework'), "id" => "ww_slide_bottom_title", "std" => "", "type" => "text"), array("name" => __("Slide more text", 'zn_framework'), "description" => __("Please enter a text that you want to use as read more text", 'zn_framework'), "id" => "ww_slide_read_text", "std" => "", "type" => "text"))), 'content' => array('title' => 'Content panel options', 'options' => array(array("name" => __("Slide content title", 'zn_framework'), "description" => __("This title will appear after someone will press the read more text button, above the content.", 'zn_framework'), "id" => "ww_slide_content_title", "std" => "", "type" => "text"), array("name" => __("Slide content text", 'zn_framework'), "description" => __("This text will appear after someone will press the read more button. Please note that you can use HTML in this textarea.", 'zn_framework'), "id" => "ww_slide_desc_full", "std" => "", "type" => "visual_editor", 'class' => 'zn_full'), array("name" => __("Slide read more text", 'zn_framework'), "description" => __("Please enter a text that you want to use as read more text that will appear bellow the content", 'zn_framework'), "id" => "ww_slide_read_text_content", "std" => "", "type" => "text"), array("name" => __("Content read more link", 'zn_framework'), "description" => __("Here you can add a link bellow the content of your slide", 'zn_framework'), "id" => "ww_slide_link", "std" => "", "type" => "link", "options" => zn_get_link_targets())))));
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Slide height", 'zn_framework'), "description" => __("Please enter a height number in pixels ( for example : 450 )", 'zn_framework'), "id" => "ww_slider_height", "std" => "450", "type" => "text"), array("name" => __("Autoplay carousel?", 'zn_framework'), "description" => __("Does the carousel autoplay itself?", 'zn_framework'), "id" => "ww_slider_autoplay", "std" => "1", "value" => "1", "type" => "toggle2"), array("name" => __("Timout duration", 'zn_framework'), "description" => __("The amount of milliseconds the carousel will pause", 'zn_framework'), "id" => "ww_slider_timeout", "std" => "9000", "type" => "text"))), 'items' => array('title' => 'Carousel Items', 'options' => array($extra_options)), 'background' => array('title' => 'Background & Styles Options', 'options' => array(array("name" => __("Element Background Style", 'zn_framework'), "description" => __("Select the background style you want to use for this slider. Please note that styles can be created from the unlimited headers options in the theme admin's page.", 'zn_framework'), "id" => "ww_header_style", "std" => "", "type" => "select", "options" => WpkZn::getThemeHeaders(true), "class" => ""), array("name" => __("Background Source Type", 'zn_framework'), "description" => __("Please select the source type of the background.", 'zn_framework'), "id" => "source_type", "std" => "", "type" => "select", "options" => array('' => __("None (Will just rely on the background color (if any) )", 'zn_framework'), 'image' => __("Image", 'zn_framework'), 'video_self' => __("Self Hosted Video", 'zn_framework'), 'video_youtube' => __("Youtube Video", 'zn_framework'))), array('id' => 'background_image', 'name' => 'Background image', 'description' => 'Please choose a background image for this section.', 'type' => 'background', 'options' => array("repeat" => true, "position" => true, "attachment" => true, "size" => true), 'class' => 'zn_full', 'dependency' => array('element' => 'source_type', 'value' => array('image'))), array("name" => __("Slide Video Youtube ID", 'zn_framework'), "description" => __("Add an Youtube ID", 'zn_framework'), "id" => "source_vd_yt", "std" => "", "type" => "text", "placeholder" => "ex: tR-5AZF9zPI", "dependency" => array('element' => 'source_type', 'value' => array('video_youtube'))), array('id' => 'source_vd_self_mp4', 'name' => 'Mp4 video source', 'description' => 'Add the MP4 video source for your local video', 'type' => 'media_upload', 'std' => '', 'data' => array('type' => 'video/mp4', 'button_title' => 'Add / Change mp4 video'), "dependency" => array('element' => 'source_type', 'value' => array('video_self'))), array('id' => 'source_vd_self_ogg', 'name' => 'Ogg/Ogv video source', 'description' => 'Add the OGG video source for your local video', 'type' => 'media_upload', 'std' => '', 'data' => array('type' => 'video/ogg', 'button_title' => 'Add / Change ogg video'), "dependency" => array('element' => 'source_type', 'value' => array('video_self'))), array('id' => 'source_vd_self_webm', 'name' => 'Webm video source', 'description' => 'Add the WEBM video source for your local video', 'type' => 'media_upload', 'std' => '', 'data' => array('type' => 'video/webm', 'button_title' => 'Add / Change webm video'), "dependency" => array('element' => 'source_type', 'value' => array('video_self'))), array('id' => 'source_vd_vp', 'name' => 'Video poster', 'description' => 'Using this option you can add your desired video poster that will be shown on unsuported devices.', 'type' => 'media', 'std' => '', 'class' => 'zn_full', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube'))), array('id' => 'source_vd_autoplay', 'name' => 'Autoplay video?', 'description' => 'Enable autoplay for video?', 'type' => 'select', 'std' => 'yes', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("yes" => __("Yes", 'zn_framework'), "no" => __("No", 'zn_framework')), "class" => "zn_input_xs"), array('id' => 'source_vd_loop', 'name' => 'Loop video?', 'description' => 'Enable looping the video?', 'type' => 'select', 'std' => 'yes', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("yes" => __("Yes", 'zn_framework'), "no" => __("No", 'zn_framework')), "class" => "zn_input_xs"), array('id' => 'source_vd_muted', 'name' => 'Start mute?', 'description' => 'Start the video with muted audio?', 'type' => 'select', 'std' => 'yes', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("yes" => __("Yes", 'zn_framework'), "no" => __("No", 'zn_framework')), "class" => "zn_input_xs"), array('id' => 'source_vd_controls', 'name' => 'Video controls', 'description' => 'Enable video controls?', 'type' => 'select', 'std' => 'yes', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("yes" => __("Yes", 'zn_framework'), "no" => __("No", 'zn_framework')), "class" => "zn_input_xs"), array('id' => 'source_vd_controls_pos', 'name' => 'Video controls position', 'description' => 'Video controls position in the slide', 'type' => 'select', 'std' => 'bottom-right', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("top-right" => __("top-right", 'zn_framework'), "top-left" => __("top-left", 'zn_framework'), "top-center" => __("top-center", 'zn_framework'), "bottom-right" => __("bottom-right", 'zn_framework'), "bottom-left" => __("bottom-left", 'zn_framework'), "bottom-center" => __("bottom-center", 'zn_framework'), "middle-right" => __("middle-right", 'zn_framework'), "middle-left" => __("middle-left", 'zn_framework'), "middle-center" => __("middle-center", 'zn_framework')), "class" => "zn_input_sm"), array('id' => 'source_overlay', 'name' => 'Background colored overlay', 'description' => 'Add slide color overlay over the image or video to darken or enlight?', 'type' => 'select', 'std' => '0', "options" => array("1" => __("Yes (Normal color)", 'zn_framework'), "2" => __("Yes (Horizontal gradient)", 'zn_framework'), "3" => __("Yes (Vertical gradient)", 'zn_framework'), "0" => __("No", 'zn_framework'))), array('id' => 'source_overlay_color', 'name' => 'Overlay background color', 'description' => 'Pick a color', 'type' => 'colorpicker', 'std' => '#353535', "dependency" => array('element' => 'source_overlay', 'value' => array('1', '2', '3'))), array('id' => 'source_overlay_opacity', 'name' => 'Overlay\'s opacity.', 'description' => 'Overlay background colors opacity level.', 'type' => 'slider', 'std' => '30', "helpers" => array("step" => "5", "min" => "0", "max" => "100"), "dependency" => array('element' => 'source_overlay', 'value' => array('1', '2', '3'))), array('id' => 'source_overlay_color_gradient', 'name' => 'Overlay Gradient 2nd Bg. Color', 'description' => 'Pick a color', 'type' => 'colorpicker', 'std' => '#353535', "dependency" => array('element' => 'source_overlay', 'value' => array('2', '3'))), array('id' => 'source_overlay_color_gradient_opac', 'name' => 'Gradient Overlay\'s 2nd Opacity.', 'description' => 'Overlay gradient 2nd background color opacity level.', 'type' => 'slider', 'std' => '30', "helpers" => array("step" => "5", "min" => "0", "max" => "100"), "dependency" => array('element' => 'source_overlay', 'value' => array('2', '3'))), array("name" => __("Bottom masks override", 'zn_framework'), "description" => __("The new masks are svg based, vectorial and color adapted. <br> <strong>Disclaimer:</strong> may now work perfectly for all elements!", 'zn_framework'), "id" => "hm_header_bmasks", "std" => "none", "type" => "select", "options" => array('none' => __('None, just rely on Background style.', 'zn_framework'), 'shadow' => __('Shadow Up', 'zn_framework'), 'shadow_ud' => __('Shadow Up and down', 'zn_framework'), 'mask1' => __('Raster Mask 1 (Old, not recommended)', 'zn_framework'), 'mask2' => __('Raster Mask 2 (Old, not recommended)', 'zn_framework'), 'mask3' => __('Vector Mask 3 CENTER (New! From v4.0)', 'zn_framework'), 'mask3 mask3l' => __('Vector Mask 3 LEFT (New! From v4.0)', 'zn_framework'), 'mask3 mask3r' => __('Vector Mask 3 RIGHT (New! From v4.0)', 'zn_framework'), 'mask4' => __('Vector Mask 4 CENTER (New! From v4.0)', 'zn_framework'), 'mask4 mask4l' => __('Vector Mask 4 LEFT (New! From v4.0)', 'zn_framework'), 'mask4 mask4r' => __('Vector Mask 4 RIGHT (New! From v4.0)', 'zn_framework'), 'mask5' => __('Vector Mask 5 (New! From v4.0)', 'zn_framework'), 'mask6' => __('Vector Mask 6 (New! From v4.0)', 'zn_framework'))))), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#2Q_KC-SrYL4', 'docs' => 'http://support.hogash.com/documentation/circular-content-style-1/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $extra_options = array("name" => __("Images", 'zn_framework'), "description" => __("Here you can add your desired images.", 'zn_framework'), "id" => "single_ig", "std" => "", "type" => "group", "add_text" => __("Image", 'zn_framework'), "remove_text" => __("Image", 'zn_framework'), "group_title" => "", "group_sortable" => true, "element_img" => 'sig_image', "subelements" => array(array("name" => __("Image", 'zn_framework'), "description" => __("Please select an image.", 'zn_framework'), "id" => "sig_image", "std" => "", "type" => "media")));
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __('<strong style="font-size:120%">Warning!</strong>', 'zn_framework'), "description" => __('Since v4.x, <strong>this element is <em>deprecated</em> & <em>unsuported</em></strong>. It\'s not recommended to be used bucause at some point it\'ll be removed (now it\'s kept only for backwards compatibilty).<br> Instead, try to use a one of these elements: <strong>Photo Gallery</strong> Element or <strong>Grid Photo Gallery</strong> Element. They have more options.', 'zn_framework'), 'type' => 'zn_message', 'id' => 'zn_error_notice', 'show_blank' => 'true', 'supports' => 'warning'), array("name" => __("Title", 'zn_framework'), "description" => __("Please enter a title for this gallery.", 'zn_framework'), "id" => "ig_title", "std" => "", "type" => "text"), $extra_options)), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#eloxER8HFvs', 'docs' => 'http://support.hogash.com/documentation/image-gallery/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $extra_options = array("name" => __("Events", 'zn_framework'), "description" => __("Here you can add your desired events.", 'zn_framework'), "id" => "historic_single", "std" => "", "type" => "group", "add_text" => __("Event", 'zn_framework'), "remove_text" => __("Event", 'zn_framework'), "group_title" => "", "group_sortable" => true, "element_title" => "she_event_name", "subelements" => array(array("name" => __("Event title", 'zn_framework'), "description" => __("Please enter a title for this event", 'zn_framework'), "id" => "she_event_name", "std" => "", "type" => "text"), array("name" => __("Event date", 'zn_framework'), "description" => __("Please enter the date for this event", 'zn_framework'), "id" => "she_event_date", "std" => "", "type" => "text"), array("name" => __("Event description", 'zn_framework'), "description" => __("Please enter a description for this event", 'zn_framework'), "id" => "she_event_desc", "std" => "", "type" => "visual_editor", 'class' => 'zn_full')));
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Start text", 'zn_framework'), "description" => __("Please enter a text that will appear as a start", 'zn_framework'), "id" => "he_start", "std" => "", "type" => "text"), array('id' => 'element_scheme', 'name' => 'Element Color Scheme', 'description' => 'Select the color scheme of this element', 'type' => 'select', 'std' => '', 'options' => array('' => 'Inherit from Kallyas options > Color Options [Requires refresh]', 'light' => 'Light (default)', 'dark' => 'Dark'), 'live' => array('multiple' => array(array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'historic--'), array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'element-scheme--')))), $extra_options)), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#pp9gH2C90CQ', 'docs' => 'http://support.hogash.com/documentation/historic-element/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $extra_options = array("name" => __("Accordions", 'zn_framework'), "description" => __("Here you can create your desired accordions.", 'zn_framework'), "id" => "accordion_single", "std" => "", "type" => "group", "group_sortable" => true, "element_title" => "acc_single_title", "subelements" => array(array("name" => __("Title", 'zn_framework'), "description" => __("Please enter a title for this accordion.", 'zn_framework'), "id" => "acc_single_title", "std" => "", "type" => "text"), array("name" => __("Expanded", 'zn_framework'), "description" => __("Select yes if you want this panel to be expanded on page load.", 'zn_framework'), "id" => "acc_colapsed", "std" => "no", "options" => array('yes' => __('Yes', 'zn_framework'), 'no' => __('No', 'zn_framework')), "type" => "select")));
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Title", 'zn_framework'), "description" => __("Enter a title for your Accordion element", 'zn_framework'), "id" => "acc_title", "std" => "", "type" => "text"), array("name" => __("Accordion Style", 'zn_framework'), "description" => __("Please select the style you want to use.", 'zn_framework'), "id" => "acc_style", "std" => "default-style", "options" => array('default-style' => __('Style 1', 'zn_framework'), 'style2' => __('Style 2', 'zn_framework'), 'style3' => __('Style 3', 'zn_framework'), 'style4' => __('Style 4', 'zn_framework')), "type" => "select", 'live' => array('multiple' => array(array('type' => 'class', 'css_class' => '.' . $this->data['uid'], 'val_prepend' => 'zn-acc--'), array('type' => 'class', 'css_class' => '.' . $this->data['uid'] . ' .panel-group', 'val_prepend' => 'acc--')))), array('id' => 'element_scheme', 'name' => 'Element Color Scheme', 'description' => 'Select the color scheme of this element', 'type' => 'select', 'std' => '', 'options' => array('' => 'Inherit from Kallyas options > Color Options [Requires refresh]', 'light' => 'Light (default)', 'dark' => 'Dark'), 'live' => array('multiple' => array(array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'acc-sch--'), array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'element-scheme--')))), array("name" => __("Collapse Behaviour", 'zn_framework'), "description" => __("Select the behaviour of the collapsible panels. Upon click, Accordion Functionality will close other panels, while toggle just opens/closes the current clicked panel.", 'zn_framework'), "id" => "acc_behaviour", "std" => "tgg", "options" => array('tgg' => __('Toggle', 'zn_framework'), 'acc' => __('Accordion', 'zn_framework')), "type" => "select"), $extra_options)), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#gIrgHl-BrLQ', 'docs' => 'http://support.hogash.com/documentation/accordion/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

    function options()
    {
        $uid = $this->data['uid'];
        $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array('id' => 'description', 'name' => 'Description', 'description' => 'Please enter a description for this element', 'type' => 'visual_editor', 'class' => 'zn_full', 'std' => ''), array('id' => 'email', 'name' => 'Email address', 'description' => 'Please enter the email address where you want the form submissions to
							be sent. Note that you can enter multiple recipients separated by comma(,).', 'type' => 'text'), array('id' => 'cf_from', 'name' => 'Default reply address', 'description' => 'Select which email address should be added as reply method.', 'type' => 'select', 'std' => 'noreply', 'options' => array('noreply' => 'No Reply ( noreply@your_domain )', 'dynamic' => 'Dynamic (sender\'s email address)')), array('id' => 'redirect_url', 'name' => 'Redirect url', 'description' => 'Using this option you can redirect the user after the form is succesfully submitted', 'std' => '', 'placeholder' => 'http://hogash.com', 'type' => 'text'), array('id' => 'submit_label', 'name' => 'Submit button label', 'description' => 'Enter a text for the submit button label.', 'std' => 'Send message', 'type' => 'text'), array('id' => 'email_subject', 'name' => 'Email subject text', 'description' => 'Please enter your desired text that will appear as the subject of the received email', 'std' => 'New form submission', 'type' => 'text'), array('id' => 'sent_message', 'name' => 'Mail sent message', 'description' => 'Please enter your desired text that will appear after the form is successfully sent', 'std' => 'Thank you for contacting us', 'type' => 'text'), array('id' => 'captcha', 'name' => 'Show captcha', 'description' => 'Select yes if you want to add a captcha field.', 'type' => 'select', 'std' => '0', 'options' => array('0' => 'No', '1' => 'Yes')), array('id' => 'captcha_lang', 'name' => 'Captcha language', 'description' => 'Enter the desired captcha language code ( <a href="' . esc_url('https://developers.google.com/recaptcha/docs/language') . '" target="_blank">you can get it from here</a> ).', 'type' => 'text', 'placeholder' => 'en', 'dependency' => array('element' => 'captcha', 'value' => array('1'))), array('id' => 'cf_labels_pl', 'name' => 'Labels or Placeholders?', 'description' => 'Choose what to display, ', 'type' => 'select', 'std' => '1', 'options' => array('1' => 'Labels', '2' => 'Placeholders', '3' => 'Both')), array('id' => 'element_scheme', 'name' => 'Element Color Scheme', 'description' => 'Select the color scheme of this element', 'type' => 'select', 'std' => '', 'options' => array('' => 'Inherit from Kallyas options > Color Options [Requires refresh]', 'light' => 'Light (default)', 'dark' => 'Dark'), 'live' => array('multiple' => array(array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'cf--'), array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'element-scheme--'), array('type' => 'class', 'css_class' => '.' . $uid . ' .form-control', 'val_prepend' => 'form-control--')))), array('id' => 'cf_debug', 'name' => 'Enable debugging?', 'description' => 'If you have problems with the contact form, this option will help debug the problem by showing some errors into the response field.', 'type' => 'toggle2', 'std' => '', 'value' => '1'))), 'fields' => array('title' => 'Fields', 'options' => array(array('id' => 'fields', 'name' => 'Add your own, custom fields:', 'description' => 'Here you can create your contact form fields', 'type' => 'group', 'sortable' => true, 'element_title' => 'name', 'subelements' => array(array('id' => 'name', 'name' => 'Field name', 'description' => 'Please enter a name for this field', 'type' => 'text'), array('id' => 'type', 'name' => 'Field type', 'description' => 'Please select the field type', 'type' => 'select', 'options' => array('text' => 'Text', 'textarea' => 'Textarea', 'select' => 'Select', 'checkbox' => 'Checkbox', 'dynamic' => 'Dynamic Field')), array('id' => 'select_option', 'name' => 'Select option', 'description' => 'Please add your values for the select options in the following format :
								value:option name, value2:option name 2. For example "house:House, car:Car, piano:Piano"', 'type' => 'text', 'dependency' => array('element' => 'type', 'value' => array('select'))), array('id' => 'placeholder', 'name' => 'Placeholder', 'description' => 'Please enter the placeholder value for this field', 'type' => 'text', 'dependency' => array('element' => 'type', 'value' => array('text', 'textarea'))), array('id' => 'width', 'name' => 'Field width', 'description' => 'Please select the field width', 'type' => 'select', 'options' => array('col-sm-12' => 'Full width', 'col-sm-6' => 'Half width')), array('id' => 'validation', 'name' => 'Field validation', 'description' => 'Please select the field validation', 'type' => 'select', 'std' => 'not_empty', 'options' => array('none' => 'No validation', 'not_empty' => 'Value not empty', 'is_email' => 'Value is email')), array('id' => 'is_email_field', 'name' => 'Is email field ?', 'description' => 'Select yes if this is the email field. If yes, this email will be used as the Reply to when receiving an email from this form.', 'type' => 'select', 'std' => '0', 'options' => array('0' => 'No', '1' => 'Yes')))))), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#foPoTLB3Q5k', 'docs' => 'http://support.hogash.com/documentation/contact-form/', 'copy' => $uid, 'general' => true)));
        return $options;
    }

 function options()
 {
     $zoom = array();
     for ($i = 1; $i < 24; $i++) {
         $zoom[$i] = $i;
     }
     $icon_sizes = array('20' => '20 x 20', '30' => '30 x 30', '40' => '40 x 40', '50' => '50 x 50', '60' => '60 x 60', '70' => '70 x 70', '80' => '80 x 80');
     $mapstyleurl = 'http://snazzymaps.com';
     $latlong_url = esc_url('http://www.latlong.net/');
     $itouchmap_url = esc_url('http://itouchmap.com/latlong.html');
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array('id' => 'single_multiple_maps', 'name' => 'Locations', 'description' => 'Here you can add your map locations.', 'type' => 'group', 'sortable' => true, 'element_title' => 'Map Location', 'subelements' => array(array("name" => "Marker Latitude", "description" => 'Please enter the latitude value for your location. Here\'s 2 links where you can get the coordinates <a href="' . $latlong_url . '" target="_blank">LatLong.net</a> or <a href="' . $itouchmap_url . '" target="_blank">iTouchMap.com</a>.', "id" => "sc_map_latitude", "std" => "41.447390", "type" => "text"), array("name" => "Marker Longitude", "description" => 'Please enter the longitude value for your location. Here\'s 2 links where you can get the coordinates <a href="' . $latlong_url . '" target="_blank">LatLong.net</a> or <a href="' . $itouchmap_url . '" target="_blank">iTouchMap.com</a>.', "id" => "sc_map_longitude", "std" => "-72.843868", "type" => "text"), array("name" => "Marker tooltip", "description" => "Add a text that will appear when the user clicks on the marker.", "id" => "tooltip", "type" => "textarea"), array("name" => "Marker location icon", "description" => "Select an icon that will appear as your current location. The default icon will be used if this is left blank.", "id" => "sc_map_icon", "std" => "", 'class' => 'zn_full', "type" => "media"), array("name" => "Marker animation", "description" => "Select an animation that the icon will use.", "id" => "sc_map_icon_animation", "std" => "", "type" => "select", "options" => array("" => "None", "DROP" => "Drop", "BOUNCE" => "Bounce")), array("name" => "Icon size", "description" => "Select the size of the marker icon.", "id" => "icon_size", "type" => "select", "options" => $icon_sizes))), array("name" => "Zoom level", "description" => "Select the start zoom level you want to use for this map ( default is 14 )", "id" => "sc_map_zoom", "std" => "14", "type" => "select", "options" => $zoom, "class" => ""), array("name" => "Map Type", "description" => "Select the desired map type you want to use.", "id" => "sc_map_type", "std" => "roadmap", "type" => "select", "options" => array("ROADMAP" => "Roadmap", "SATELLITE" => "Satellite", "TERRAIN" => "Terrain", "HYBRID" => "Hybrid"), "class" => ""), array("name" => "Add directions box", "description" => "Select if you want to add a textbox in which the user can enter a departure location and get directions to the office location (first one if there are more than one).", "id" => "sc_map_directions", "std" => 'yes', "type" => "toggle2", "value" => "yes"), array("name" => "Directions box text", "description" => "Please enter the direction box text you want to use.", "id" => "sc_map_directions_text", "std" => 'Visit us from...', "type" => "text", 'dependency' => array('element' => 'sc_map_directions', 'value' => array('yes'))), array("name" => "Directions box position", "description" => "Please select the direction box's position.", "id" => "sc_map_directions_pos", "std" => 'top-left', "type" => "select", "options" => array("top-left" => "Top Left", "middle-left" => "Middle Left", "bottom-left" => "Bottom Left", "top-right" => "Top Right", "middle-right" => "Middle Right", "bottom-right" => "Bottom Right", "top-center" => "Top Center", "bottom-center" => "Bottom Center"), 'dependency' => array('element' => 'sc_map_directions', 'value' => array('yes'))), array('id' => 'show_overview', 'name' => 'Show overview map', 'description' => 'Select if you wish to add the overview map option', 'type' => 'toggle2', 'std' => '', 'value' => 'yes'), array('id' => 'show_streetview', 'name' => 'Show street view', 'description' => 'Select if you wish to add the street view option', 'type' => 'toggle2', 'std' => '', 'value' => 'yes'), array('id' => 'show_maptype', 'name' => 'Show map type', 'description' => 'Select if you wish to add the map type option', 'type' => 'toggle2', 'std' => '', 'value' => 'yes'), array("name" => __("Info bubble type", 'zn_framework'), "description" => __("Please select the info type", 'zn_framework'), "id" => "ww_mapinfo_type", "std" => "infobox", "type" => "select", "options" => array('infobox' => __("Info Box", 'zn_framework'), 'infopanel' => __("Info Panel", 'zn_framework'))), array("name" => __("Button Main Text", 'zn_framework'), "description" => __("Please enter a main text for this button", 'zn_framework'), "id" => "ww_slide_m_button", "std" => "", "type" => "text", "dependency" => array('element' => 'ww_mapinfo_type', 'value' => array('infobox'))), array("name" => __("Button Link Text", 'zn_framework'), "description" => __("Please enter a text that will appear on the right side of the button", 'zn_framework'), "id" => "ww_slide_l_text", "std" => "", "type" => "text", "dependency" => array('element' => 'ww_mapinfo_type', 'value' => array('infobox'))), array("name" => __("Button link", 'zn_framework'), "description" => __("Please enter a link that will appear on the right side of the button", 'zn_framework'), "id" => "ww_slide_link", "std" => "", "type" => "link", "options" => zn_get_link_targets(), "dependency" => array('element' => 'ww_mapinfo_type', 'value' => array('infobox'))), array("name" => __("Panel Image", 'zn_framework'), "description" => __("Display an image into the info panel.", 'zn_framework'), "id" => "sc_map_panel_img", "std" => "", "type" => "media", "dependency" => array('element' => 'ww_mapinfo_type', 'value' => array('infopanel'))), array("name" => __("Panel Title", 'zn_framework'), "description" => __("Title in panel.", 'zn_framework'), "id" => "sc_map_panel_title", "std" => "", "type" => "text", "dependency" => array('element' => 'ww_mapinfo_type', 'value' => array('infopanel'))), array("name" => __("Panel Content", 'zn_framework'), "description" => __("Content in panel.", 'zn_framework'), "id" => "sc_map_panel_text", "std" => "", "type" => "visual_editor", 'class' => 'zn_full', "dependency" => array('element' => 'ww_mapinfo_type', 'value' => array('infopanel'))))), 'styling' => array('title' => 'Styling options', 'options' => array(array("name" => __("Background Style", 'zn_framework'), "description" => __("Select the background style you want to use. Please note that styles can be created\n\t                                from the unlimited headers options in the theme admin's page.", 'zn_framework'), "id" => "ww_header_style", "std" => "", "type" => "select", "options" => WpkZn::getThemeHeaders(true), "class" => ""), array("name" => __("Bottom masks override", 'zn_framework'), "description" => __("The new masks are svg based, vectorial and color adapted.", 'zn_framework'), "id" => "hm_header_bmasks", "std" => "none", "type" => "select", "options" => array('none' => __('None, just rely on Background style.', 'zn_framework'), 'shadow' => __('Shadow Up', 'zn_framework'), 'shadow_ud' => __('Shadow Up and down', 'zn_framework'), 'mask1' => __('Raster Mask 1 (Old, not recommended)', 'zn_framework'), 'mask2' => __('Raster Mask 2 (Old, not recommended)', 'zn_framework'), 'mask3' => __('Vector Mask 3 CENTER (New! From v4.0)', 'zn_framework'), 'mask3 mask3l' => __('Vector Mask 3 LEFT (New! From v4.0)', 'zn_framework'), 'mask3 mask3r' => __('Vector Mask 3 RIGHT (New! From v4.0)', 'zn_framework'), 'mask4' => __('Vector Mask 4 CENTER (New! From v4.0)', 'zn_framework'), 'mask4 mask4l' => __('Vector Mask 4 LEFT (New! From v4.0)', 'zn_framework'), 'mask4 mask4r' => __('Vector Mask 4 RIGHT (New! From v4.0)', 'zn_framework'), 'mask5' => __('Vector Mask 5 (New! From v4.0)', 'zn_framework'), 'mask6' => __('Vector Mask 6 (New! From v4.0)', 'zn_framework'))), array("name" => __("Enable fullscreen?", 'zn_framework'), "description" => __("Do you want to display the static content as fullscreen?", 'zn_framework'), "id" => "sc_fullscreen", "std" => "no", "type" => "select", "options" => array('yes' => __("Yes", 'zn_framework'), 'no' => __("No", 'zn_framework'))), array("name" => "Map Height", "description" => "Please select value in pixels for the map height.", "id" => "sc_map_height", "std" => "600", "type" => "slider", 'class' => 'zn_full', 'helpers' => array('min' => '200', 'max' => '1080', 'step' => '1'), "dependency" => array('element' => 'sc_fullscreen', 'value' => array('no'))), array('id' => 'use_custom_style', 'name' => 'Map custom style', 'description' => 'Use a custom map style. You can get custom styles from <a href="' . $mapstyleurl . '" target="_blank">' . $mapstyleurl . '</a>.', 'type' => 'toggle2', 'std' => '', 'value' => 'yes'), array('id' => 'custom_style', 'name' => 'Normal map style', 'description' => 'Paste your custom style here (Javascript style array). You can get custom styles from <a href="' . $mapstyleurl . '" target="_blank">' . $mapstyleurl . '</a>.', 'type' => 'textarea', 'std' => '', 'dependency' => array('element' => 'use_custom_style', 'value' => array('yes'))), array('id' => 'custom_style_active', 'name' => 'Active map style (when a popup is visible)', 'description' => 'Paste your custom style here (Javascript style array). You can get custom styles from <a href="' . $mapstyleurl . '" target="_blank">' . $mapstyleurl . '</a>.', 'type' => 'textarea', 'std' => '', 'dependency' => array('element' => 'use_custom_style', 'value' => array('yes'))))), 'misc' => array('title' => 'Miscellaneous', 'options' => array(array("name" => "Custom center point", "description" => "You might want to have the center point of the map onto the a side. For example if you enable the info-panel, it might overlap a marker from the map. Therefore you can custom center the map to show all markers.", "id" => "sc_ccenter", "std" => "", "value" => "1", "type" => "toggle2"), array("name" => "Marker Latitude", "description" => 'Please enter the latitude value for your location. Here\'s 2 links where you can get the coordinates <a href="' . $latlong_url . '" target="_blank">LatLong.net</a> or <a href="' . $itouchmap_url . '" target="_blank">iTouchMap.com</a>.', "id" => "sc_cc_latitude", "std" => "", "placeholder" => 'eg: 41.447390', "type" => "text", "dependency" => array('element' => 'sc_ccenter', 'value' => array('1'))), array("name" => "Marker Longitude", "description" => 'Please enter the longitude value for your location. Here\'s 2 links where you can get the coordinates <a href="' . $latlong_url . '" target="_blank">LatLong.net</a> or <a href="' . $itouchmap_url . '" target="_blank">iTouchMap.com</a>.', "id" => "sc_cc_longitude", "std" => "", "placeholder" => 'eg: -72.843868', "type" => "text", "dependency" => array('element' => 'sc_ccenter', 'value' => array('1'))), array("name" => "Allow Mousewheel", "description" => "Select if you want to allow map zooming using the mouse scroll (may interfere with page scroll).", "id" => "sc_map_zooming_mousewheel", "std" => "", "type" => "toggle2", "value" => "yes"), array("name" => "Map localization", "description" => "Force the map localization to a specific language", "id" => "sc_map_localization", "std" => "", "type" => "select", "options" => array('' => 'Use browser language', 'ar' => 'ARABIC', 'eu' => 'BASQUE', 'bg' => 'BULGARIAN', 'bn' => 'BENGALI', 'ca' => 'CATALAN', 'cs' => 'CZECH', 'da' => 'DANISH', 'de' => 'GERMAN', 'el' => 'GREEK', 'en' => 'ENGLISH', 'en-AU' => 'ENGLISH (AUSTRALIAN)', 'en-GB' => 'ENGLISH (GREAT BRITAIN)', 'es' => 'SPANISH', 'eu' => 'BASQUE', 'fa' => 'FARSI', 'fi' => 'FINNISH', 'fil' => 'FILIPINO', 'fr' => 'FRENCH', 'gl' => 'GALICIAN', 'gu' => 'GUJARATI', 'hi' => 'HINDI', 'hr' => 'CROATIAN', 'hu' => 'HUNGARIAN', 'id' => 'INDONESIAN', 'it' => 'ITALIAN', 'iw' => 'HEBREW', 'ja' => 'JAPANESE', 'kn' => 'KANNADA', 'ko' => 'KOREAN', 'lt' => 'LITHUANIAN', 'lv' => 'LATVIAN', 'ml' => 'MALAYALAM', 'mr' => 'MARATHI', 'nl' => 'DUTCH', 'no' => 'NORWEGIAN', 'pl' => 'POLISH', 'pt' => 'PORTUGUESE', 'pt-BR' => 'PORTUGUESE (BRAZIL)', 'pt-PT' => 'PORTUGUESE (PORTUGAL)', 'ro' => 'ROMANIAN', 'ru' => 'RUSSIAN', 'sk' => 'SLOVAK', 'sl' => 'SLOVENIAN', 'sr' => 'SERBIAN', 'sv' => 'SWEDISH', 'tl' => 'TAGALOG', 'ta' => 'TAMIL', 'te' => 'TELUGU', 'th' => 'THAI', 'tr' => 'TURKISH', 'uk' => 'UKRAINIAN', 'vi' => 'VIETNAMESE', 'zh-CN' => 'CHINESE (SIMPLIFIED)', 'zh-TW' => 'CHINESE (TRADITIONAL)'), "class" => ""), array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#qtw5ShCYcNY', 'docs' => 'http://support.hogash.com/documentation/google-map/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 function options()
 {
     $uid = $this->data['uid'];
     // TODO: clean this up around v4.2
     $padding_std_lg = array('top' => isset($this->data['options']['top_padding']) && !empty($this->data['options']['top_padding']) ? $this->data['options']['top_padding'] . '%' : '1%', 'right' => isset($this->data['options']['right_padding']) && !empty($this->data['options']['right_padding']) ? $this->data['options']['right_padding'] . '%' : '', 'bottom' => isset($this->data['options']['bottom_padding']) && !empty($this->data['options']['bottom_padding']) ? $this->data['options']['bottom_padding'] . '%' : '', 'left' => isset($this->data['options']['left_padding']) && !empty($this->data['options']['left_padding']) ? $this->data['options']['left_padding'] . '%' : '');
     // Check if we previously had Bg color & Bg opacity,
     // converted to alpha colorpicker
     // TODO: remove after version 4.2, presumably users made the update already
     $std_bgcolor_with_opacity = '';
     if (isset($this->data['options']['background_color']) && !empty($this->data['options']['background_color'])) {
         $std_bgcolor_with_opacity = $this->data['options']['background_color'];
         if (isset($this->data['options']['background_color_opacity']) && !empty($this->data['options']['background_color_opacity'])) {
             $std_bgcolor_with_opacity = zn_hex2rgba_str($this->data['options']['background_color'], $this->data['options']['background_color_opacity']);
         }
     }
     $options = array('has_tabs' => true, 'background' => array('title' => 'Style options', 'options' => array(array('id' => 'normal_bgcolor', 'name' => 'Background color', 'description' => 'Here you can choose a custom background color for this container.', 'type' => 'colorpicker', 'alpha' => true, 'std' => $std_bgcolor_with_opacity, 'live' => array('type' => 'css', 'css_class' => '.' . $this->data['uid'], 'css_rule' => 'background-color', 'unit' => '')), array('id' => 'background_image', 'name' => 'Background image', 'description' => 'Please choose a background image for this section.', 'type' => 'background', 'options' => array("repeat" => true, "position" => true, "attachment" => true, "size" => true), 'class' => 'zn_full'), array('id' => 'border_style', 'name' => 'Border style', 'description' => 'Select a border style you wish to use for this container.', 'type' => 'select', 'options' => array('none' => 'None', 'solid' => 'Solid', 'dotted' => 'Dotted', 'dashed' => 'Dashed', 'double' => 'Double', 'groove' => 'Groove', 'ridge' => 'Ridge', 'inset' => 'Inset', 'outset' => 'Outset'), 'live' => array('type' => 'css', 'css_class' => '.' . $this->data['uid'], 'css_rule' => 'border-style', 'unit' => '')), array('id' => 'border_width', 'name' => 'Border width', 'description' => 'Select the border width you wish to use for this container.', 'type' => 'slider', 'std' => '0', 'class' => 'zn_full', 'helpers' => array('min' => '0', 'max' => '100', 'step' => '1'), 'live' => array('type' => 'css', 'css_class' => '.' . $this->data['uid'], 'css_rule' => 'border-width', 'unit' => 'px'), "dependency" => array('element' => 'border_style', 'value' => array('solid', 'dotted', 'dashed', 'double', 'groove', 'ridge', 'inset', 'outset'))), array('id' => 'border_color', 'name' => 'Border color', 'description' => 'Here you can override the background color for this section.', 'type' => 'colorpicker', 'std' => '', 'live' => array('type' => 'css', 'css_class' => '.' . $this->data['uid'], 'css_rule' => 'border-color', 'unit' => ''), "dependency" => array('element' => 'border_style', 'value' => array('solid', 'dotted', 'dashed', 'double', 'groove', 'ridge', 'inset', 'outset'))), array('id' => 'corner_radius', 'name' => 'Corner radius', 'description' => 'Select a corner radius (in pixels) for this container.', 'type' => 'slider', 'std' => '0', 'class' => 'zn_full', 'helpers' => array('min' => '0', 'max' => '400', 'step' => '1'), 'live' => array('type' => 'css', 'css_class' => '.' . $this->data['uid'], 'css_rule' => 'border-radius', 'unit' => 'px')))), 'spacing' => array('title' => 'Spacing options', 'options' => array(array("name" => __("Edit padding for each device breakpoint", 'zn_framework'), "description" => __("Edit the padding options for each breakpoint (device). This will enable you to have more control over the padding of the container on each device. For example you might want the subheader to be shorter on mobiles, but taller on desktops.", 'zn_framework'), "id" => "cc_spacing_breakpoints", "std" => "lg", "type" => "zn_radio", "options" => array("lg" => __("LARGE", 'zn_framework'), "md" => __("MEDIUM", 'zn_framework'), "sm" => __("SMALL", 'zn_framework'), "xs" => __("EXTRA SMALL", 'zn_framework')), "class" => "zn_full zn_breakpoints"), array('id' => 'cc_padding_lg', 'name' => 'Padding (Large Breakpoints)', 'description' => 'Select the padding (in percent % or px) for this container.', 'type' => 'boxmodel', 'std' => $padding_std_lg, 'placeholder' => '0px', "dependency" => array('element' => 'cc_spacing_breakpoints', 'value' => array('lg'))), array('id' => 'cc_padding_md', 'name' => 'Padding (Medium Breakpoints)', 'description' => 'Select the padding (in percent % or px) for this container.', 'type' => 'boxmodel', 'std' => '', 'placeholder' => '0px', "dependency" => array('element' => 'cc_spacing_breakpoints', 'value' => array('md'))), array('id' => 'cc_padding_sm', 'name' => 'Padding (Small Breakpoints)', 'description' => 'Select the padding (in percent % or px) for this container.', 'type' => 'boxmodel', 'std' => '', 'placeholder' => '0px', "dependency" => array('element' => 'cc_spacing_breakpoints', 'value' => array('sm'))), array('id' => 'cc_padding_xs', 'name' => 'Padding (Extra Small Breakpoints)', 'description' => 'Select the padding (in percent % or px) for this container.', 'type' => 'boxmodel', 'std' => '', 'placeholder' => '0px', "dependency" => array('element' => 'cc_spacing_breakpoints', 'value' => array('xs'))), array('id' => 'cc_margin_lg', 'name' => 'Margin (Large Breakpoints)', 'description' => 'Select the margin (in percent % or px) for this container. Accepts negative margin.', 'type' => 'boxmodel', 'std' => '', 'placeholder' => '0px', "dependency" => array('element' => 'cc_spacing_breakpoints', 'value' => array('lg'))), array('id' => 'cc_margin_md', 'name' => 'Margin (Medium Breakpoints)', 'description' => 'Select the margin (in percent % or px) for this container.', 'type' => 'boxmodel', 'std' => '', 'placeholder' => '0px', "dependency" => array('element' => 'cc_spacing_breakpoints', 'value' => array('md'))), array('id' => 'cc_margin_sm', 'name' => 'Margin (Small Breakpoints)', 'description' => 'Select the margin (in percent % or px) for this container.', 'type' => 'boxmodel', 'std' => '', 'placeholder' => '0px', "dependency" => array('element' => 'cc_spacing_breakpoints', 'value' => array('sm'))), array('id' => 'cc_margin_xs', 'name' => 'Margin (Extra Small Breakpoints)', 'description' => 'Select the margin (in percent % or px) for this container.', 'type' => 'boxmodel', 'std' => '', 'placeholder' => '0px', "dependency" => array('element' => 'cc_spacing_breakpoints', 'value' => array('xs'))))), 'advanced' => array('title' => 'Advanced', 'options' => array(array('id' => 'gutter_size', 'name' => 'Gutter Size', 'description' => 'Select the gutter distance between columns', "std" => "", "type" => "select", "options" => array('' => __('Default (15px)', 'zn_framework'), 'gutter-xs' => __('Extra Small (5px)', 'zn_framework'), 'gutter-sm' => __('Small (10px)', 'zn_framework'), 'gutter-md' => __('Medium (25px)', 'zn_framework'), 'gutter-lg' => __('Large (40px)', 'zn_framework'), 'gutter-0' => __('No distance - 0px', 'zn_framework')), 'live' => array('type' => 'class', 'css_class' => '.' . $this->data['uid'])), array('id' => 'pad_type', 'name' => 'Equaliser padding', 'description' => "Equalizer padding should only be used inside a full-width container and will help to display a proper alignment of the element's left or right edge in context to the site's container left and/or right boundries.<br> Make sure you select 'First' only if the column is the first in the row. Select 'Last' if the element is on the last column from the row.", 'type' => 'select', 'std' => '', 'options' => array("" => 'Disabled', "eq_first" => 'First Column Equalizer', "eq_last" => 'Last Column Equalizer')), array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#Dg_OJQDUZoI', 'docs' => 'http://support.hogash.com/documentation/custom-container/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $extra_options = array("name" => __("Pricing Tables", 'zn_framework'), "description" => __("Here you can create your desired pricing tables.", 'zn_framework'), "id" => "pricing_tables_single", "std" => "", "type" => "group", "add_text" => __("Pricing Table", 'zn_framework'), "remove_text" => __("Pricing Table", 'zn_framework'), "group_sortable" => true, "element_title" => "pt_single_title", "subelements" => array(array("name" => __("Featured", 'zn_framework'), "description" => __("Please select yes if you want this plan to be featured.", 'zn_framework'), "id" => "pt_single_featured", 'type' => 'toggle2', 'std' => '', 'value' => 'no'), array("name" => __("Title", 'zn_framework'), "description" => __("Please specify title for this plan", 'zn_framework'), "id" => "pt_single_title", "std" => "", "type" => "text"), array("name" => __("Price", 'zn_framework'), "description" => __("Select specify the price for this plan. Prices will use the dollar currency by default", 'zn_framework'), "id" => "pt_single_price", "std" => "", "type" => "text"), array("name" => __("Currency", 'zn_framework'), "description" => __("Add the currency simbol you want to use", 'zn_framework'), "id" => "pt_single_currency", "std" => "\$", "type" => "text"), array("name" => __("Plan Period", 'zn_framework'), "description" => __("Please specify the plan period", 'zn_framework'), "id" => "pt_single_plan_period", "std" => "", "type" => "text"), array("name" => __("Call to action button text", 'zn_framework'), "description" => __("Please specify the call to action button text.", 'zn_framework'), "id" => "pt_single_ca_btn_text", "std" => "", "type" => "text"), array("name" => __("Button link", 'zn_framework'), "description" => __("Please choose the link you want to use.", 'zn_framework'), "id" => "pt_single_ca_btn_link", "std" => "", "type" => "link", "options" => zn_get_link_targets()), array("name" => __("Features", 'zn_framework'), "description" => __("Please specify each feature on its own line", 'zn_framework'), "id" => "pt_single_features", "std" => "", "type" => "textarea")));
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Columns", 'zn_framework'), "description" => __("Please select the number of pricing tables to display.", 'zn_framework'), "id" => "pt_num_items", "std" => "4", "options" => array('1' => 1, '2' => 2, '3' => 3, '4' => 4, '5' => 5), "type" => "select"), array("name" => __("Enable Feature Titles column?", 'zn_framework'), "description" => __("If you want the first column to contain the list of features titles, please enable this option.", 'zn_framework'), "id" => "pt_feature_titles", 'type' => 'toggle2', 'std' => '', 'value' => 'yes'), array("name" => __("Feature Titles List", 'zn_framework'), "description" => __("Please specify each feature on its own line, after each one pressing Enter key (or Return)", 'zn_framework'), "id" => "pt_feature_titles_features", "std" => "", "type" => "textarea", 'dependency' => array('element' => 'pt_feature_titles', 'value' => array('yes'))), array("name" => __("Colors", 'zn_framework'), "description" => __("Please select a color theme for the table elements.", 'zn_framework'), "id" => "pt_color", 'type' => 'colorpicker', 'std' => '', 'live' => array('multiple' => array(array('type' => 'css', 'css_class' => '.' . $this->data['uid'] . ' .btn-fullcolor, .' . $this->data['uid'] . ' .plan-column.featured .subscription-price .inner-cell ', 'css_rule' => 'background-color', 'unit' => ''), array('type' => 'css', 'css_class' => '.' . $this->data['uid'] . ' .plan-column .plan-title', 'css_rule' => 'color', 'unit' => '')))), array("name" => __("Columns - Responsive Behaviour", 'zn_framework'), "description" => __("Please select the behaviour of the table for responsive view under 767px (devices). Normal will just display table columns one after another. Overflow will permit users to horizontally scroll the table. ", 'zn_framework'), "id" => "pt_resptype", 'type' => 'select', 'std' => 'normal', 'options' => array('normal' => 'Normal', 'overflow' => 'Overflow Horizontally')), array('id' => 'element_scheme', 'name' => 'Element Color Scheme', 'description' => 'Select the color scheme of this element', 'type' => 'select', 'std' => '', 'options' => array('' => 'Inherit from Kallyas options > Color Options [Requires refresh]', 'light' => 'Light (default)', 'dark' => 'Dark'), 'live' => array('multiple' => array(array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'prt--'), array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'element-scheme--')))), $extra_options)), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#nB-eNrqr_cQ', 'docs' => 'http://support.hogash.com/documentation/pricing-table/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Search Box Style", 'zn_framework'), "description" => __("Choose a style", 'zn_framework'), "id" => "sb_style", "std" => "normal", "type" => "select", "options" => array('normal' => __('White input and filled button', 'zn_framework'), 'normal2' => __('White input and transparent button', 'zn_framework'), 'transparent' => __('Transparent input and filled button', 'zn_framework'), 'transparent2' => __('Transparent input and transparent button', 'zn_framework'))), array("name" => __("Placeholder Effect", 'zn_framework'), "description" => __("Choose the placeholder's effect", 'zn_framework'), "id" => "sb_placeholder", "std" => "typing", "type" => "select", "options" => array('typing' => __('Typing Effect', 'zn_framework'), 'normal' => __('Simple placeholder text', 'zn_framework'))), array("name" => __("Search Input text", 'zn_framework'), "description" => __("Add a placeholder text inside the search input.", 'zn_framework'), "id" => "sb_placeholder_text", "std" => "", "type" => "text", "placeholder" => "ex: Some search text"), array("name" => __("Button text type", 'zn_framework'), "description" => __("Choose the button text or icon", 'zn_framework'), "id" => "sb_btn_type", "std" => "icon", "type" => "select", "options" => array('icon' => __('Loupe Icon', 'zn_framework'), 'text' => __('Custom text', 'zn_framework'))), array("name" => __("Button text", 'zn_framework'), "description" => __("Add a text inside the button", 'zn_framework'), "id" => "sb_btn_text", "std" => "", "type" => "text", "placeholder" => "ex: SEARCH", "dependency" => array('element' => 'sb_btn_type', 'value' => array('text'))), array("name" => __("Button width (px)", 'zn_framework'), "description" => __("Add a button width", 'zn_framework'), "id" => "sb_btn_width", "std" => "130", "type" => "text"), array("name" => __("Form height", 'zn_framework'), "description" => __("Specify the form height", 'zn_framework'), "id" => "sb_btn_height", "std" => "55", "type" => "text"))), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''), array("name" => __("Search type behaviour", 'zn_framework'), "description" => __("Select the type of search functionality should the searchbox to have. By default it performs a WordPress default search with it's results however you can switch to WooCommerce product search. This option is applied only if WooCommerce plugin is enabled.", 'zn_framework'), "id" => "sb_search_type", "std" => "wp", "type" => "select", "options" => array("wp" => __("Default WordPress results", 'zn_framework'), "wc" => __("WooCommerce products search results", 'zn_framework'))))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#ag58kRfAG7k', 'docs' => 'http://support.hogash.com/documentation/search-box/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $extra_options = array("name" => __("Images", 'zn_framework'), "description" => __("Here you can add your desired images.", 'zn_framework'), "id" => "single_photo_gallery", "std" => "", "type" => "group", "add_text" => __("Image", 'zn_framework'), "remove_text" => __("Image", 'zn_framework'), "group_title" => "", "group_sortable" => true, "element_title" => "spg_title", "element_img" => 'spg_image', "subelements" => array(array("name" => __("Title", 'zn_framework'), "description" => __("Please enter a title for this image.", 'zn_framework'), "id" => "spg_title", "std" => "", "type" => "text"), array("name" => __("Image", 'zn_framework'), "description" => __("Please select an image.", 'zn_framework'), "id" => "spg_image", "std" => "", "type" => "media"), array("name" => __("Video URL", 'zn_framework'), "description" => __("Please enter the URL for your video.", 'zn_framework'), "id" => "spg_video", "std" => "", "type" => "text")));
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Number of columns", 'zn_framework'), "description" => __("Select the desired number of columns for the\n\t\t\t\t\t\t\t\t\t\t\timages.", 'zn_framework'), "id" => "pg_num_cols", "std" => "6", "type" => "select", "options" => array('1' => __('1', 'zn_framework'), '2' => __('2', 'zn_framework'), '3' => __('3', 'zn_framework'), '4' => __('4', 'zn_framework'), '6' => __('6', 'zn_framework'))), array("name" => __("Images Height", 'zn_framework'), "description" => __("Select the desired image height in pixels.", 'zn_framework'), "id" => "pg_img_height", "std" => "", "type" => "text"), $extra_options)), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#o4Ei4xDN71E', 'docs' => 'http://support.hogash.com/documentation/photo-gallery/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $extra_options = array("name" => __("Skill", 'zn_framework'), "description" => __("Here you can add skills.", 'zn_framework'), "id" => "skills_single", "std" => "", "type" => "group", "add_text" => __("Skill", 'zn_framework'), "remove_text" => __("Skill", 'zn_framework'), "group_sortable" => true, "element_title" => "skill_text", "subelements" => array(array("name" => __("Skill Text", 'zn_framework'), "description" => __("Please enter the skill text.", 'zn_framework'), "id" => "skill_text", "std" => "", "type" => "text"), array("name" => __("Skill Color", 'zn_framework'), "description" => __("Please enter the skill color.", 'zn_framework'), "id" => "skill_color", "std" => "#97BE0D", "type" => "colorpicker"), array("name" => __("Skill Level", 'zn_framework'), "description" => __("Please select the skill level.", 'zn_framework'), "id" => "skill_level", "std" => "95", "type" => "slider", 'class' => 'zn_full', 'helpers' => array('min' => '0', 'max' => '100', 'step' => '1'))));
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Main center text", 'zn_framework'), "description" => __("Add a text that's going to be placed inside the center", 'zn_framework'), "id" => "sk_main_text", "std" => "skills", "type" => "text"), array("name" => __("Diagram Width & Height", 'zn_framework'), "description" => __("Select the diagram width and height", 'zn_framework'), "id" => "sk_width", "std" => "600", "type" => "text"), array("name" => __("Diagram font-size", 'zn_framework'), "description" => __("Select the diagram text font-size", 'zn_framework'), "id" => "sk_fontsize", "std" => "20", "type" => "text"), array("name" => __("Center main color", 'zn_framework'), "description" => __("Select the center color of the diagram", 'zn_framework'), "id" => "sk_maincolor", "std" => "#193340", "type" => "colorpicker"), array("name" => __("Center text color", 'zn_framework'), "description" => __("Select the center text color of the diagram.", 'zn_framework'), "id" => "sk_maintextcolor", "std" => "#ffffff", "type" => "colorpicker"), array("name" => __("Enable Legend", 'zn_framework'), "description" => __("Enable legend?", 'zn_framework'), "id" => "sk_enablelegend", "std" => "1", "value" => "1", "type" => "toggle2"), array("name" => __("Legend title", 'zn_framework'), "description" => __("Add a text that's going to be placed into the legend box", 'zn_framework'), "id" => "sk_legend_text", "std" => "LEGEND", "type" => "text", "dependency" => array('element' => 'sk_enablelegend', 'value' => array('1'))), array("name" => __("Legend Alignment", 'zn_framework'), "description" => __("Select the alignment of the legend", 'zn_framework'), "id" => "sk_legend_align", "std" => "topright", "type" => "select", "options" => array("topright" => "Top-Right", "topleft" => "Top-Left", "bottomright" => "Bottom-Right", "bottomleft" => "Bottom-Left"), "dependency" => array('element' => 'sk_enablelegend', 'value' => array('1'))), $extra_options)), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#Nxh__JmEPX8', 'docs' => 'http://support.hogash.com/documentation/skills/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Header Style", 'zn_framework'), "description" => __("Select the header style you want to use for this page.Please note that\n\t\t\t\t\t\t\t\t\t\t\t  header styles can be created from the theme's admin page.", 'zn_framework'), "id" => "hm_header_style", "std" => "", "type" => "select", "options" => WpkZn::getThemeHeaders(true), "class" => ""), array("name" => __("Bottom masks override", 'zn_framework'), "description" => __("The new masks are svg based, vectorial and color adapted.", 'zn_framework'), "id" => "hm_header_bmasks", "std" => "none", "type" => "select", "options" => array('none' => __('None, just rely on Background style.', 'zn_framework'), 'shadow' => __('Shadow Up', 'zn_framework'), 'shadow_ud' => __('Shadow Up and down', 'zn_framework'), 'mask1' => __('Raster Mask 1 (Old, not recommended)', 'zn_framework'), 'mask2' => __('Raster Mask 2 (Old, not recommended)', 'zn_framework'), 'mask3' => __('Vector Mask 3 CENTER (New! From v4.0)', 'zn_framework'), 'mask3 mask3l' => __('Vector Mask 3 LEFT (New! From v4.0)', 'zn_framework'), 'mask3 mask3r' => __('Vector Mask 3 RIGHT (New! From v4.0)', 'zn_framework'), 'mask4' => __('Vector Mask 4 CENTER (New! From v4.0)', 'zn_framework'), 'mask4 mask4l' => __('Vector Mask 4 LEFT (New! From v4.0)', 'zn_framework'), 'mask4 mask4r' => __('Vector Mask 4 RIGHT (New! From v4.0)', 'zn_framework'), 'mask5' => __('Vector Mask 5 (New! From v4.0)', 'zn_framework'), 'mask6' => __('Vector Mask 6 (New! From v4.0)', 'zn_framework'))))), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#Yl7l2SVgyRU', 'docs' => 'http://support.hogash.com/documentation/documentation-header/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'General options', 'options' => array(array("name" => __("Link Type", 'zn_framework'), "description" => __("Add a center button?", 'zn_framework'), "id" => "mc_link_type", "std" => "", "type" => "select", "options" => array('' => __("No link, just media.", 'zn_framework'), 'btn' => __("Centered Button", 'zn_framework'), 'wrap' => __("Link the container", 'zn_framework'))), array("name" => __("Button Text", 'zn_framework'), "description" => __("Add a text inside the button. If no text is added, an icon will be displayed.", 'zn_framework'), "id" => "mc_btn_text", "std" => "", "type" => "text", "dependency" => array('element' => 'mc_link_type', 'value' => array('btn'))), array("name" => __("Button Style", 'zn_framework'), "description" => __("Select a button style", 'zn_framework'), "id" => "mc_link_style", "std" => "lined", "type" => "select", "options" => array('lined' => __("Lined button. Requires text!", 'zn_framework'), 'circle' => __("Circle Play", 'zn_framework'), 'linedplay' => __("Lined with play icon. Requires text!", 'zn_framework'), 'borderanim1' => __("Border animation. Requires text!", 'zn_framework'), 'borderanim2' => __("Alternative border animation. Requires text!", 'zn_framework')), "dependency" => array('element' => 'mc_link_type', 'value' => array('btn'))), array("name" => __("Alternative border animation - box width", 'zn_framework'), "description" => __("set a width for the alternative border animation.", 'zn_framework'), "id" => "mc_borderanim2_width", "std" => "400", "type" => "text", "placeholder" => "", "dependency" => array('element' => 'mc_link_type', 'value' => array('borderanim2'))), array("name" => __("Link Target", 'zn_framework'), "description" => __("Add a center button?", 'zn_framework'), "id" => "mc_link_target", "std" => "self", "type" => "select", "options" => array('self' => __("Link to another page in site", 'zn_framework'), 'blank' => __("Link to a new window", 'zn_framework'), 'img' => __("Link to modal image", 'zn_framework'), 'iframe' => __("Link to modal iframe (Youtube, Vimeo, Gmaps etc.)", 'zn_framework')), "dependency" => array('element' => 'mc_link_type', 'value' => array('btn', 'wrap'))), array("name" => __("Link URL", 'zn_framework'), "description" => __("Add a link for the link.", 'zn_framework'), "id" => "mc_btn_link", "std" => "", "type" => "text", "placeholder" => "http:// ...", "dependency" => array('element' => 'mc_link_type', 'value' => array('btn', 'wrap'))), array("name" => __("Modal image link", 'zn_framework'), "description" => __("Add an image for the modal.", 'zn_framework'), "id" => "mc_btn_modalimg", "std" => "", "type" => "media", "dependency" => array('element' => 'mc_link_target', 'value' => array('img'))))), 'height' => array('title' => 'Height options', "options" => array(array("name" => __("Height LG - Large breakpoint", 'zn_framework'), "description" => __("Set the height of the media container for large breakpoint '> 1200px' ", 'zn_framework'), "id" => "mc_height_lg", 'type' => 'slider', 'std' => '300', 'class' => 'zn_full', 'helpers' => array('min' => '0', 'max' => '1000', 'step' => '5'), 'live' => array('type' => 'css', 'css_class' => '.' . $this->data['uid'], 'css_rule' => 'height', 'unit' => 'px')), array("name" => __("Height MD - Medium breakpoint", 'zn_framework'), "description" => __("Set the height of the media container for medium breakpoint '> 992px' and '< 1199px' ", 'zn_framework'), "id" => "mc_height_md", 'type' => 'slider', 'std' => '300', 'class' => 'zn_full', 'helpers' => array('min' => '0', 'max' => '1000', 'step' => '5')), array("name" => __("Height SM - Small breakpoint", 'zn_framework'), "description" => __("Set the height of the media container for small breakpoint '> 768px' and '< 991px' ", 'zn_framework'), "id" => "mc_height_sm", 'type' => 'slider', 'std' => '300', 'class' => 'zn_full', 'helpers' => array('min' => '0', 'max' => '1000', 'step' => '5')), array("name" => __("Height XS - Extra small breakpoint", 'zn_framework'), "description" => __("Set the height of the media container for extra small breakpoint '< 767px' ", 'zn_framework'), "id" => "mc_height_xs", 'type' => 'slider', 'std' => '400', 'class' => 'zn_full', 'helpers' => array('min' => '0', 'max' => '1000', 'step' => '5')))), 'background' => array('title' => 'Background & Styles Options', 'options' => array(array("name" => __("Background Source Type", 'zn_framework'), "description" => __("Please select the source type of the background.", 'zn_framework'), "id" => "source_type", "std" => "", "type" => "select", "options" => array('' => __("None (Will just rely on the background color (if any) )", 'zn_framework'), 'image' => __("Image", 'zn_framework'), 'video_self' => __("Self Hosted Video", 'zn_framework'), 'video_youtube' => __("Youtube Video", 'zn_framework'), 'embed_iframe' => __("Embed Iframe (Vimeo etc.)", 'zn_framework'))), array('id' => 'background_image', 'name' => 'Background image', 'description' => 'Please choose a background image for this section.', 'type' => 'background', 'options' => array("repeat" => true, "position" => true, "attachment" => true, "size" => true), 'class' => 'zn_full', 'dependency' => array('element' => 'source_type', 'value' => array('image'))), array("name" => __("Slide Video Youtube ID", 'zn_framework'), "description" => __("Add an Youtube ID", 'zn_framework'), "id" => "source_vd_yt", "std" => "", "type" => "text", "placeholder" => "ex: tR-5AZF9zPI", "dependency" => array('element' => 'source_type', 'value' => array('video_youtube'))), array("name" => __("Embed Iframe link", 'zn_framework'), "description" => __("Add a link", 'zn_framework'), "id" => "source_vd_embed_iframe", "std" => "", "type" => "text", "placeholder" => "ex: https://vimeo.com/17874452", "dependency" => array('element' => 'source_type', 'value' => array('embed_iframe'))), array('id' => 'source_vd_self_mp4', 'name' => 'Mp4 video source', 'description' => 'Add the MP4 video source for your local video', 'type' => 'media_upload', 'std' => '', 'data' => array('type' => 'video/mp4', 'button_title' => 'Add / Change mp4 video'), "dependency" => array('element' => 'source_type', 'value' => array('video_self'))), array('id' => 'source_vd_self_ogg', 'name' => 'Ogg/Ogv video source', 'description' => 'Add the OGG video source for your local video', 'type' => 'media_upload', 'std' => '', 'data' => array('type' => 'video/ogg', 'button_title' => 'Add / Change ogg video'), "dependency" => array('element' => 'source_type', 'value' => array('video_self'))), array('id' => 'source_vd_self_webm', 'name' => 'Webm video source', 'description' => 'Add the WEBM video source for your local video', 'type' => 'media_upload', 'std' => '', 'data' => array('type' => 'video/webm', 'button_title' => 'Add / Change webm video'), "dependency" => array('element' => 'source_type', 'value' => array('video_self'))), array('id' => 'source_vd_vp', 'name' => 'Video poster', 'description' => 'Using this option you can add your desired video poster that will be shown on unsuported devices.', 'type' => 'media', 'std' => '', 'class' => 'zn_full', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube'))), array('id' => 'source_vd_autoplay', 'name' => 'Autoplay video?', 'description' => 'Enable autoplay for video?', 'type' => 'select', 'std' => 'yes', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("yes" => __("Yes", 'zn_framework'), "no" => __("No", 'zn_framework')), "class" => "zn_input_xs"), array('id' => 'source_vd_loop', 'name' => 'Loop video?', 'description' => 'Enable looping the video?', 'type' => 'select', 'std' => 'yes', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("yes" => __("Yes", 'zn_framework'), "no" => __("No", 'zn_framework')), "class" => "zn_input_xs"), array('id' => 'source_vd_muted', 'name' => 'Start mute?', 'description' => 'Start the video with muted audio?', 'type' => 'select', 'std' => 'yes', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("yes" => __("Yes", 'zn_framework'), "no" => __("No", 'zn_framework')), "class" => "zn_input_xs"), array('id' => 'source_vd_controls', 'name' => 'Video controls', 'description' => 'Enable video controls?', 'type' => 'select', 'std' => 'yes', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("yes" => __("Yes", 'zn_framework'), "no" => __("No", 'zn_framework')), "class" => "zn_input_xs"), array('id' => 'source_vd_controls_pos', 'name' => 'Video controls position', 'description' => 'Video controls position in the slide', 'type' => 'select', 'std' => 'bottom-right', "dependency" => array('element' => 'source_type', 'value' => array('video_self', 'video_youtube')), "options" => array("top-right" => __("top-right", 'zn_framework'), "top-left" => __("top-left", 'zn_framework'), "top-center" => __("top-center", 'zn_framework'), "bottom-right" => __("bottom-right", 'zn_framework'), "bottom-left" => __("bottom-left", 'zn_framework'), "bottom-center" => __("bottom-center", 'zn_framework'), "middle-right" => __("middle-right", 'zn_framework'), "middle-left" => __("middle-left", 'zn_framework'), "middle-center" => __("middle-center", 'zn_framework')), "class" => "zn_input_sm"), array('id' => 'source_overlay', 'name' => 'Background colored overlay', 'description' => 'Add slide color overlay over the image or video to darken or enlight?', 'type' => 'select', 'std' => '0', "options" => array("1" => __("Yes (Normal color)", 'zn_framework'), "2" => __("Yes (Horizontal gradient)", 'zn_framework'), "3" => __("Yes (Vertical gradient)", 'zn_framework'), "0" => __("No", 'zn_framework'))), array('id' => 'source_overlay_color', 'name' => 'Overlay background color', 'description' => 'Pick a color', 'type' => 'colorpicker', 'std' => '#353535', "dependency" => array('element' => 'source_overlay', 'value' => array('1', '2', '3'))), array('id' => 'source_overlay_opacity', 'name' => 'Overlay\'s opacity.', 'description' => 'Overlay background colors opacity level.', 'type' => 'slider', 'std' => '30', "helpers" => array("step" => "5", "min" => "0", "max" => "100"), "dependency" => array('element' => 'source_overlay', 'value' => array('1', '2', '3'))), array('id' => 'source_overlay_color_gradient', 'name' => 'Overlay Gradient 2nd Bg. Color', 'description' => 'Pick a color', 'type' => 'colorpicker', 'std' => '#353535', "dependency" => array('element' => 'source_overlay', 'value' => array('2', '3'))), array('id' => 'source_overlay_color_gradient_opac', 'name' => 'Gradient Overlay\'s 2nd Opacity.', 'description' => 'Overlay gradient 2nd background color opacity level.', 'type' => 'slider', 'std' => '30', "helpers" => array("step" => "5", "min" => "0", "max" => "100"), "dependency" => array('element' => 'source_overlay', 'value' => array('2', '3'))), array('id' => 'source_overlay_gloss', 'name' => 'Enable Gloss Overlay', 'description' => 'Display a gloss over the background', 'type' => 'toggle2', 'std' => '', 'value' => '1'))), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#n7OFxV7XIkc', 'docs' => 'http://support.hogash.com/documentation/media-container/', 'copy' => $uid, 'general' => true)));
     return $options;
 }

 /**
  * This method is used to retrieve the configurable options of the element.
  * @return array The list of options that compose the element and then passed as the argument for the render() function
  */
 function options()
 {
     $uid = $this->data['uid'];
     $options = array('has_tabs' => true, 'general' => array('title' => 'Content', 'options' => array(array('id' => 'element_scheme', 'name' => 'Element Color Scheme', 'description' => 'Select the color scheme of this element', 'type' => 'select', 'std' => '', 'options' => array('' => 'Inherit from Kallyas options > Color Options [Requires refresh]', 'light' => 'Light (default)', 'dark' => 'Dark'), 'live' => array('multiple' => array(array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'zn_text_box-'), array('type' => 'class', 'css_class' => '.' . $uid, 'val_prepend' => 'element-scheme--')))), array("name" => __("Content", 'zn_framework'), "description" => __("Please enter the box content.<br> ** If you plan on <strong style='color:black'>pasting a shortcode</strong>, please make sure to add it in <strong style='color:black'><em>Text Mode</em></strong> of the editor.", 'zn_framework'), "id" => "stb_content", "std" => "", "type" => "visual_editor", "class" => "zn_full"))), 'title' => array('title' => 'Title settings', 'options' => array(array("name" => __("Title", 'zn_framework'), "description" => __("Please enter the title for this box", 'zn_framework'), "id" => "stb_title", "std" => "", "type" => "text"), array("name" => __("Title heading", 'zn_framework'), "description" => __("Select the desired heading type you want to use for the title", 'zn_framework'), "id" => "stb_title_heading", "std" => "h3", "type" => "select", "options" => array('h1' => 'H1', 'h2' => 'H2', 'h3' => 'H3', 'h4' => 'H4', 'h5' => 'H5', 'h6' => 'H6')), array("name" => __("Title style", 'zn_framework'), "description" => __("Select the desired style for the title of this\n\t\t\t\t\t\t\t\t\t\t\tbox", 'zn_framework'), "id" => "stb_style", "type" => "select", "std" => "style1", "options" => array('style1' => __('Style 1', 'zn_framework'), 'style2' => __('Style 2', 'zn_framework'))))), 'padding' => array('title' => 'Padding options', 'options' => array(array('id' => 'top_padding', 'name' => 'Top padding', 'description' => 'Select the top padding ( in pixels ) for this section.', 'type' => 'slider', 'std' => '0', 'class' => 'zn_full', 'helpers' => array('min' => '0', 'max' => '400', 'step' => '5'), 'live' => array('type' => 'css', 'css_class' => '.' . $this->data['uid'], 'css_rule' => 'padding-top', 'unit' => 'px')), array('id' => 'bottom_padding', 'name' => 'Bottom padding', 'description' => 'Select the bottom padding ( in pixels ) for this section.', 'type' => 'slider', 'std' => '20', 'class' => 'zn_full', 'helpers' => array('min' => '0', 'max' => '400', 'step' => '5'), 'live' => array('type' => 'css', 'css_class' => '.' . $this->data['uid'], 'css_rule' => 'padding-bottom', 'unit' => 'px')))), 'other' => array('title' => 'Other Options', 'options' => array(array('id' => 'css_class', 'name' => 'CSS class', 'description' => 'Enter a css class that will be applied to this element. You can than edit the custom css, either in the Page builder\'s CUSTOM CSS (which is loaded only into that particular page), or in Kallyas options > Advanced > Custom CSS which will load the css into the entire website.', 'type' => 'text', 'std' => ''))), 'help' => znpb_get_helptab(array('video' => 'http://support.hogash.com/kallyas-videos/#_ModlDp5ghI', 'docs' => 'http://support.hogash.com/documentation/text-box/', 'copy' => $uid, 'general' => true)));
     return $options;
 }