芝麻web文件管理V1.00
编辑当前文件:/home/freeclou/optimyar/wp-content/plugins/jet-elements/includes/addons/jet-elements-posts.php
get_shortcode( $this->get_name() ); } public function is_reload_preview_required() { return true; } protected function is_dynamic_content(): bool { return false; } public function get_style_depends() { return array( 'jet-posts', 'jet-carousel', 'jet-carousel-skin' ); } public function get_script_depends() { return array( 'jet-slick' ); } protected function register_controls() { $this->start_controls_section( 'section_general', array( 'label' => esc_html__( 'General', 'jet-elements' ), ) ); if ( $this->_shortcode() ) { $attributes = $this->_shortcode()->get_atts(); foreach ( $attributes as $attr => $settings ) { if ( empty( $settings['type'] ) ) { continue; } if ( ! empty( $settings['responsive'] ) ) { $this->add_responsive_control( $attr, $settings ); } elseif ( 'icon' === $settings['type'] ) { $this->_add_advanced_icon_control( $attr, $settings ); } else { $this->add_control( $attr, $settings ); } } } $this->end_controls_section(); $css_scheme = apply_filters( 'jet-elements/jet-posts/css-scheme', array( 'wrap' => '.jet-posts', 'column' => '.jet-posts .jet-posts__item', 'inner-box' => '.jet-posts .jet-posts__inner-box', 'inner-content' => '.jet-posts .jet-posts__inner-content', 'thumb' => '.jet-posts .post-thumbnail', 'title' => '.jet-posts .entry-title', 'meta' => '.jet-posts .post-meta', 'meta-item' => '.jet-posts .post-meta__item', 'excerpt' => '.jet-posts .entry-excerpt', 'button_wrap' => '.jet-posts .jet-more-wrap', 'button' => '.jet-posts .jet-more', 'button_icon' => '.jet-posts .jet-more-icon', 'terms' => '.jet-posts .jet-posts__terms', 'terms_link' => '.jet-posts .jet-posts__terms-link', ) ); $this->start_controls_section( 'section_carousel', array( 'label' => esc_html__( 'Carousel', 'jet-elements' ), ) ); $this->add_control( 'carousel_enabled', array( 'label' => esc_html__( 'Enable Carousel', 'jet-elements' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-elements' ), 'label_off' => esc_html__( 'No', 'jet-elements' ), 'return_value' => 'yes', 'default' => '', ) ); $this->add_responsive_control( 'slides_min_height', array( 'label' => esc_html__( 'Slides Minimal Height', 'jet-elements' ), 'type' => Controls_Manager::NUMBER, 'default' => '', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['inner-box'] => 'min-height: {{VALUE}}px;', ), ) ); $this->add_control( 'slides_to_scroll', array( 'label' => esc_html__( 'Slides to Scroll', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => '1', 'options' => jet_elements_tools()->get_select_range( 4 ), 'condition' => array( 'columns!' => '1', ), 'frontend_available' => true, 'render_type' => 'template', ) ); $this->add_control( 'arrows', array( 'label' => esc_html__( 'Show Arrows Navigation', 'jet-elements' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-elements' ), 'label_off' => esc_html__( 'No', 'jet-elements' ), 'return_value' => 'true', 'default' => 'true', ) ); $this->_add_advanced_icon_control( 'prev_arrow', array( 'label' => esc_html__( 'Prev Arrow Icon', 'jet-elements' ), 'type' => Controls_Manager::ICON, 'label_block' => true, 'file' => '', 'default' => 'fa fa-angle-left', 'fa5_default' => array( 'value' => 'fas fa-angle-left', 'library' => 'fa-solid', ), 'condition' => array( 'arrows' => 'true', ), ) ); $this->_add_advanced_icon_control( 'next_arrow', array( 'label' => esc_html__( 'Next Arrow Icon', 'jet-elements' ), 'type' => Controls_Manager::ICON, 'label_block' => true, 'file' => '', 'default' => 'fa fa-angle-right', 'fa5_default' => array( 'value' => 'fas fa-angle-right', 'library' => 'fa-solid', ), 'condition' => array( 'arrows' => 'true', ), ) ); $this->add_control( 'dots', array( 'label' => esc_html__( 'Show Dots Navigation', 'jet-elements' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-elements' ), 'label_off' => esc_html__( 'No', 'jet-elements' ), 'return_value' => 'true', 'default' => '', ) ); $this->add_control( 'pause_on_hover', array( 'label' => esc_html__( 'Pause on Hover', 'jet-elements' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-elements' ), 'label_off' => esc_html__( 'No', 'jet-elements' ), 'return_value' => 'true', 'default' => '', ) ); $this->add_control( 'autoplay', array( 'label' => esc_html__( 'Autoplay', 'jet-elements' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-elements' ), 'label_off' => esc_html__( 'No', 'jet-elements' ), 'return_value' => 'true', 'default' => 'true', ) ); $this->add_control( 'autoplay_speed', array( 'label' => esc_html__( 'Autoplay Speed', 'jet-elements' ), 'type' => Controls_Manager::NUMBER, 'default' => 5000, 'condition' => array( 'autoplay' => 'true', ), ) ); $this->add_control( 'infinite', array( 'label' => esc_html__( 'Infinite Loop', 'jet-elements' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-elements' ), 'label_off' => esc_html__( 'No', 'jet-elements' ), 'return_value' => 'true', 'default' => 'true', ) ); $this->add_control( 'effect', array( 'label' => esc_html__( 'Effect', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'slide', 'options' => array( 'slide' => esc_html__( 'Slide', 'jet-elements' ), 'fade' => esc_html__( 'Fade', 'jet-elements' ), ), 'condition' => array( 'columns' => '1', ), ) ); $this->add_control( 'speed', array( 'label' => esc_html__( 'Animation Speed', 'jet-elements' ), 'type' => Controls_Manager::NUMBER, 'default' => 500, ) ); $this->end_controls_section(); $this->start_controls_section( 'section_posts_custom_fields', array( 'label' => esc_html__( 'Custom Fields', 'jet-elements' ), ) ); $this->add_meta_controls( 'title_related', esc_html__( 'Before/After Title', 'jet-elements' ) ); $this->add_meta_controls( 'content_related', esc_html__( 'Before/After Content', 'jet-elements' ) ); $this->end_controls_section(); $this->_start_controls_section( 'section_column_style', array( 'label' => esc_html__( 'Column', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_add_responsive_control( 'column_padding', array( 'label' => esc_html__( 'Column Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'custom' ), 'render_type' => 'template', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['column'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} ' . $css_scheme['wrap'] => 'margin-right: -{{RIGHT}}{{UNIT}}; margin-left: -{{LEFT}}{{UNIT}};', ), ), 25 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_box_style', array( 'label' => esc_html__( 'Post Item', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_add_control( 'box_bg', array( 'label' => esc_html__( 'Background Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['inner-box'] => 'background-color: {{VALUE}}', ), ), 25 ); $this->_add_group_control( Group_Control_Border::get_type(), array( 'name' => 'box_border', 'label' => esc_html__( 'Border', 'jet-elements' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['inner-box'], ), 75 ); $this->_add_responsive_control( 'box_border_radius', array( 'label' => __( 'Border Radius', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['inner-box'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'inner_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['inner-box'], ), 100 ); $this->_add_responsive_control( 'box_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['inner-box'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_thumb_style', array( 'label' => esc_html__( 'Post Thumbnail (Image)', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_add_responsive_control( 'thumb_alignment', array( 'label' => esc_html__( 'Alignment', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'jet-elements' ), 'icon' => 'eicon-text-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-elements' ), 'icon' => 'eicon-text-align-center', ), 'right' => array( 'title' => esc_html__( 'Right', 'jet-elements' ), 'icon' => 'eicon-text-align-right', ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['thumb'] => 'text-align: {{VALUE}};', ), 'classes' => 'jet-elements-text-align-control', ), 50 ); $this->_add_group_control( Group_Control_Border::get_type(), array( 'name' => 'thumb_border', 'label' => esc_html__( 'Border', 'jet-elements' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['thumb'], ), 75 ); $this->_add_responsive_control( 'thumb_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['thumb'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'thumb_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['thumb'], ), 100 ); $this->_add_responsive_control( 'thumb_margin', array( 'label' => esc_html__( 'Margin', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['thumb'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_add_responsive_control( 'thumb_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['thumb'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 50 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_content_style', array( 'label' => esc_html__( 'Post Item Content', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_add_control( 'content_bg', array( 'label' => esc_html__( 'Background Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['inner-content'] => 'background-color: {{VALUE}}', ), ), 25 ); $this->_add_responsive_control( 'content_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['inner-content'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_title_style', array( 'label' => esc_html__( 'Title', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_add_control( 'title_bg', array( 'label' => esc_html__( 'Background Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['title'] => 'background-color: {{VALUE}}', ), ), 75 ); $this->_start_controls_tabs( 'tabs_title_color' ); $this->_start_controls_tab( 'tab_title_color_normal', array( 'label' => esc_html__( 'Normal', 'jet-elements' ), ) ); $this->_add_control( 'title_color', array( 'label' => esc_html__( 'Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_SECONDARY, ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['title'] . ' a' => 'color: {{VALUE}}', ), 'separator' => 'after', ), 25 ); $this->_end_controls_tab(); $this->_start_controls_tab( 'tab_title_color_hover', array( 'label' => esc_html__( 'Hover', 'jet-elements' ), ) ); $this->_add_control( 'title_color_hover', array( 'label' => esc_html__( 'Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_SECONDARY, ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['title'] . ' a:hover' => 'color: {{VALUE}}', ), 'separator' => 'after', ), 25 ); $this->_end_controls_tab(); $this->_end_controls_tabs(); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'title_typography', 'selector' => '{{WRAPPER}} ' . $css_scheme['title'] . ', {{WRAPPER}} ' . $css_scheme['title'] . ' a', 'global' => array( 'default' => Global_Typography::TYPOGRAPHY_TEXT, ), ), 50 ); $this->_add_responsive_control( 'title_alignment', array( 'label' => esc_html__( 'Alignment', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'left', 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'jet-elements' ), 'icon' => 'fa fa-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-elements' ), 'icon' => 'fa fa-align-center', ), 'right' => array( 'title' => esc_html__( 'Right', 'jet-elements' ), 'icon' => 'fa fa-align-right', ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['title'] => 'text-align: {{VALUE}};', ), 'classes' => 'jet-elements-text-align-control', ), 50 ); $this->_add_responsive_control( 'title_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['title'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_responsive_control( 'title_margin', array( 'label' => esc_html__( 'Margin', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['title'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_meta_style', array( 'label' => esc_html__( 'Meta', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_add_control( 'meta_bg', array( 'label' => esc_html__( 'Background Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['meta'] => 'background-color: {{VALUE}}', ), ), 75 ); $this->_add_control( 'meta_color', array( 'label' => esc_html__( 'Text Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['meta'] => 'color: {{VALUE}}', ), 'global' => array( 'default' => Global_Colors::COLOR_TEXT, ), ), 25 ); $this->_add_control( 'meta_link_color', array( 'label' => esc_html__( 'Links Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['meta'] . ' a' => 'color: {{VALUE}}', ), ), 25 ); $this->_add_control( 'meta_link_color_hover', array( 'label' => esc_html__( 'Links Hover Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['meta'] . ' a:hover' => 'color: {{VALUE}}', ), ), 25 ); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'meta_typography', 'selector' => '{{WRAPPER}} ' . $css_scheme['meta'], 'global' => array( 'default' => Global_Typography::TYPOGRAPHY_TEXT, ), ), 50 ); $this->_add_responsive_control( 'meta_alignment', array( 'label' => esc_html__( 'Alignment', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'left', 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'jet-elements' ), 'icon' => 'fa fa-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-elements' ), 'icon' => 'fa fa-align-center', ), 'right' => array( 'title' => esc_html__( 'Right', 'jet-elements' ), 'icon' => 'fa fa-align-right', ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['meta'] => 'text-align: {{VALUE}};', ), 'classes' => 'jet-elements-text-align-control', ), 50 ); $this->_add_responsive_control( 'meta_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['meta'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_responsive_control( 'meta_margin', array( 'label' => esc_html__( 'Margin', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['meta'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_add_control( 'meta_divider', array( 'label' => esc_html__( 'Meta Divider', 'jet-elements' ), 'type' => Controls_Manager::TEXT, 'default' => '', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['meta-item'] . ':not(:first-child):before' => 'content: "{{VALUE}}";', ), ), 25 ); $this->_add_control( 'meta_divider_gap', array( 'label' => esc_html__( 'Divider Gap', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'custom' ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 90, ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['meta-item'] . ':not(:first-child):before' => 'margin-left: {{SIZE}}{{UNIT}};margin-right: {{SIZE}}{{UNIT}};', ), ), 25 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_excerpt_style', array( 'label' => esc_html__( 'Excerpt', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_add_control( 'excerpt_bg', array( 'label' => esc_html__( 'Background Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['excerpt'] => 'background-color: {{VALUE}}', ), ), 75 ); $this->_add_control( 'excerpt_color', array( 'label' => esc_html__( 'Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['excerpt'] => 'color: {{VALUE}}', ), ), 25 ); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'excerpt_typography', 'selector' => '{{WRAPPER}} ' . $css_scheme['excerpt'], 'global' => array( 'default' => Global_Typography::TYPOGRAPHY_TEXT, ), ), 50 ); $this->_add_responsive_control( 'excerpt_alignment', array( 'label' => esc_html__( 'Alignment', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'left', 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'jet-elements' ), 'icon' => 'fa fa-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-elements' ), 'icon' => 'fa fa-align-center', ), 'right' => array( 'title' => esc_html__( 'Right', 'jet-elements' ), 'icon' => 'fa fa-align-right', ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['excerpt'] => 'text-align: {{VALUE}};', ), 'classes' => 'jet-elements-text-align-control', ), 50 ); $this->_add_responsive_control( 'excerpt_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['excerpt'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_responsive_control( 'excerpt_margin', array( 'label' => esc_html__( 'Margin', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['excerpt'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_button_style', array( 'label' => esc_html__( 'Button', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_add_control( 'add_button_icon', array( 'label' => esc_html__( 'Customize Icon', 'jet-elements' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-elements' ), 'label_off' => esc_html__( 'No', 'jet-elements' ), 'return_value' => 'yes', 'default' => '', ), 25 ); $this->_add_control( 'button_icon_position', array( 'label' => esc_html__( 'Icon Position', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'left' => esc_html__( 'Before Text', 'jet-elements' ), 'right' => esc_html__( 'After Text', 'jet-elements' ), ), 'default' => 'right', 'render_type' => 'template', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button_icon'] => 'float: {{VALUE}}', ), 'condition' => array( 'add_button_icon' => 'yes', ), ), 25 ); $this->_add_control( 'button_icon_size', array( 'label' => esc_html__( 'Icon Size', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 7, 'max' => 90, ), ), 'condition' => array( 'add_button_icon' => 'yes', ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button_icon'] => 'font-size: {{SIZE}}{{UNIT}};', ), ), 50 ); $this->_add_control( 'button_icon_color', array( 'label' => esc_html__( 'Icon Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'condition' => array( 'add_button_icon' => 'yes', ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button_icon'] => 'color: {{VALUE}}', ), ), 25 ); $this->_add_responsive_control( 'button_icon_margin', array( 'label' => esc_html__( 'Icon Margin', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button_icon'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'condition' => array( 'add_button_icon' => 'yes', ), ), 25 ); $this->_start_controls_tabs( 'tabs_button_style' ); $this->_start_controls_tab( 'tab_button_normal', array( 'label' => esc_html__( 'Normal', 'jet-elements' ), ) ); $this->_add_control( 'button_bg', array( 'label' => _x( 'Background Type', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'color' => array( 'title' => _x( 'Classic', 'Background Control', 'jet-elements' ), 'icon' => 'fa fa-paint-brush', ), 'gradient' => array( 'title' => _x( 'Gradient', 'Background Control', 'jet-elements' ), 'icon' => 'fa fa-barcode', ), ), 'default' => 'color', 'label_block' => false, 'render_type' => 'ui', 'toggle' => false, ), 25 ); $this->_add_control( 'button_bg_color', array( 'label' => _x( 'Color', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), 'title' => _x( 'Background Color', 'Background Control', 'jet-elements' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'background-color: {{VALUE}};', ), ), 25 ); $this->_add_control( 'button_bg_color_stop', array( 'label' => _x( 'Location', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( '%', 'custom' ), 'default' => array( 'unit' => '%', 'size' => 0, ), 'render_type' => 'ui', 'condition' => array( 'button_bg' => array( 'gradient' ), ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_bg_color_b', array( 'label' => _x( 'Second Color', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'default' => '#f2295b', 'render_type' => 'ui', 'condition' => array( 'button_bg' => array( 'gradient' ), ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_bg_color_b_stop', array( 'label' => _x( 'Location', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( '%', 'custom' ), 'default' => array( 'unit' => '%', 'size' => 100, ), 'render_type' => 'ui', 'condition' => array( 'button_bg' => array( 'gradient' ), ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_bg_gradient_type', array( 'label' => _x( 'Type', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'linear' => _x( 'Linear', 'Background Control', 'jet-elements' ), 'radial' => _x( 'Radial', 'Background Control', 'jet-elements' ), ), 'default' => 'linear', 'render_type' => 'ui', 'condition' => array( 'button_bg' => array( 'gradient' ), ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_bg_gradient_angle', array( 'label' => _x( 'Angle', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'deg', 'custom' ), 'default' => array( 'unit' => 'deg', 'size' => 180, ), 'range' => array( 'deg' => array( 'step' => 10, ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'background-color: transparent; background-image: linear-gradient({{SIZE}}{{UNIT}}, {{button_bg_color.VALUE}} {{button_bg_color_stop.SIZE}}{{button_bg_color_stop.UNIT}}, {{button_bg_color_b.VALUE}} {{button_bg_color_b_stop.SIZE}}{{button_bg_color_b_stop.UNIT}})', ), 'condition' => array( 'button_bg' => array( 'gradient' ), 'button_bg_gradient_type' => 'linear', ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_bg_gradient_position', array( 'label' => _x( 'Position', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'center center' => _x( 'Center Center', 'Background Control', 'jet-elements' ), 'center left' => _x( 'Center Left', 'Background Control', 'jet-elements' ), 'center right' => _x( 'Center Right', 'Background Control', 'jet-elements' ), 'top center' => _x( 'Top Center', 'Background Control', 'jet-elements' ), 'top left' => _x( 'Top Left', 'Background Control', 'jet-elements' ), 'top right' => _x( 'Top Right', 'Background Control', 'jet-elements' ), 'bottom center' => _x( 'Bottom Center', 'Background Control', 'jet-elements' ), 'bottom left' => _x( 'Bottom Left', 'Background Control', 'jet-elements' ), 'bottom right' => _x( 'Bottom Right', 'Background Control', 'jet-elements' ), ), 'default' => 'center center', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'background-color: transparent; background-image: radial-gradient(at {{VALUE}}, {{button_bg_color.VALUE}} {{button_bg_color_stop.SIZE}}{{button_bg_color_stop.UNIT}}, {{button_bg_color_b.VALUE}} {{button_bg_color_b_stop.SIZE}}{{button_bg_color_b_stop.UNIT}})', ), 'condition' => array( 'button_bg' => array( 'gradient' ), 'button_bg_gradient_type' => 'radial', ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_color', array( 'label' => esc_html__( 'Text Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'color: {{VALUE}}', ), ), 25 ); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'button_typography', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'], 'global' => array( 'default' => Global_Typography::TYPOGRAPHY_TEXT, ), ), 50 ); $this->_add_control( 'button_text_decor', array( 'label' => esc_html__( 'Text Decoration', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'none' => esc_html__( 'None', 'jet-elements' ), 'underline' => esc_html__( 'Underline', 'jet-elements' ), ), 'default' => 'none', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'text-decoration: {{VALUE}}', ), ), 100 ); $this->_add_responsive_control( 'button_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_add_responsive_control( 'button_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_group_control( Group_Control_Border::get_type(), array( 'name' => 'button_border', 'label' => esc_html__( 'Border', 'jet-elements' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'], ), 75 ); $this->_add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'button_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'], ), 100 ); $this->_end_controls_tab(); $this->_start_controls_tab( 'tab_button_hover', array( 'label' => esc_html__( 'Hover', 'jet-elements' ), ) ); $this->_add_control( 'button_hover_bg', array( 'label' => _x( 'Background Type', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'color' => array( 'title' => _x( 'Classic', 'Background Control', 'jet-elements' ), 'icon' => 'fa fa-paint-brush', ), 'gradient' => array( 'title' => _x( 'Gradient', 'Background Control', 'jet-elements' ), 'icon' => 'fa fa-barcode', ), ), 'default' => 'color', 'label_block' => false, 'render_type' => 'ui', 'toggle' => false, ), 25 ); $this->_add_control( 'button_hover_bg_color', array( 'label' => _x( 'Color', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), 'title' => _x( 'Background Color', 'Background Control', 'jet-elements' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover' => 'background-color: {{VALUE}};', ), ), 25 ); $this->_add_control( 'button_hover_bg_color_stop', array( 'label' => _x( 'Location', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( '%', 'custom' ), 'default' => array( 'unit' => '%', 'size' => 0, ), 'render_type' => 'ui', 'condition' => array( 'button_hover_bg' => array( 'gradient' ), ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_hover_bg_color_b', array( 'label' => _x( 'Second Color', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'default' => '#f2295b', 'render_type' => 'ui', 'condition' => array( 'button_hover_bg' => array( 'gradient' ), ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_hover_bg_color_b_stop', array( 'label' => _x( 'Location', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( '%', 'custom' ), 'default' => array( 'unit' => '%', 'size' => 100, ), 'render_type' => 'ui', 'condition' => array( 'button_hover_bg' => array( 'gradient' ), ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_hover_bg_gradient_type', array( 'label' => _x( 'Type', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'linear' => _x( 'Linear', 'Background Control', 'jet-elements' ), 'radial' => _x( 'Radial', 'Background Control', 'jet-elements' ), ), 'default' => 'linear', 'render_type' => 'ui', 'condition' => array( 'button_hover_bg' => array( 'gradient' ), ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_hover_bg_gradient_angle', array( 'label' => _x( 'Angle', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'deg', 'custom' ), 'default' => array( 'unit' => 'deg', 'size' => 180, ), 'range' => array( 'deg' => array( 'step' => 10, ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover' => 'background-color: transparent; background-image: linear-gradient({{SIZE}}{{UNIT}}, {{button_hover_bg_color.VALUE}} {{button_hover_bg_color_stop.SIZE}}{{button_hover_bg_color_stop.UNIT}}, {{button_hover_bg_color_b.VALUE}} {{button_hover_bg_color_b_stop.SIZE}}{{button_hover_bg_color_b_stop.UNIT}})', ), 'condition' => array( 'button_hover_bg' => array( 'gradient' ), 'button_hover_bg_gradient_type' => 'linear', ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_hover_bg_gradient_position', array( 'label' => _x( 'Position', 'Background Control', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'center center' => _x( 'Center Center', 'Background Control', 'jet-elements' ), 'center left' => _x( 'Center Left', 'Background Control', 'jet-elements' ), 'center right' => _x( 'Center Right', 'Background Control', 'jet-elements' ), 'top center' => _x( 'Top Center', 'Background Control', 'jet-elements' ), 'top left' => _x( 'Top Left', 'Background Control', 'jet-elements' ), 'top right' => _x( 'Top Right', 'Background Control', 'jet-elements' ), 'bottom center' => _x( 'Bottom Center', 'Background Control', 'jet-elements' ), 'bottom left' => _x( 'Bottom Left', 'Background Control', 'jet-elements' ), 'bottom right' => _x( 'Bottom Right', 'Background Control', 'jet-elements' ), ), 'default' => 'center center', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover' => 'background-color: transparent; background-image: radial-gradient(at {{VALUE}}, {{button_hover_bg_color.VALUE}} {{button_hover_bg_color_stop.SIZE}}{{button_hover_bg_color_stop.UNIT}}, {{button_hover_bg_color_b.VALUE}} {{button_hover_bg_color_b_stop.SIZE}}{{button_hover_bg_color_b_stop.UNIT}})', ), 'condition' => array( 'button_hover_bg' => array( 'gradient' ), 'button_hover_bg_gradient_type' => 'radial', ), 'of_type' => 'gradient', ), 25 ); $this->_add_control( 'button_hover_color', array( 'label' => esc_html__( 'Text Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover' => 'color: {{VALUE}}', ), ), 25 ); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'button_hover_typography', 'label' => esc_html__( 'Typography', 'jet-elements' ), 'selector' => '{{WRAPPER}} ' . $css_scheme['button'] . ':hover', ), 50 ); $this->_add_control( 'button_hover_text_decor', array( 'label' => esc_html__( 'Text Decoration', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'none' => esc_html__( 'None', 'jet-elements' ), 'underline' => esc_html__( 'Underline', 'jet-elements' ), ), 'default' => 'none', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover' => 'text-decoration: {{VALUE}}', ), ), 100 ); $this->_add_responsive_control( 'button_hover_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_add_responsive_control( 'button_hover_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] . ':hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_group_control( Group_Control_Border::get_type(), array( 'name' => 'button_hover_border', 'label' => esc_html__( 'Border', 'jet-elements' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'] . ':hover', ), 75 ); $this->_add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'button_hover_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['button'] . ':hover', ), 100 ); $this->_end_controls_tab(); $this->_end_controls_tabs(); $this->_add_responsive_control( 'button_alignment', array( 'label' => esc_html__( 'Alignment', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'flex-start', 'options' => array( 'flex-start' => array( 'title' => esc_html__( 'Start', 'jet-elements' ), 'icon' => ! is_rtl() ? 'eicon-h-align-left' : 'eicon-h-align-right', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-elements' ), 'icon' => 'eicon-h-align-center', ), 'flex-end' => array( 'title' => esc_html__( 'End', 'jet-elements' ), 'icon' => ! is_rtl() ? 'eicon-h-align-right' : 'eicon-h-align-left', ), 'none' => array( 'title' => esc_html__( 'Fullwidth', 'jet-elements' ), 'icon' => 'eicon-h-align-stretch', ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button'] => 'align-self: {{VALUE}};', ), 'separator' => 'before', ), 50 ); $this->_add_control( 'button_v_alignment', array( 'label' => esc_html__( 'Vertical Alignment', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'top', 'options' => array( 'top' => esc_html__( 'Top', 'jet-elements' ), 'bottom' => esc_html__( 'Bottom', 'jet-elements' ), ), 'selectors_dictionary' => array( 'top' => '', 'bottom' => 'margin-top: auto', ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['button_wrap'] => '{{VALUE}}' ), 'condition' => array( 'equal_height_cols' => 'true', ), ), 50 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_terms_link_style', array( 'label' => esc_html__( 'Terms Links', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'show_terms' => 'yes', ), ) ); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'terms_link_typography', 'selector' => '{{WRAPPER}} ' . $css_scheme['terms_link'], 'global' => array( 'default' => Global_Typography::TYPOGRAPHY_ACCENT, ), ), 50 ); $this->_add_responsive_control( 'terms_link_margin', array( 'label' => esc_html__( 'Container Margin', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_start_controls_tabs( 'tabs_terms_link_style' ); $this->_start_controls_tab( 'tab_terms_link_normal', array( 'label' => esc_html__( 'Normal', 'jet-elements' ), ) ); $this->_add_control( 'terms_link_bg_color', array( 'label' => esc_html__( 'Background Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), 'title' => esc_html__( 'Background Color', 'jet-elements' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms_link'] => 'background-color: {{VALUE}};', ), ), 25 ); $this->_add_control( 'terms_link_color', array( 'label' => esc_html__( 'Text Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms_link'] => 'color: {{VALUE}}', ), ), 25 ); $this->_end_controls_tab(); $this->_start_controls_tab( 'tab_terms_link_hover', array( 'label' => esc_html__( 'Hover', 'jet-elements' ), ) ); $this->_add_control( 'terms_link_hover_bg_color', array( 'label' => esc_html__( 'Background Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), 'title' => esc_html__( 'Background Color', 'jet-elements' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms_link'] . ':hover' => 'background-color: {{VALUE}};', ), ), 25 ); $this->_add_control( 'terms_link_hover_color', array( 'label' => esc_html__( 'Text Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms_link'] . ':hover' => 'color: {{VALUE}}', ), ), 25 ); $this->_add_control( 'terms_link_border_hover_color', array( 'label' => esc_html__( 'Border Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms_link'] . ':hover' => 'border-color: {{VALUE}}', ), 'condition' => array( 'terms_link_border_border!' => '', ), ), 75 ); $this->_add_control( 'terms_link_hover_text_decor', array( 'label' => esc_html__( 'Text Decoration', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'none' => esc_html__( 'None', 'jet-elements' ), 'underline' => esc_html__( 'Underline', 'jet-elements' ), ), 'default' => 'none', 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms_link'] . ':hover' => 'text-decoration: {{VALUE}}', ), ), 50 ); $this->_end_controls_tab(); $this->_end_controls_tabs(); $this->_add_responsive_control( 'terms_link_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms_link'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'separator' => 'before', ), 25 ); $this->_add_responsive_control( 'terms_link_items_margin', array( 'label' => esc_html__( 'Margin', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms_link'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_add_group_control( Group_Control_Border::get_type(), array( 'name' => 'terms_link_border', 'label' => esc_html__( 'Border', 'jet-elements' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['terms_link'], ), 75 ); $this->_add_responsive_control( 'terms_link_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms_link'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'terms_link_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['terms_link'], ), 100 ); $this->_add_responsive_control( 'terms_link_alignment', array( 'label' => esc_html__( 'Alignment', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'jet-elements' ), 'icon' => 'fa fa-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-elements' ), 'icon' => 'fa fa-align-center', ), 'right' => array( 'title' => esc_html__( 'Right', 'jet-elements' ), 'icon' => 'fa fa-align-right', ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['terms'] => 'text-align: {{VALUE}};', ), 'classes' => 'jet-elements-text-align-control', ), 50 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_arrows_style', array( 'label' => esc_html__( 'Carousel Arrows', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_start_controls_tabs( 'tabs_arrows_style' ); $this->_start_controls_tab( 'tab_prev', array( 'label' => esc_html__( 'Normal', 'jet-elements' ), ) ); $this->_add_group_control( \Jet_Group_Control_Box_Style::get_type(), array( 'name' => 'arrows_style', 'label' => esc_html__( 'Arrows Style', 'jet-elements' ), 'selector' => '{{WRAPPER}} .jet-posts .jet-arrow', 'fields_options' => array( 'color' => array( 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), ), ), ), 25 ); $this->_end_controls_tab(); $this->_start_controls_tab( 'tab_next_hover', array( 'label' => esc_html__( 'Hover', 'jet-elements' ), ) ); $this->_add_group_control( \Jet_Group_Control_Box_Style::get_type(), array( 'name' => 'arrows_hover_style', 'label' => esc_html__( 'Arrows Style', 'jet-elements' ), 'selector' => '{{WRAPPER}} .jet-posts .jet-arrow:hover', 'fields_options' => array( 'color' => array( 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), ), ), ), 25 ); $this->_end_controls_tab(); $this->_end_controls_tabs(); $this->_add_control( 'prev_arrow_position', array( 'label' => esc_html__( 'Prev Arrow Position', 'jet-elements' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ), 25 ); $this->_add_control( 'prev_vert_position', array( 'label' => esc_html__( 'Vertical Position by', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'top', 'options' => array( 'top' => esc_html__( 'Top', 'jet-elements' ), 'bottom' => esc_html__( 'Bottom', 'jet-elements' ), ), ), 25 ); $this->_add_responsive_control( 'prev_top_position', array( 'label' => esc_html__( 'Top Indent', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'prev_vert_position' => 'top', ), 'selectors' => array( '{{WRAPPER}} .jet-posts .jet-arrow.prev-arrow' => 'top: {{SIZE}}{{UNIT}}; bottom: auto;', ), ), 25 ); $this->_add_responsive_control( 'prev_bottom_position', array( 'label' => esc_html__( 'Bottom Indent', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'prev_vert_position' => 'bottom', ), 'selectors' => array( '{{WRAPPER}} .jet-posts .jet-arrow.prev-arrow' => 'bottom: {{SIZE}}{{UNIT}}; top: auto;', ), ), 25 ); $this->_add_control( 'prev_hor_position', array( 'label' => esc_html__( 'Horizontal Position by', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'left', 'options' => array( 'left' => esc_html__( 'Left', 'jet-elements' ), 'right' => esc_html__( 'Right', 'jet-elements' ), ), ), 25 ); $this->_add_responsive_control( 'prev_left_position', array( 'label' => esc_html__( 'Left Indent', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'prev_hor_position' => 'left', ), 'selectors' => array( '{{WRAPPER}} .jet-posts .jet-arrow.prev-arrow' => 'left: {{SIZE}}{{UNIT}}; right: auto;', ), ), 25 ); $this->_add_responsive_control( 'prev_right_position', array( 'label' => esc_html__( 'Right Indent', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'prev_hor_position' => 'right', ), 'selectors' => array( '{{WRAPPER}} .jet-posts .jet-arrow.prev-arrow' => 'right: {{SIZE}}{{UNIT}}; left: auto;', ), ), 25 ); $this->_add_control( 'next_arrow_position', array( 'label' => esc_html__( 'Next Arrow Position', 'jet-elements' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ), 25 ); $this->_add_control( 'next_vert_position', array( 'label' => esc_html__( 'Vertical Position by', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'top', 'options' => array( 'top' => esc_html__( 'Top', 'jet-elements' ), 'bottom' => esc_html__( 'Bottom', 'jet-elements' ), ), ), 25 ); $this->_add_responsive_control( 'next_top_position', array( 'label' => esc_html__( 'Top Indent', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'next_vert_position' => 'top', ), 'selectors' => array( '{{WRAPPER}} .jet-posts .jet-arrow.next-arrow' => 'top: {{SIZE}}{{UNIT}}; bottom: auto;', ), ), 25 ); $this->_add_responsive_control( 'next_bottom_position', array( 'label' => esc_html__( 'Bottom Indent', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'next_vert_position' => 'bottom', ), 'selectors' => array( '{{WRAPPER}} .jet-posts .jet-arrow.next-arrow' => 'bottom: {{SIZE}}{{UNIT}}; top: auto;', ), ), 25 ); $this->_add_control( 'next_hor_position', array( 'label' => esc_html__( 'Horizontal Position by', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'right', 'options' => array( 'left' => esc_html__( 'Left', 'jet-elements' ), 'right' => esc_html__( 'Right', 'jet-elements' ), ), ), 25 ); $this->_add_responsive_control( 'next_left_position', array( 'label' => esc_html__( 'Left Indent', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'next_hor_position' => 'left', ), 'selectors' => array( '{{WRAPPER}} .jet-posts .jet-arrow.next-arrow' => 'left: {{SIZE}}{{UNIT}}; right: auto;', ), ), 25 ); $this->_add_responsive_control( 'next_right_position', array( 'label' => esc_html__( 'Right Indent', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'next_hor_position' => 'right', ), 'selectors' => array( '{{WRAPPER}} .jet-posts .jet-arrow.next-arrow' => 'right: {{SIZE}}{{UNIT}}; left: auto;', ), ), 25 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_dots_style', array( 'label' => esc_html__( 'Carousel Dots', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->_start_controls_tabs( 'tabs_dots_style' ); $this->_start_controls_tab( 'tab_dots_normal', array( 'label' => esc_html__( 'Normal', 'jet-elements' ), ) ); $this->_add_group_control( \Jet_Group_Control_Box_Style::get_type(), array( 'name' => 'dots_style', 'label' => esc_html__( 'Dots Style', 'jet-elements' ), 'selector' => '{{WRAPPER}} .jet-carousel .jet-slick-dots li span', 'fields_options' => array( 'color' => array( 'global' => array( 'default' => Global_Colors::COLOR_TEXT, ), ), ), 'exclude' => array( 'box_font_color', 'box_font_size', ), ), 25 ); $this->_end_controls_tab(); $this->_start_controls_tab( 'tab_dots_hover', array( 'label' => esc_html__( 'Hover', 'jet-elements' ), ) ); $this->_add_group_control( \Jet_Group_Control_Box_Style::get_type(), array( 'name' => 'dots_style_hover', 'label' => esc_html__( 'Dots Style', 'jet-elements' ), 'selector' => '{{WRAPPER}} .jet-carousel .jet-slick-dots li span:hover', 'fields_options' => array( 'color' => array( 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), ), ), 'exclude' => array( 'box_font_color', 'box_font_size', ), ), 25 ); $this->_end_controls_tab(); $this->_start_controls_tab( 'tab_dots_active', array( 'label' => esc_html__( 'Active', 'jet-elements' ), ) ); $this->_add_group_control( \Jet_Group_Control_Box_Style::get_type(), array( 'name' => 'dots_style_active', 'label' => esc_html__( 'Dots Style', 'jet-elements' ), 'selector' => '{{WRAPPER}} .jet-carousel .jet-slick-dots li.slick-active span', 'fields_options' => array( 'color' => array( 'global' => array( 'default' => Global_Colors::COLOR_ACCENT, ), ), ), 'exclude' => array( 'box_font_color', 'box_font_size', ), ), 25 ); $this->_end_controls_tab(); $this->_end_controls_tabs(); $this->_add_control( 'dots_gap', array( 'label' => esc_html__( 'Gap', 'jet-elements' ), 'type' => Controls_Manager::SLIDER, 'default' => array( 'size' => 5, 'unit' => 'px', ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 50, ), ), 'selectors' => array( '{{WRAPPER}} .jet-carousel .jet-slick-dots li' => 'padding-left: {{SIZE}}{{UNIT}}; padding-right: {{SIZE}}{{UNIT}}', ), 'separator' => 'before', ), 25 ); $this->_add_control( 'dots_margin', array( 'label' => esc_html__( 'Dots Box Margin', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} .jet-carousel .jet-slick-dots' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 25 ); $this->_add_responsive_control( 'dots_alignment', array( 'label' => esc_html__( 'Alignment', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'center', 'options' => array( 'flex-start' => array( 'title' => esc_html__( 'Start', 'jet-elements' ), 'icon' => ! is_rtl() ? 'eicon-h-align-left' : 'eicon-h-align-right', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-elements' ), 'icon' => 'eicon-h-align-center', ), 'flex-end' => array( 'title' => esc_html__( 'End', 'jet-elements' ), 'icon' => ! is_rtl() ? 'eicon-h-align-right' : 'eicon-h-align-left', ), ), 'selectors' => array( '{{WRAPPER}} .jet-carousel .jet-slick-dots' => 'justify-content: {{VALUE}};', ), ), 25 ); $this->_end_controls_section(); $this->_start_controls_section( 'section_custom_fields_style', array( 'label' => esc_html__( 'Custom Fields', 'jet-elements' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->add_meta_style_controls( 'title_related', esc_html__( 'Before/After Title', 'jet-elements' ), 'jet-title-fields' ); $this->add_meta_style_controls( 'content_related', esc_html__( 'Before/After Content', 'jet-elements' ), 'jet-content-fields' ); $this->_end_controls_section(); } /** * Apply carousel wrappers for shortcode content if carousel is enabled. * * @param string $content Module content. * @param array $settings Module settings. * @return string */ public function maybe_apply_carousel_wrappers( $content = null, $settings = array() ) { if ( 'yes' !== $settings['carousel_enabled'] ) { return $content; } $is_rtl = is_rtl(); $widget_id = $this->get_id(); $options = array( 'autoplaySpeed' => absint( $settings['autoplay_speed'] ), 'autoplay' => filter_var( $settings['autoplay'], FILTER_VALIDATE_BOOLEAN ), 'infinite' => filter_var( $settings['infinite'], FILTER_VALIDATE_BOOLEAN ), 'pauseOnHover' => filter_var( $settings['pause_on_hover'], FILTER_VALIDATE_BOOLEAN ), 'speed' => absint( $settings['speed'] ), 'arrows' => filter_var( $settings['arrows'], FILTER_VALIDATE_BOOLEAN ), 'dots' => filter_var( $settings['dots'], FILTER_VALIDATE_BOOLEAN ), 'slidesToScroll' => absint( $settings['slides_to_scroll'] ), 'prevArrow' => '.jet-posts__prev-arrow-' . $widget_id, 'nextArrow' => '.jet-posts__next-arrow-' . $widget_id, 'rtl' => $is_rtl, ); if ( 1 === absint( $settings['columns'] ) ) { $options['fade'] = ( 'fade' === $settings['effect'] ); } $dir = $is_rtl ? 'rtl' : 'ltr'; $arrows_html = ''; if ( filter_var( $settings['carousel_enabled'], FILTER_VALIDATE_BOOLEAN ) && filter_var( $settings['arrows'], FILTER_VALIDATE_BOOLEAN ) ) { $arrows_html .= sprintf( '
%s
', $this->get_id(), $this->_render_icon( 'prev_arrow', '%s', '', false ) ); $arrows_html .= sprintf( '
%s
', $this->get_id(), $this->_render_icon( 'next_arrow', '%s', '', false ) ); } $options = apply_filters( 'jet-elements/jet-posts/carousel-options', $options, $settings, $widget_id ); return sprintf( '
%2$s
', htmlspecialchars( json_encode( $options ) ), $content, $dir ); } protected function render() { $this->_context = 'render'; $this->_open_wrap(); $attributes = array(); $tag = $this->get_name(); $settings = $this->get_settings(); $shortcode_obj = $this->_shortcode(); $shortcode_obj->elementor_widget = $this; $cutom_fields_atts = array( 'show_title_related_meta', 'show_content_related_meta', 'meta_title_related_position', 'meta_content_related_position', 'title_related_meta', 'content_related_meta', ); foreach ( $shortcode_obj->get_atts() as $attr => $data ) { if ( in_array( $attr, $cutom_fields_atts ) ) { continue; } if ( isset( $data['type'] ) && 'icon' === $data['type'] ) { $attr_val = $this->_get_icon( $attr ); } else { $attr_val = isset( $settings[ $attr ] ) ? $settings[ $attr ] : ''; $attr_val = ! is_array( $attr_val ) ? $attr_val : implode( ',', $attr_val ); } $attributes[ $attr ] = $attr_val; } // Add custom fields attributes foreach ( $cutom_fields_atts as $attr ) { $attributes[ $attr ] = isset( $settings[ $attr ] ) ? $settings[ $attr ] : false; } echo $this->maybe_apply_carousel_wrappers( $shortcode_obj->do_shortcode( $attributes ), $settings ); $this->_close_wrap(); } protected function content_template() {} /** * Add meta controls for selected position * * @param string $position_slug * @param string $position_name * * @return void */ public function add_meta_controls( $position_slug, $position_name ) { $this->add_control( 'show_' . $position_slug . '_meta', array( 'label' => sprintf( esc_html__( 'Show Meta %s', 'jet-elements' ), $position_name ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-elements' ), 'label_off' => esc_html__( 'No', 'jet-elements' ), 'return_value' => 'yes', 'default' => '', 'separator' => 'before', ) ); $this->add_control( 'meta_' . $position_slug . '_position', array( 'label' => esc_html__( 'Meta Fields Position', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => 'before', 'options' => array( 'before' => esc_html__( 'Before', 'jet-elements' ), 'after' => esc_html__( 'After', 'jet-elements' ), ), 'condition' => array( 'show_' . $position_slug . '_meta' => 'yes', ), ) ); $repeater = new Repeater(); $repeater->add_control( 'meta_key', array( 'label' => esc_html__( 'Key', 'jet-elements' ), 'description' => esc_html__( 'Meta key from postmeta table in database', 'jet-elements' ), 'type' => Controls_Manager::TEXT, 'default' => '', ) ); $repeater->add_control( 'meta_label', array( 'label' => esc_html__( 'Label', 'jet-elements' ), 'type' => Controls_Manager::TEXT, 'default' => '', ) ); $repeater->add_control( 'meta_format', array( 'label' => esc_html__( 'Value Format', 'jet-elements' ), 'description' => esc_html__( 'Value format string, accepts HTML markup. %s - is meta value', 'jet-elements' ), 'type' => Controls_Manager::TEXT, 'default' => '%s', ) ); $repeater->add_control( 'meta_callback', array( 'label' => esc_html__( 'Prepare meta value with callback', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => '', 'options' => jet_elements_tools()->allowed_meta_callbacks(), ) ); $repeater->add_control( 'date_format', array( 'label' => esc_html__( 'Format', 'jet-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'F j, Y', 'description' => sprintf( '
%s
', esc_html__( 'Documentation on date and time formatting', 'jet-elements' ) ), 'condition' => array( 'meta_callback' => array( 'date', 'date_i18n' ), ), ) ); $this->add_control( $position_slug . '_meta', array( 'type' => Controls_Manager::REPEATER, 'fields' => $repeater->get_controls(), 'default' => array( array( 'meta_label' => esc_html__( 'Label', 'jet-elements' ), ) ), 'title_field' => '{{{ meta_key }}}', 'condition' => array( 'show_' . $position_slug . '_meta' => 'yes', ), ) ); } /** * Add meta controls for selected position * * @param string $position_slug * @param string $position_name * @param string $base * * @return void */ public function add_meta_style_controls( $position_slug, $position_name, $base ) { $this->_add_control( $position_slug . '_meta_styles', array( 'label' => sprintf( esc_html__( 'Meta Styles %s', 'jet-elements' ), $position_name ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ), 25 ); $this->_add_control( $position_slug . '_meta_bg_color', array( 'label' => esc_html__( 'Background Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .' . $base => 'background-color: {{VALUE}}', ), ), 75 ); $this->_add_control( $position_slug . '_meta_label_heading', array( 'label' => esc_html__( 'Meta Label', 'jet-elements' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ), 25 ); $this->_add_control( $position_slug . '_meta_label_color', array( 'label' => esc_html__( 'Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .' . $base . '__item-label' => 'color: {{VALUE}}', ), ), 25 ); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => $position_slug . '_meta_label_typography', 'selector' => '{{WRAPPER}} .' . $base . '__item-label', 'global' => array( 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ), ), 50 ); $this->_add_control( $position_slug . '_meta_label_display', array( 'label' => esc_html__( 'Display Meta Label and Value', 'jet-elements' ), 'type' => Controls_Manager::SELECT, 'default' => '', 'options' => array( 'inline-block' => esc_html__( 'Inline', 'jet-elements' ), 'block' => esc_html__( 'As Blocks', 'jet-elements' ), ), 'selectors' => array( '{{WRAPPER}} .' . $base . '__item-label' => 'display: {{VALUE}}', '{{WRAPPER}} .' . $base . '__item-value' => 'display: {{VALUE}}', ), ), 50 ); $this->_add_control( $position_slug . '_meta_label_gap', array( 'label' => esc_html__( 'Horizontal Gap Between Label and Value', 'jet-elements' ), 'type' => Controls_Manager::NUMBER, 'default' => 5, 'min' => 0, 'max' => 20, 'step' => 1, 'selectors' => array( '{{WRAPPER}} .' . $base . '__item-label' => 'margin-right: {{VALUE}}px', ), ), 50 ); $this->_add_control( $position_slug . '_meta_value_heading', array( 'label' => esc_html__( 'Meta Value', 'jet-elements' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ), 25 ); $this->_add_control( $position_slug . '_meta_color', array( 'label' => esc_html__( 'Color', 'jet-elements' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .' . $base . '__item-value' => 'color: {{VALUE}}', ), ), 25 ); $this->_add_group_control( Group_Control_Typography::get_type(), array( 'name' => $position_slug . '_meta_typography', 'selector' => '{{WRAPPER}} .' . $base . '__item-value', ), 50 ); $this->_add_responsive_control( $position_slug . '_meta_margin', array( 'label' => esc_html__( 'Margin', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} .' . $base => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'separator' => 'before', ), 50 ); $this->_add_responsive_control( $position_slug . '_meta_padding', array( 'label' => esc_html__( 'Padding', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'custom' ), 'selectors' => array( '{{WRAPPER}} .' . $base => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_responsive_control( $position_slug . '_meta_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-elements' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'custom' ), 'selectors' => array( '{{WRAPPER}} .' . $base => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 75 ); $this->_add_responsive_control( $position_slug . '_meta_align', array( 'label' => esc_html__( 'Alignment', 'jet-elements' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'jet-elements' ), 'icon' => 'fa fa-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-elements' ), 'icon' => 'fa fa-align-center', ), 'right' => array( 'title' => esc_html__( 'Right', 'jet-elements' ), 'icon' => 'fa fa-align-right', ), 'justify' => array( 'title' => esc_html__( 'Justified', 'jet-elements' ), 'icon' => 'fa fa-align-justify', ), ), 'selectors' => array( '{{WRAPPER}} .' . $base => 'text-align: {{VALUE}};', ), 'classes' => 'jet-elements-text-align-control', ), 50 ); } }