__( 'Content Slider', 'fl-builder' ), 'description' => __( 'Displays multiple slides with an optional heading and call to action.', 'fl-builder' ), 'category' => __( 'Media', 'fl-builder' ), 'partial_refresh' => true, 'icon' => 'slides.svg', )); $this->add_css( 'jquery-bxslider' ); $this->add_js( 'jquery-bxslider' ); } /** * Ensure backwards compatibility with old settings. * * @since 2.2 * @param object $settings A module settings object. * @param object $helper A settings compatibility helper. * @return object */ public function filter_settings( $settings, $helper ) { // Handle slide settings. for ( $i = 0; $i < count( $settings->slides ); $i++ ) { if ( ! is_object( $settings->slides[ $i ] ) ) { continue; } // Old slide text bg opacity. $helper->handle_opacity_inputs( $settings->slides[ $i ], 'text_bg_opacity', 'text_bg_color' ); // Handle old button module settings. $helper->filter_child_module_settings( 'button', $settings->slides[ $i ], array( 'btn_3d' => 'three_d', 'btn_style' => 'style', 'btn_padding' => 'padding', 'btn_padding_top' => 'padding_top', 'btn_padding_bottom' => 'padding_bottom', 'btn_padding_left' => 'padding_left', 'btn_padding_right' => 'padding_right', 'btn_font_size' => 'font_size', 'btn_font_size_unit' => 'font_size_unit', 'btn_typography' => 'typography', 'btn_bg_color' => 'bg_color', 'btn_bg_hover_color' => 'bg_hover_color', 'btn_bg_opacity' => 'bg_opacity', 'btn_bg_hover_opacity' => 'bg_hover_opacity', 'btn_border' => 'border', 'btn_border_hover_color' => 'border_hover_color', 'btn_border_radius' => 'border_radius', 'btn_border_size' => 'border_size', ) ); } return $settings; } /** * @method render_background */ public function render_background( $slide ) { // Background photo if ( 'photo' == $slide->bg_layout && ! empty( $slide->bg_photo_src ) ) { echo '
'; } elseif ( 'video' == $slide->bg_layout && ! empty( $slide->bg_video ) ) { echo '
' . $slide->bg_video . '
'; } // Background link if ( ! empty( $slide->link ) && ( 'photo' == $slide->bg_layout || 'color' == $slide->bg_layout ) ) { echo ''; } } /** * @method render_content */ public function render_content( $slide ) { global $wp_embed; if ( 'none' == $slide->content_layout || 'video' == $slide->bg_layout ) { return; } echo '
'; echo '
'; if ( ! empty( $slide->title ) ) { echo '<' . $slide->title_tag . ' class="fl-slide-title">' . $slide->title . 'title_tag . '>'; } if ( ! empty( $slide->text ) ) { echo '
' . wpautop( $wp_embed->autoembed( $slide->text ) ) . $this->render_link( $slide ) . '
'; } $this->render_button( $slide ); echo '
'; echo '
'; } /** * @method render_media */ public function render_media( $slide ) { if ( 'none' == $slide->content_layout || 'video' == $slide->bg_layout ) { return; } // Photo if ( 'photo' == $slide->content_layout && ! empty( $slide->fg_photo_src ) ) { $alt = get_post_meta( $slide->fg_photo, '_wp_attachment_image_alt', true ); echo '
'; echo '
'; if ( ! empty( $slide->link ) ) { echo ''; } printf( '%s', FLBuilderUtils::img_lazyload( 'false' ), $slide->fg_photo, $slide->fg_photo_src, esc_attr( $alt ) ); if ( ! empty( $slide->link ) ) { echo ''; } echo '
'; echo '
'; } elseif ( 'video' == $slide->content_layout && ! empty( $slide->fg_video ) ) { echo '
'; echo '
' . $slide->fg_video . '
'; echo '
'; } } /** * @method render_mobile_media */ public function render_mobile_media( $slide ) { if ( 'video' == $slide->bg_layout ) { return; } // Photo if ( 'photo' == $slide->content_layout ) { $src = ''; $alt = ''; if ( 'main' == $slide->r_photo_type && ! empty( $slide->fg_photo_src ) ) { $id = $slide->fg_photo; $src = $slide->fg_photo_src; $alt = get_post_meta( $slide->bg_photo, '_wp_attachment_image_alt', true ); } elseif ( 'another' == $slide->r_photo_type && ! empty( $slide->r_photo_src ) ) { $id = $slide->r_photo; $src = $slide->r_photo_src; $alt = get_post_meta( $slide->r_photo, '_wp_attachment_image_alt', true ); } if ( ! empty( $src ) ) { echo '
'; printf( '%s', FLBuilderUtils::img_lazyload( 'false' ), $id, $src, esc_attr( $alt ) ); echo '
'; } } elseif ( 'video' == $slide->content_layout && ! empty( $slide->fg_video ) ) { echo '
' . $slide->fg_video . '
'; } elseif ( 'photo' == $slide->bg_layout ) { // BG Photo $src = ''; $alt = ''; if ( 'main' == $slide->r_photo_type && ! empty( $slide->bg_photo_src ) ) { $id = $slide->bg_photo; $src = $slide->bg_photo_src; $alt = get_post_meta( $slide->bg_photo, '_wp_attachment_image_alt', true ); } elseif ( 'another' == $slide->r_photo_type && ! empty( $slide->r_photo_src ) ) { $id = $slide->r_photo; $src = $slide->r_photo_src; $alt = get_post_meta( $slide->r_photo, '_wp_attachment_image_alt', true ); } if ( ! empty( $src ) ) { echo '
'; printf( '%s', FLBuilderUtils::img_lazyload( 'false' ), $id, $src, esc_attr( $alt ) ); echo '
'; } } } /** * @method render_link */ public function render_link( $slide ) { if ( 'link' == $slide->cta_type ) { return '' . $slide->cta_text . ''; } } /** * Returns an array of settings used to render a button module. * * @since 2.2 * @param object $slide * @return array */ public function get_button_settings( $slide ) { $settings = array( 'link' => $slide->link, 'link_nofollow' => isset( $slide->link_nofollow ) ? $slide->link_nofollow : 'no', 'link_target' => $slide->link_target, 'text' => $slide->cta_text, 'width' => 'auto', ); foreach ( $slide as $key => $value ) { if ( strstr( $key, 'btn_' ) ) { $key = str_replace( 'btn_', '', $key ); $settings[ $key ] = $value; } } return $settings; } /** * @method render_button */ public function render_button( $slide ) { if ( 'button' == $slide->cta_type ) { echo '
'; FLBuilder::render_module_html( 'button', $this->get_button_settings( $slide ) ); echo '
'; } } /** * @method is_loop_enabled */ public function is_loop_enabled() { if ( 'true' == $this->settings->loop && 1 == count( $this->settings->slides ) && 'video' == $this->settings->slides[0]->bg_layout ) { return 'false'; } else { return $this->settings->loop; } } } /** * Register the module and its form settings. */ FLBuilder::register_module('FLContentSliderModule', array( 'slides' => array( 'title' => __( 'Slides', 'fl-builder' ), 'sections' => array( 'general' => array( 'title' => '', 'fields' => array( 'slides' => array( 'type' => 'form', 'label' => __( 'Slide', 'fl-builder' ), 'form' => 'content_slider_slide', // ID from registered form below 'preview_text' => 'label', // Name of a field to use for the preview text 'multiple' => true, ), ), ), ), ), 'general' => array( 'title' => __( 'Slider', 'fl-builder' ), 'sections' => array( 'general' => array( 'title' => '', 'fields' => array( 'auto_play' => array( 'type' => 'select', 'label' => __( 'Auto Play', 'fl-builder' ), 'default' => '1', 'options' => array( '0' => __( 'No', 'fl-builder' ), '1' => __( 'Yes', 'fl-builder' ), ), 'toggle' => array( '1' => array( 'fields' => array( 'play_pause' ), ), ), ), 'shuffle' => array( 'type' => 'select', 'label' => __( 'Shuffle', 'fl-builder' ), 'default' => '0', 'options' => array( '0' => __( 'No', 'fl-builder' ), '1' => __( 'Yes', 'fl-builder' ), ), ), 'auto_hover' => array( 'type' => 'select', 'label' => __( 'Pause On Hover', 'fl-builder' ), 'default' => '1', 'options' => array( '0' => __( 'No', 'fl-builder' ), '1' => __( 'Yes', 'fl-builder' ), ), ), 'loop' => array( 'type' => 'select', 'label' => __( 'Loop', 'fl-builder' ), 'default' => 'true', 'options' => array( 'false' => __( 'No', 'fl-builder' ), 'true' => __( 'Yes', 'fl-builder' ), ), ), 'delay' => array( 'type' => 'unit', 'label' => __( 'Delay', 'fl-builder' ), 'default' => '5', 'sanitize' => 'absint', 'units' => array( 'seconds' ), 'slider' => array( 'max' => 10, 'step' => .5, ), 'help' => __( 'Delay should be greater than the Transition Speed.', 'fl-builder' ), ), 'transition' => array( 'type' => 'select', 'label' => __( 'Transition', 'fl-builder' ), 'default' => 'slide', 'options' => array( 'horizontal' => _x( 'Slide', 'Transition type.', 'fl-builder' ), 'fade' => __( 'Fade', 'fl-builder' ), ), ), 'speed' => array( 'type' => 'unit', 'label' => __( 'Transition Speed', 'fl-builder' ), 'default' => '0.5', 'sanitize' => 'FLBuilderUtils::sanitize_non_negative_number', 'units' => array( 'seconds' ), 'slider' => array( 'max' => 10, 'step' => .5, ), 'help' => __( 'Transition Speed should be less than the Delay value.', 'fl-builder' ), ), 'play_pause' => array( 'type' => 'select', 'label' => __( 'Show Play/Pause', 'fl-builder' ), 'default' => '0', 'options' => array( '0' => __( 'No', 'fl-builder' ), '1' => __( 'Yes', 'fl-builder' ), ), ), 'arrows' => array( 'type' => 'select', 'label' => __( 'Show Arrows', 'fl-builder' ), 'default' => '0', 'options' => array( '0' => __( 'No', 'fl-builder' ), '1' => __( 'Yes', 'fl-builder' ), ), 'toggle' => array( '1' => array( 'sections' => array( 'arrows' ), ), ), ), 'dots' => array( 'type' => 'select', 'label' => __( 'Show Dots', 'fl-builder' ), 'default' => '1', 'options' => array( '0' => __( 'No', 'fl-builder' ), '1' => __( 'Yes', 'fl-builder' ), ), ), ), ), ), ), 'styles' => array( 'title' => __( 'Style', 'fl-builder' ), 'sections' => array( 'general' => array( 'title' => '', 'fields' => array( 'height' => array( 'type' => 'unit', 'label' => __( 'Height', 'fl-builder' ), 'default' => '400', 'sanitize' => 'absint', 'units' => array( 'px' ), 'slider' => array( 'max' => 600, 'step' => 10, ), 'help' => __( 'This setting is the minimum height of the content slider. Content will expand the height automatically.', 'fl-builder' ), ), 'max_width' => array( 'type' => 'unit', 'label' => __( 'Max Content Width', 'fl-builder' ), 'default' => '1100', 'sanitize' => 'absint', 'units' => array( 'px' ), 'slider' => array( 'max' => 1100, 'step' => 10, ), 'help' => __( 'The max width that the content area will be within your slides.', 'fl-builder' ), ), ), ), 'arrows' => array( 'title' => __( 'Arrows', 'fl-builder' ), 'fields' => array( 'arrows_bg_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Arrows Background Color', 'fl-builder' ), 'show_reset' => true, 'show_alpha' => true, ), 'arrows_bg_style' => array( 'type' => 'select', 'label' => __( 'Arrows Background Style', 'fl-builder' ), 'default' => 'circle', 'options' => array( 'circle' => __( 'Circle', 'fl-builder' ), 'square' => __( 'Square', 'fl-builder' ), ), ), 'arrows_text_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Arrows Color', 'fl-builder' ), 'show_reset' => true, 'show_alpha' => true, 'preview' => array( 'type' => 'css', 'selector' => '.fl-content-slider-navigation path', 'property' => 'fill', ), ), ), ), ), ), )); /** * Register the slide settings form. */ FLBuilder::register_settings_form('content_slider_slide', array( 'title' => __( 'Slide Settings', 'fl-builder' ), 'tabs' => array( 'general' => array( // Tab 'title' => __( 'General', 'fl-builder' ), // Tab title 'sections' => array( // Tab Sections 'general' => array( 'title' => '', 'fields' => array( 'label' => array( 'type' => 'text', 'label' => __( 'Slide Label', 'fl-builder' ), 'help' => __( 'A label to identify this slide on the Slides tab of the Content Slider settings.', 'fl-builder' ), ), ), ), 'background' => array( 'title' => __( 'Background Layout', 'fl-builder' ), 'fields' => array( 'bg_layout' => array( 'type' => 'select', 'label' => __( 'Type', 'fl-builder' ), 'default' => 'photo', 'help' => __( 'This setting is for the entire background of your slide.', 'fl-builder' ), 'options' => array( 'photo' => __( 'Photo', 'fl-builder' ), 'video' => __( 'Video', 'fl-builder' ), 'color' => __( 'Color', 'fl-builder' ), 'none' => _x( 'None', 'Background type.', 'fl-builder' ), ), 'toggle' => array( 'photo' => array( 'fields' => array( 'bg_photo' ), 'sections' => array( 'content', 'text' ), ), 'color' => array( 'fields' => array( 'bg_color' ), 'sections' => array( 'content', 'text' ), ), 'video' => array( 'fields' => array( 'bg_video' ), ), 'none' => array( 'sections' => array( 'content', 'text' ), ), ), ), 'bg_photo' => array( 'type' => 'photo', 'show_remove' => true, 'label' => __( 'Background Photo', 'fl-builder' ), ), 'bg_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Background Color', 'fl-builder' ), 'show_reset' => true, 'show_alpha' => true, ), 'bg_video' => array( 'type' => 'textarea', 'label' => __( 'Background Video Code', 'fl-builder' ), 'rows' => '6', ), ), ), 'content' => array( 'title' => __( 'Content Layout', 'fl-builder' ), 'fields' => array( 'content_layout' => array( 'type' => 'select', 'label' => __( 'Type', 'fl-builder' ), 'default' => 'none', 'help' => __( 'This allows you to add content over or in addition to the background selection above. The location of the content layout can be selected in the style tab.', 'fl-builder' ), 'options' => array( 'text' => __( 'Text', 'fl-builder' ), 'photo' => __( 'Text & Photo', 'fl-builder' ), 'video' => __( 'Text & Video', 'fl-builder' ), 'none' => _x( 'None', 'Content type.', 'fl-builder' ), ), 'toggle' => array( 'text' => array( 'fields' => array( 'title', 'text' ), 'sections' => array( 'text' ), ), 'photo' => array( 'fields' => array( 'title', 'text', 'fg_photo' ), 'sections' => array( 'text' ), ), 'video' => array( 'fields' => array( 'title', 'text', 'fg_video' ), 'sections' => array( 'text' ), ), ), ), 'fg_photo' => array( 'type' => 'photo', 'show_remove' => true, 'label' => __( 'Photo', 'fl-builder' ), ), 'fg_video' => array( 'type' => 'textarea', 'label' => __( 'Video Embed Code', 'fl-builder' ), 'rows' => '6', ), 'title' => array( 'type' => 'text', 'label' => __( 'Heading', 'fl-builder' ), ), 'text' => array( 'type' => 'editor', 'media_buttons' => false, 'wpautop' => false, 'rows' => 16, ), ), ), ), ), 'style' => array( // Tab 'title' => __( 'Style', 'fl-builder' ), // Tab title 'sections' => array( // Tab Sections 'title' => array( 'title' => __( 'Heading', 'fl-builder' ), 'fields' => array( 'title_tag' => array( 'type' => 'select', 'label' => __( 'Heading Tag', 'fl-builder' ), 'default' => 'h2', 'options' => array( 'h1' => 'h1', 'h2' => 'h2', 'h3' => 'h3', 'h4' => 'h4', 'h5' => 'h5', 'h6' => 'h6', ), ), 'title_size' => array( 'type' => 'select', 'label' => __( 'Heading Size', 'fl-builder' ), 'default' => 'default', 'options' => array( 'default' => __( 'Default', 'fl-builder' ), 'custom' => __( 'Custom', 'fl-builder' ), ), 'toggle' => array( 'custom' => array( 'fields' => array( 'title_custom_size' ), ), ), ), 'title_custom_size' => array( 'type' => 'unit', 'label' => __( 'Heading Size', 'fl-builder' ), 'default' => '24', 'units' => array( 'px' ), 'slider' => true, ), ), ), 'text_position' => array( 'title' => __( 'Text Position', 'fl-builder' ), 'fields' => array( 'text_position' => array( 'type' => 'select', 'label' => __( 'Position', 'fl-builder' ), 'default' => 'top-left', 'help' => __( 'The position will move the content layout selections left, right or center over the background of the slide.', 'fl-builder' ), 'options' => array( 'left' => __( 'Left', 'fl-builder' ), 'center' => __( 'Center', 'fl-builder' ), 'right' => __( 'Right', 'fl-builder' ), ), ), 'text_width' => array( 'type' => 'unit', 'label' => __( 'Width', 'fl-builder' ), 'default' => '50', 'units' => array( '%' ), 'slider' => true, ), ), ), 'text_margins' => array( 'title' => __( 'Text Spacing', 'fl-builder' ), 'fields' => array( 'text_margin' => array( 'type' => 'dimension', 'label' => __( 'Margins', 'fl-builder' ), 'default' => '60', ), 'text_padding' => array( 'type' => 'dimension', 'label' => __( 'Padding', 'fl-builder' ), 'default' => '60', ), ), ), 'text_style' => array( 'title' => __( 'Text Colors', 'fl-builder' ), 'fields' => array( 'text_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Text Color', 'fl-builder' ), 'default' => 'ffffff', 'show_reset' => true, 'show_alpha' => true, ), 'text_shadow' => array( 'type' => 'select', 'label' => __( 'Text Shadow', 'fl-builder' ), 'default' => '0', 'options' => array( '0' => __( 'No', 'fl-builder' ), '1' => __( 'Yes', 'fl-builder' ), ), ), 'text_bg_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Text Background Color', 'fl-builder' ), 'help' => __( 'The color applies to the overlay behind text over the background selections.', 'fl-builder' ), 'show_reset' => true, 'show_alpha' => true, ), 'text_bg_height' => array( 'type' => 'select', 'label' => __( 'Text Background Height', 'fl-builder' ), 'default' => 'auto', 'help' => __( 'Auto will allow the overlay to fit however long the text content is. 100% will fit the overlay to the top and bottom of the slide.', 'fl-builder' ), 'options' => array( 'auto' => _x( 'Auto', 'Background height.', 'fl-builder' ), '100%' => '100%', ), ), ), ), ), ), 'cta' => array( 'title' => __( 'Link', 'fl-builder' ), 'sections' => array( 'link' => array( 'title' => __( 'Link', 'fl-builder' ), 'fields' => array( 'link' => array( 'type' => 'link', 'label' => __( 'Link', 'fl-builder' ), 'show_target' => true, 'show_nofollow' => true, 'help' => __( 'The link applies to the entire slide. If choosing a call to action type below, this link will also be used for the text or button.', 'fl-builder' ), ), ), ), 'cta' => array( 'title' => __( 'Call to Action', 'fl-builder' ), 'fields' => array( 'cta_type' => array( 'type' => 'select', 'label' => __( 'Type', 'fl-builder' ), 'default' => 'none', 'options' => array( 'none' => _x( 'None', 'Call to action.', 'fl-builder' ), 'link' => __( 'Link', 'fl-builder' ), 'button' => __( 'Button', 'fl-builder' ), ), 'toggle' => array( 'none' => array(), 'link' => array( 'fields' => array( 'cta_text' ), ), 'button' => array( 'fields' => array( 'cta_text' ), 'sections' => array( 'btn_icon', 'btn_style', 'btn_text', 'btn_colors', 'btn_border' ), ), ), ), 'cta_text' => array( 'type' => 'text', 'label' => __( 'Text', 'fl-builder' ), ), ), ), 'btn_icon' => array( 'title' => __( 'Button Icon', 'fl-builder' ), 'fields' => array( 'btn_icon' => array( 'type' => 'icon', 'label' => __( 'Button Icon', 'fl-builder' ), 'show_remove' => true, 'show' => array( 'fields' => array( 'btn_icon_position', 'btn_icon_animation' ), ), ), 'btn_duo_color1' => array( 'label' => __( 'DuoTone Primary Color', 'fl-builder' ), 'type' => 'color', 'default' => '', 'show_reset' => true, 'show_alpha' => true, 'preview' => array( 'type' => 'css', 'selector' => 'i.fl-button-icon.fad:before', 'property' => 'color', 'important' => true, ), ), 'btn_duo_color2' => array( 'label' => __( 'DuoTone Secondary Color', 'fl-builder' ), 'type' => 'color', 'default' => '', 'show_reset' => true, 'show_alpha' => true, 'preview' => array( 'type' => 'css', 'selector' => 'i.fl-button-icon.fad:after', 'property' => 'color', 'important' => true, ), ), 'btn_icon_position' => array( 'type' => 'select', 'label' => __( 'Button Icon Position', 'fl-builder' ), 'default' => 'before', 'options' => array( 'before' => __( 'Before Text', 'fl-builder' ), 'after' => __( 'After Text', 'fl-builder' ), ), ), 'btn_icon_animation' => array( 'type' => 'select', 'label' => __( 'Button Icon Visibility', 'fl-builder' ), 'default' => 'disable', 'options' => array( 'disable' => __( 'Always Visible', 'fl-builder' ), 'enable' => __( 'Fade In On Hover', 'fl-builder' ), ), ), ), ), 'btn_style' => array( 'title' => __( 'Button Style', 'fl-builder' ), 'fields' => array( 'btn_padding' => array( 'type' => 'dimension', 'label' => __( 'Button Padding', 'fl-builder' ), 'responsive' => true, 'slider' => true, 'units' => array( 'px' ), 'preview' => array( 'type' => 'css', 'selector' => 'a.fl-button', 'property' => 'padding', ), ), ), ), 'btn_text' => array( 'title' => __( 'Button Text', 'fl-builder' ), 'fields' => array( 'btn_text_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Button Text Color', 'fl-builder' ), 'default' => '', 'show_reset' => true, 'show_alpha' => true, 'preview' => array( 'type' => 'css', 'selector' => 'a.fl-button, a.fl-button *', 'property' => 'color', 'important' => true, ), ), 'btn_text_hover_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Button Text Hover Color', 'fl-builder' ), 'default' => '', 'show_reset' => true, 'show_alpha' => true, 'preview' => array( 'type' => 'css', 'selector' => 'a.fl-button:hover, a.fl-button:hover *, a.fl-button:focus, a.fl-button:focus *', 'property' => 'color', 'important' => true, ), ), 'btn_typography' => array( 'type' => 'typography', 'label' => __( 'Button Typography', 'fl-builder' ), 'responsive' => true, 'preview' => array( 'type' => 'css', 'selector' => 'a.fl-button', ), ), ), ), 'btn_colors' => array( 'title' => __( 'Button Background', 'fl-builder' ), 'fields' => array( 'btn_bg_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Button Background Color', 'fl-builder' ), 'default' => '', 'show_reset' => true, 'show_alpha' => true, 'preview' => array( 'type' => 'none', ), ), 'btn_bg_hover_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Button Background Hover Color', 'fl-builder' ), 'default' => '', 'show_reset' => true, 'show_alpha' => true, 'preview' => array( 'type' => 'none', ), ), 'btn_style' => array( 'type' => 'select', 'label' => __( 'Button Background Style', 'fl-builder' ), 'default' => 'flat', 'options' => array( 'flat' => __( 'Flat', 'fl-builder' ), 'gradient' => __( 'Gradient', 'fl-builder' ), ), ), 'btn_button_transition' => array( 'type' => 'select', 'label' => __( 'Button Background Animation', 'fl-builder' ), 'default' => 'disable', 'options' => array( 'disable' => __( 'Disabled', 'fl-builder' ), 'enable' => __( 'Enabled', 'fl-builder' ), ), 'preview' => array( 'type' => 'none', ), ), ), ), 'btn_border' => array( 'title' => __( 'Button Border', 'fl-builder' ), 'fields' => array( 'btn_border' => array( 'type' => 'border', 'label' => __( 'Button Border', 'fl-builder' ), 'responsive' => true, 'preview' => array( 'type' => 'css', 'selector' => 'a.fl-button', 'important' => true, ), ), 'btn_border_hover_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Button Border Hover Color', 'fl-builder' ), 'default' => '', 'show_reset' => true, 'show_alpha' => true, 'preview' => array( 'type' => 'none', ), ), ), ), ), ), 'mobile' => array( 'title' => _x( 'Mobile', 'Module settings form tab. Display on mobile devices.', 'fl-builder' ), 'sections' => array( 'r_photo' => array( 'title' => __( 'Mobile Photo', 'fl-builder' ), 'fields' => array( 'r_photo_type' => array( 'type' => 'select', 'label' => __( 'Type', 'fl-builder' ), 'default' => 'main', 'help' => __( 'You can choose a different photo that the slide will change to on mobile devices or no photo if desired.', 'fl-builder' ), 'options' => array( 'main' => __( 'Use Main Photo', 'fl-builder' ), 'another' => __( 'Choose Another Photo', 'fl-builder' ), 'none' => __( 'No Photo', 'fl-builder' ), ), 'toggle' => array( 'another' => array( 'fields' => array( 'r_photo' ), ), ), ), 'r_photo' => array( 'type' => 'photo', 'show_remove' => true, 'label' => __( 'Photo', 'fl-builder' ), ), ), ), 'r_text_style' => array( 'title' => __( 'Mobile Text Colors', 'fl-builder' ), 'fields' => array( 'r_text_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Text Color', 'fl-builder' ), 'default' => 'ffffff', 'show_reset' => true, 'show_alpha' => true, ), 'r_text_bg_color' => array( 'type' => 'color', 'connections' => array( 'color' ), 'label' => __( 'Text Background Color', 'fl-builder' ), 'default' => '333333', 'show_reset' => true, 'show_alpha' => true, ), ), ), ), ), ), ));