­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ add_control( 'upk_link_new_tab', [ 'label' => esc_html__( 'Link Open in a New Tab', 'ultimate-post-kit' ), 'type' => Controls_Manager::SWITCHER, 'separator' => 'before', 'frontend_available' => true, ] ); } /** * Register Ajax Load More controls */ protected function register_ajax_loadmore_controls() { $this->add_control( 'ajax_loadmore_enable', [ 'label' => esc_html__('Ajax Load More', 'ultimate-post-kit') . BDTUPK_NC . BDTUPK_PC, 'type' => Controls_Manager::SWITCHER, 'separator' => 'before', 'condition' => [ 'show_pagination!' => 'yes', ], 'classes' => BDTUPK_IS_PC ] ); $this->add_control( 'ajax_loadmore_items', [ 'label' => esc_html__('Load More Items', 'ultimate-post-kit'), 'type' => Controls_Manager::NUMBER, 'default' => 3, 'condition' => [ 'show_pagination!' => 'yes', 'ajax_loadmore_enable' => 'yes', ], ] ); $this->add_control( 'ajax_loadmore_btn', [ 'label' => esc_html__('Load More Button', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'show_pagination!' => 'yes', 'ajax_loadmore_enable' => 'yes', ], 'default' => 'yes', ] ); $this->add_control( 'ajax_loadmore_infinite_scroll', [ 'label' => esc_html__('Infinite Scroll', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'show_pagination!' => 'yes', 'ajax_loadmore_enable' => 'yes', 'ajax_loadmore_btn!' => 'yes', ], ] ); } /** * Register Ajax loadmore style controls */ protected function register_ajax_loadmore_style_controls() { $this->start_controls_section( 'section_style_loadmore', [ 'label' => esc_html__('Load More', 'ultimate-post-kit'), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ajax_loadmore_enable' => 'yes', 'ajax_loadmore_btn' => 'yes', ], ] ); $this->start_controls_tabs('tabs_load_button_style'); $this->start_controls_tab( 'tab_load_button_normal', [ 'label' => esc_html__('Normal', 'ultimate-post-kit'), ] ); $this->add_control( 'load_button_color', [ 'label' => esc_html__('Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'load_button_background', [ 'label' => esc_html__('Background', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn' => 'background-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'load_button_border', 'selector' => '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn', ] ); $this->add_responsive_control( 'load_button_border_radius', [ 'label' => esc_html__('Border Radius', 'ultimate-post-kit'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%'], 'selectors' => [ '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'load_button_shadow', 'selector' => '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn', ] ); $this->add_responsive_control( 'load_button_padding', [ 'label' => esc_html__('Padding', 'ultimate-post-kit'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'load_button_typography', 'label' => esc_html__('Typography', 'ultimate-post-kit'), 'selector' => '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn', ] ); $this->add_responsive_control( 'load_button_top_spacing', [ 'label' => __('Top Spacing', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'selectors' => [ '{{WRAPPER}} .upk-loadmore-container' => 'margin-top: {{SIZE}}{{UNIT}};', ], 'separator' => 'before', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'tab_load_button_hover', [ 'label' => esc_html__('Hover', 'ultimate-post-kit'), ] ); $this->add_control( 'load_button_hover_color', [ 'label' => esc_html__('Text Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn:hover' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'load_button_hover_background', [ 'label' => esc_html__('Background Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn:hover' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'load_button_hover_border_color', [ 'label' => esc_html__('Border Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'condition' => [ 'load_button_border_border!' => '', ], 'selectors' => [ '{{WRAPPER}} .upk-loadmore-container .upk-loadmore-btn:hover' => 'border-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); } /** * Register Group of pagination controls */ protected function register_pagination_controls() { $this->start_controls_section( 'section_style_pagination', [ 'label' => esc_html__('Pagination', 'ultimate-post-kit'), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'show_pagination' => 'yes', ], ] ); $this->add_responsive_control( 'pagination_alignment', [ 'label' => __('Alignment', 'ultimate-post-kit'), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => __('Left', 'ultimate-post-kit'), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => __('Center', 'ultimate-post-kit'), 'icon' => 'eicon-text-align-center', ], 'flex-end' => [ 'title' => __('Right', 'ultimate-post-kit'), 'icon' => 'eicon-text-align-right', ], ], 'selectors' => [ '{{WRAPPER}} .ep-pagination .upk-pagination' => 'justify-content: {{VALUE}};', ], ] ); $this->start_controls_tabs('tabs_pagination_style'); $this->start_controls_tab( 'tab_pagination_normal', [ 'label' => esc_html__('Normal', 'ultimate-post-kit'), ] ); $this->add_control( 'pagination_color', [ 'label' => esc_html__('Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ul.upk-pagination li a, {{WRAPPER}} ul.upk-pagination li span' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'pagination_background', 'selector' => '{{WRAPPER}} ul.upk-pagination li a', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'pagination_border', 'label' => esc_html__('Border', 'ultimate-post-kit'), 'selector' => '{{WRAPPER}} ul.upk-pagination li a', ] ); $this->add_responsive_control( 'pagination_radius', [ 'label' => esc_html__('Border Radius', 'ultimate-post-kit'), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} ul.upk-pagination li a' => 'border-radius: {{TOP}}px {{RIGHT}}px {{BOTTOM}}px {{LEFT}}px;', ], ] ); $this->add_responsive_control( 'pagination_padding', [ 'label' => esc_html__('Padding', 'ultimate-post-kit'), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} ul.upk-pagination li a' => 'padding: {{TOP}}px {{RIGHT}}px {{BOTTOM}}px {{LEFT}}px;', ], ] ); $this->add_responsive_control( 'pagination_offset', [ 'label' => esc_html__('Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .upk-pagination' => 'margin-top: {{SIZE}}px;', ], ] ); $this->add_responsive_control( 'pagination_space', [ 'label' => esc_html__('Spacing', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .upk-pagination' => 'margin-left: -{{SIZE}}px;', '{{WRAPPER}} .upk-pagination > *' => 'padding-left: {{SIZE}}px;', ], ] ); $this->add_responsive_control( 'pagination_arrow_size', [ 'label' => esc_html__('Arrow Size', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} ul.upk-pagination li a i' => 'font-size: {{SIZE}}px;', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'pagination_typography', 'label' => esc_html__('Typography', 'ultimate-post-kit'), 'selector' => '{{WRAPPER}} ul.upk-pagination li a, {{WRAPPER}} ul.upk-pagination li span', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'tab_pagination_hover', [ 'label' => esc_html__('Hover', 'ultimate-post-kit'), ] ); $this->add_control( 'pagination_hover_color', [ 'label' => esc_html__('Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ul.upk-pagination li a:hover' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'pagination_hover_border_color', [ 'label' => esc_html__('Border Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ul.upk-pagination li a:hover' => 'border-color: {{VALUE}};', ], 'condition' => [ 'pagination_border_border!' => '' ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'pagination_hover_background', 'types' => ['classic', 'gradient'], 'selector' => '{{WRAPPER}} ul.upk-pagination li a:hover', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'tab_pagination_active', [ 'label' => esc_html__('Active', 'ultimate-post-kit'), ] ); $this->add_control( 'pagination_active_color', [ 'label' => esc_html__('Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ul.upk-pagination li.upk-active a' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'pagination_active_border_color', [ 'label' => esc_html__('Border Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ul.upk-pagination li.upk-active a' => 'border-color: {{VALUE}};', ], 'condition' => [ 'pagination_border_border!' => '' ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'pagination_active_background', 'selector' => '{{WRAPPER}} ul.upk-pagination li.upk-active a', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); } /** * Register Group of Date controls */ protected function register_date_controls() { $this->add_control( 'show_date', [ 'label' => esc_html__('Date', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'separator' => 'before' ] ); $this->add_control( 'human_diff_time', [ 'label' => esc_html__('Human Different Time', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'show_date' => 'yes' ] ] ); $this->add_control( 'human_diff_time_short', [ 'label' => esc_html__('Time Short Format', 'ultimate-post-kit'), 'description' => esc_html__('This will work for Hours, Minute and Seconds', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'human_diff_time' => 'yes', 'show_date' => 'yes' ] ] ); $this->add_control( 'show_time', [ 'label' => esc_html__('Show Time', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'human_diff_time' => '', 'show_date' => 'yes' ] ] ); } /** * Register Reading Time controls */ protected function register_reading_time_controls() { $this->add_control( 'show_reading_time', [ 'label' => esc_html__('Reading Time', 'ultimate-post-kit') . BDTUPK_PC, 'type' => Controls_Manager::SWITCHER, 'separator' => 'before', 'classes' => BDTUPK_IS_PC ] ); $this->add_control( 'avg_reading_speed', [ 'label' => esc_html__('Reading Speed', 'ultimate-post-kit'), 'description' => esc_html__('the average reading speed of most adults is around 200 to 250 words per minute', 'ultimate-post-kit'), 'type' => Controls_Manager::NUMBER, 'min' => 0, 'default' => 200, 'condition' => [ 'show_reading_time' => 'yes' ] ] ); $this->add_control( 'hide_seconds', [ 'label' => esc_html__('Hide Seconds', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'show_reading_time' => 'yes' ] ] ); $this->add_control( 'hide_minutes', [ 'label' => esc_html__('Hide Minutes', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'show_reading_time' => 'yes' ] ] ); /** * Global upk_link_new_tab control */ $this->register_upk_link_new_tab_controls(); $this->add_control( 'hr_link', [ 'type' => Controls_Manager::DIVIDER, ] ); } /** * Register Group of Title controls */ protected function register_title_controls() { $this->add_control( 'show_title', [ 'label' => esc_html__('Title', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'title_tags', [ 'label' => __('Title HTML Tag', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => 'h3', 'options' => ultimate_post_kit_title_tags(), 'condition' => [ 'show_title' => 'yes' ] ] ); } /** * Register Group of Text controls */ protected function register_text_controls() { $this->add_control( 'show_excerpt', [ 'label' => esc_html__('Show Text', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'separator' => 'before' ] ); $this->add_control( 'excerpt_length', [ 'label' => esc_html__('Text Limit', 'ultimate-post-kit'), 'description' => esc_html__('It\'s just work for main content, but not working with excerpt. If you set 0 so you will get full main content.', 'ultimate-post-kit'), 'type' => Controls_Manager::NUMBER, 'default' => 20, 'condition' => [ 'show_excerpt' => 'yes' ], ] ); $this->add_control( 'ellipsis', [ 'label' => esc_html__('Ellipsis', 'ultimate-post-kit'), 'type' => Controls_Manager::TEXT, 'condition' => [ 'show_excerpt' => 'yes', 'excerpt_length!' => [0, ''], ], 'ai' => [ 'active' => false, ], ] ); $this->add_control( 'strip_shortcode', [ 'label' => esc_html__('Strip Shortcode', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'condition' => [ 'show_excerpt' => 'yes', ], ] ); } /** * Register Group of Navigation controls * * @param string $name Widget name. */ function register_navigation_controls($name) { $this->start_controls_section( 'section_content_navigation', [ 'label' => __('Navigation', 'ultimate-post-kit'), ] ); $this->add_control( 'navigation', [ 'label' => __('Navigation', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => 'arrows', 'options' => [ 'both' => esc_html__('Arrows and Dots', 'ultimate-post-kit'), 'arrows-fraction' => esc_html__('Arrows and Fraction', 'ultimate-post-kit'), 'arrows' => esc_html__('Arrows', 'ultimate-post-kit'), 'dots' => esc_html__('Dots', 'ultimate-post-kit'), 'progressbar' => esc_html__('Progress', 'ultimate-post-kit'), 'none' => esc_html__('None', 'ultimate-post-kit'), ], 'prefix_class' => 'upk-navigation-type-', 'render_type' => 'template', ] ); $this->add_control( 'both_position', [ 'label' => __('Arrows and Dots Position', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => 'center', 'options' => ultimate_post_kit_navigation_position(), 'condition' => [ 'navigation' => 'both', ], ] ); $this->add_control( 'arrows_fraction_position', [ 'label' => __('Arrows and Fraction Position', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => 'center', 'options' => ultimate_post_kit_navigation_position(), 'condition' => [ 'navigation' => 'arrows-fraction', ], ] ); $this->add_control( 'arrows_position', [ 'label' => __('Arrows Position', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => 'center', 'options' => ultimate_post_kit_navigation_position(), 'condition' => [ 'navigation' => 'arrows', ], ] ); $this->add_control( 'dots_position', [ 'label' => __('Dots Position', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => 'bottom-center', 'options' => ultimate_post_kit_pagination_position(), 'condition' => [ 'navigation' => 'dots', ], ] ); $this->add_control( 'progress_position', [ 'label' => __('Progress Position', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => 'bottom', 'options' => [ 'bottom' => esc_html__('Bottom', 'ultimate-post-kit'), 'top' => esc_html__('Top', 'ultimate-post-kit'), ], 'condition' => [ 'navigation' => 'progressbar', ], ] ); $this->add_control( 'dynamic_bullets', [ 'label' => __('Dynamic Bullets?', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'navigation' => ['dots', 'both'], ], ] ); $this->add_control( 'show_scrollbar', [ 'label' => __('Show Scrollbar?', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, ] ); $this->add_control( 'nav_arrows_icon', [ 'label' => esc_html__('Arrows Icon', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => '0', 'options' => [ '0' => esc_html__('Default', 'ultimate-post-kit'), '1' => esc_html__('Style 1', 'ultimate-post-kit'), '2' => esc_html__('Style 2', 'ultimate-post-kit'), '3' => esc_html__('Style 3', 'ultimate-post-kit'), '4' => esc_html__('Style 4', 'ultimate-post-kit'), '5' => esc_html__('Style 5', 'ultimate-post-kit'), '6' => esc_html__('Style 6', 'ultimate-post-kit'), '7' => esc_html__('Style 7', 'ultimate-post-kit'), '8' => esc_html__('Style 8', 'ultimate-post-kit'), '9' => esc_html__('Style 9', 'ultimate-post-kit'), '10' => esc_html__('Style 10', 'ultimate-post-kit'), '11' => esc_html__('Style 11', 'ultimate-post-kit'), '12' => esc_html__('Style 12', 'ultimate-post-kit'), '13' => esc_html__('Style 13', 'ultimate-post-kit'), '14' => esc_html__('Style 14', 'ultimate-post-kit'), '15' => esc_html__('Style 15', 'ultimate-post-kit'), '16' => esc_html__('Style 16', 'ultimate-post-kit'), '17' => esc_html__('Style 17', 'ultimate-post-kit'), '18' => esc_html__('Style 18', 'ultimate-post-kit'), 'circle-1' => esc_html__('Style 19', 'ultimate-post-kit'), 'circle-2' => esc_html__('Style 20', 'ultimate-post-kit'), 'circle-3' => esc_html__('Style 21', 'ultimate-post-kit'), 'circle-4' => esc_html__('Style 22', 'ultimate-post-kit'), 'square-1' => esc_html__('Style 23', 'ultimate-post-kit'), ], 'condition' => [ 'navigation' => ['arrows-fraction', 'both', 'arrows'], ], ] ); $this->add_control( 'hide_arrow_on_mobile', [ 'label' => __('Hide Arrows on Mobile', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'condition' => [ 'navigation' => ['arrows-fraction', 'arrows', 'both'], ], ] ); $this->end_controls_section(); $this->start_controls_section( 'section_carousel_settings', [ 'label' => __('Carousel Settings', 'ultimate-post-kit'), ] ); $this->add_control( 'direction', [ 'label' => esc_html__('Direction', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => 'horizontal', 'options' => [ 'horizontal' => esc_html__('Horizontal', 'ultimate-post-kit'), 'vertical' => esc_html__('Vertical', 'ultimate-post-kit'), ], 'render_type' => 'template', ] ); $this->add_responsive_control( 'vertical_height', [ 'label' => __('Container Height', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 200, 'max' => 1200, 'step' => 10 ], ], 'default' => [ 'size' => 900, ], 'selectors' => [ '{{WRAPPER}} .upk-' . $name . '-carousel .swiper-wrapper' => 'height: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'direction' => 'vertical', ], 'render_type' => 'template', ] ); $this->add_control( 'skin', [ 'label' => esc_html__('Layout', 'ultimate-post-kit'), 'type' => Controls_Manager::SELECT, 'default' => 'carousel', 'options' => [ 'carousel' => esc_html__('Carousel', 'ultimate-post-kit'), 'coverflow' => esc_html__('Coverflow', 'ultimate-post-kit'), ], 'prefix_class' => 'upk-carousel-style-', 'render_type' => 'template', 'separator' => 'before' ] ); $this->add_control( 'coverflow_toggle', [ 'label' => __('Coverflow Effect', 'ultimate-post-kit'), 'type' => Controls_Manager::POPOVER_TOGGLE, 'return_value' => 'yes', 'condition' => [ 'skin' => 'coverflow' ] ] ); $this->start_popover(); $this->add_control( 'coverflow_rotate', [ 'label' => esc_html__('Rotate', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 50, ], 'range' => [ 'px' => [ 'min' => -360, 'max' => 360, 'step' => 5, ], ], 'condition' => [ 'coverflow_toggle' => 'yes' ], 'render_type' => 'template', ] ); $this->add_control( 'coverflow_stretch', [ 'label' => __('Stretch', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 0, ], 'range' => [ 'px' => [ 'min' => 0, 'step' => 10, 'max' => 100, ], ], 'condition' => [ 'coverflow_toggle' => 'yes' ], 'render_type' => 'template', ] ); $this->add_control( 'coverflow_modifier', [ 'label' => __('Modifier', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 1, ], 'range' => [ 'px' => [ 'min' => 1, 'step' => 1, 'max' => 10, ], ], 'condition' => [ 'coverflow_toggle' => 'yes' ], 'render_type' => 'template', ] ); $this->add_control( 'coverflow_depth', [ 'label' => __('Depth', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 100, ], 'range' => [ 'px' => [ 'min' => 0, 'step' => 10, 'max' => 1000, ], ], 'condition' => [ 'coverflow_toggle' => 'yes' ], 'render_type' => 'template', ] ); $this->end_popover(); $this->add_control( 'hr_005', [ 'type' => Controls_Manager::DIVIDER, 'condition' => [ 'skin' => 'coverflow' ] ] ); $this->add_control( 'autoplay', [ 'label' => __('Autoplay', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'autoplay_speed', [ 'label' => esc_html__('Autoplay Speed', 'ultimate-post-kit'), 'type' => Controls_Manager::NUMBER, 'default' => 5000, 'condition' => [ 'autoplay' => 'yes', ], ] ); $this->add_control( 'pauseonhover', [ 'label' => esc_html__('Pause on Hover', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, ] ); $this->add_responsive_control( 'slides_to_scroll', [ 'type' => Controls_Manager::SELECT, 'label' => esc_html__('Slides to Scroll', 'ultimate-post-kit'), 'default' => 1, 'tablet_default' => 1, 'mobile_default' => 1, 'options' => [ 1 => '1', 2 => '2', 3 => '3', 4 => '4', 5 => '5', 6 => '6', ], ] ); $this->add_control( 'centered_slides', [ 'label' => __('Center Slide', 'ultimate-post-kit'), 'description' => __('Use even items from Layout > Columns settings for better preview.', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, ] ); $this->add_control( 'grab_cursor', [ 'label' => __('Grab Cursor', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, ] ); $this->add_control( 'mousewheel', [ 'label' => __('Mousewheel', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, ] ); $this->add_control( 'loop', [ 'label' => __('Loop', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'speed', [ 'label' => __('Animation Speed (ms)', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 500, ], 'range' => [ 'px' => [ 'min' => 100, 'max' => 5000, 'step' => 50, ], ], ] ); $this->add_control( 'observer', [ 'label' => __('Observer', 'ultimate-post-kit'), 'description' => __('When you use carousel in any hidden place (in tabs, accordion etc) keep it yes.', 'ultimate-post-kit'), 'type' => Controls_Manager::SWITCHER, ] ); $this->end_controls_section(); } function register_navigation_style($name) { $this->start_controls_section( 'section_style_navigation', [ 'label' => __('Navigation', 'ultimate-post-kit'), 'tab' => Controls_Manager::TAB_STYLE, 'conditions' => [ 'relation' => 'or', 'terms' => [ [ 'name' => 'navigation', 'operator' => '!=', 'value' => 'none', ], [ 'name' => 'show_scrollbar', 'value' => 'yes', ], ], ], ] ); $this->add_control( 'arrows_heading', [ 'label' => __('ARROWS', 'ultimate-post-kit'), 'type' => Controls_Manager::HEADING, 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->start_controls_tabs('tabs_navigation_arrows_style'); $this->start_controls_tab( 'tabs_nav_arrows_normal', [ 'label' => __('Normal', 'ultimate-post-kit'), 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_control( 'arrows_color', [ 'label' => __('Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev i, {{WRAPPER}} .upk-navigation-next i' => 'color: {{VALUE}}', ], 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_control( 'arrows_background', [ 'label' => __('Background', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev, {{WRAPPER}} .upk-navigation-next' => 'background-color: {{VALUE}}', ], 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'nav_arrows_border', 'selector' => '{{WRAPPER}} .upk-navigation-prev, {{WRAPPER}} .upk-navigation-next', 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'border_radius', [ 'label' => __('Border Radius', 'ultimate-post-kit'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%'], 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev, {{WRAPPER}} .upk-navigation-next' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'arrows_padding', [ 'label' => esc_html__('Padding', 'ultimate-post-kit'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev, {{WRAPPER}} .upk-navigation-next' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'arrows_size', [ 'label' => __('Size', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 10, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev i, {{WRAPPER}} .upk-navigation-next i' => 'font-size: {{SIZE || 24}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'arrows_space', [ 'label' => __('Space Between Arrows', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev' => 'margin-right: {{SIZE}}px;', '{{WRAPPER}} .upk-navigation-next' => 'margin-left: {{SIZE}}px;', ], 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'tabs_nav_arrows_hover', [ 'label' => __('Hover', 'ultimate-post-kit'), 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_control( 'arrows_hover_color', [ 'label' => __('Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev:hover i, {{WRAPPER}} .upk-navigation-next:hover i' => 'color: {{VALUE}}', ], 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_control( 'arrows_hover_background', [ 'label' => __('Background', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev:hover, {{WRAPPER}} .upk-navigation-next:hover' => 'background-color: {{VALUE}}', ], 'condition' => [ 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->add_control( 'nav_arrows_hover_border_color', [ 'label' => __('Border Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev:hover, {{WRAPPER}} .upk-navigation-next:hover' => 'border-color: {{VALUE}};', ], 'condition' => [ 'nav_arrows_border_border!' => '', 'navigation!' => ['dots', 'progressbar', 'none'], ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'hr_1', [ 'type' => Controls_Manager::DIVIDER, 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_control( 'dots_heading', [ 'label' => __('DOTS', 'ultimate-post-kit'), 'type' => Controls_Manager::HEADING, 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->start_controls_tabs('tabs_navigation_dots_style'); $this->start_controls_tab( 'tabs_nav_dots_normal', [ 'label' => __('Normal', 'ultimate-post-kit'), 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_control( 'dots_color', [ 'label' => __('Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .swiper-pagination-bullet' => 'background-color: {{VALUE}}', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'dots_space_between', [ 'label' => __('Space Between', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}}' => '--upk-swiper-dots-space-between: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'dots_width_size', [ 'label' => __('Width(px)', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 1, 'max' => 50, ], ], 'selectors' => [ '{{WRAPPER}} .swiper-pagination-bullet' => 'width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'dots_height_size', [ 'label' => __('Height(px)', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 1, 'max' => 50, ], ], 'selectors' => [ '{{WRAPPER}} .swiper-pagination-bullet' => 'height: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'dots_border_radius', [ 'label' => esc_html__('Border Radius', 'ultimate-post-kit'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%'], 'selectors' => [ '{{WRAPPER}} .swiper-pagination-bullet' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'dots_box_shadow', 'selector' => '{{WRAPPER}} .swiper-pagination-bullet', 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'tabs_nav_dots_active', [ 'label' => __('Active', 'ultimate-post-kit'), 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_control( 'active_dot_color', [ 'label' => __('Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .swiper-pagination-bullet-active' => 'background-color: {{VALUE}}', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'active_advanced_dots_width', [ 'label' => __('Width(px)', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 1, 'max' => 50, ], ], 'selectors' => [ '{{WRAPPER}} .swiper-pagination-bullet-active' => 'width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'active_dots_height', [ 'label' => __('Height(px)', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 1, 'max' => 50, ], ], 'selectors' => [ '{{WRAPPER}} .swiper-pagination-bullet-active' => 'height: {{SIZE}}{{UNIT}};', '{{WRAPPER}}' => '--upk-swiper-dots-active-height: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'active_dots_radius', [ 'label' => esc_html__('Border Radius', 'ultimate-post-kit'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%'], 'selectors' => [ '{{WRAPPER}} .swiper-pagination-bullet-active' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_responsive_control( 'active_dots_align', [ 'label' => __('Alignment', 'ultimate-post-kit'), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'flex-start' => [ 'title' => __('Top', 'ultimate-post-kit'), 'icon' => 'eicon-v-align-top', ], 'center' => [ 'title' => __('Center', 'ultimate-post-kit'), 'icon' => 'eicon-v-align-middle', ], 'flex-end' => [ 'title' => __('Bottom', 'ultimate-post-kit'), 'icon' => 'eicon-v-align-bottom', ], ], 'selectors' => [ '{{WRAPPER}}' => '--upk-swiper-dots-align: {{VALUE}};', ], 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'dots_active_box_shadow', 'selector' => '{{WRAPPER}} .swiper-pagination-bullet-active', 'condition' => [ 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'], ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'hr_22', [ 'type' => Controls_Manager::DIVIDER, 'condition' => [ 'navigation' => 'arrows-fraction', ], ] ); $this->add_control( 'fraction_heading', [ 'label' => __('FRACTION', 'ultimate-post-kit'), 'type' => Controls_Manager::HEADING, 'condition' => [ 'navigation' => 'arrows-fraction', ], ] ); $this->add_control( 'hr_12', [ 'type' => Controls_Manager::DIVIDER, 'condition' => [ 'navigation' => 'arrows-fraction', ], ] ); $this->add_control( 'fraction_color', [ 'label' => __('Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .swiper-pagination-fraction' => 'color: {{VALUE}}', ], 'condition' => [ 'navigation' => 'arrows-fraction', ], ] ); $this->add_control( 'active_fraction_color', [ 'label' => __('Active Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .swiper-pagination-current' => 'color: {{VALUE}}', ], 'condition' => [ 'navigation' => 'arrows-fraction', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'fraction_typography', 'label' => esc_html__('Typography', 'ultimate-post-kit'), 'selector' => '{{WRAPPER}} .swiper-pagination-fraction', 'condition' => [ 'navigation' => 'arrows-fraction', ], ] ); $this->add_control( 'hr_3', [ 'type' => Controls_Manager::DIVIDER, 'condition' => [ 'navigation' => 'progressbar', ], ] ); $this->add_control( 'progresbar_heading', [ 'label' => __('PROGRESSBAR', 'ultimate-post-kit'), 'type' => Controls_Manager::HEADING, 'condition' => [ 'navigation' => 'progressbar', ], ] ); $this->add_control( 'hr_13', [ 'type' => Controls_Manager::DIVIDER, 'condition' => [ 'navigation' => 'progressbar', ], ] ); $this->add_control( 'progresbar_color', [ 'label' => __('Bar Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .swiper-pagination-progressbar' => 'background-color: {{VALUE}}', ], 'condition' => [ 'navigation' => 'progressbar', ], ] ); $this->add_control( 'progres_color', [ 'label' => __('Progress Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'separator' => 'after', 'selectors' => [ '{{WRAPPER}} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill' => 'background: {{VALUE}}', ], 'condition' => [ 'navigation' => 'progressbar', ], ] ); $this->add_control( 'hr_4', [ 'type' => Controls_Manager::DIVIDER, 'condition' => [ 'show_scrollbar' => 'yes' ], ] ); $this->add_control( 'scrollbar_heading', [ 'label' => __('SCROLLBAR', 'ultimate-post-kit'), 'type' => Controls_Manager::HEADING, 'condition' => [ 'show_scrollbar' => 'yes' ], ] ); $this->add_control( 'hr_14', [ 'type' => Controls_Manager::DIVIDER, 'condition' => [ 'show_scrollbar' => 'yes' ], ] ); $this->add_control( 'scrollbar_color', [ 'label' => __('Bar Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .swiper-scrollbar' => 'background: {{VALUE}}', ], 'condition' => [ 'show_scrollbar' => 'yes' ], ] ); $this->add_control( 'scrollbar_drag_color', [ 'label' => __('Drag Color', 'ultimate-post-kit'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .swiper-scrollbar .swiper-scrollbar-drag' => 'background: {{VALUE}}', ], 'condition' => [ 'show_scrollbar' => 'yes' ], ] ); $this->add_responsive_control( 'scrollbar_height', [ 'label' => __('Height', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 1, 'max' => 10, ], ], 'selectors' => [ '{{WRAPPER}} .swiper-horizontal > .swiper-scrollbar' => 'height: {{SIZE}}px;', ], 'condition' => [ 'show_scrollbar' => 'yes' ], ] ); $this->add_control( 'hr_05', [ 'type' => Controls_Manager::DIVIDER, ] ); $this->add_control( 'navi_offset_heading', [ 'label' => __('OFFSET', 'ultimate-post-kit'), 'type' => Controls_Manager::HEADING, ] ); $this->add_control( 'hr_6', [ 'type' => Controls_Manager::DIVIDER, ] ); $this->add_responsive_control( 'arrows_ncx_position', [ 'label' => __('Arrows Horizontal Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 0, ], 'tablet_default' => [ 'size' => 0, ], 'mobile_default' => [ 'size' => 0, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'arrows', ], [ 'name' => 'arrows_position', 'operator' => '!=', 'value' => 'center', ], ], ], 'selectors' => [ '{{WRAPPER}}' => '--upk-' . $name . '-carousel-arrows-ncx: {{SIZE}}px;' ], ] ); $this->add_responsive_control( 'arrows_ncy_position', [ 'label' => __('Arrows Vertical Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 40, ], 'tablet_default' => [ 'size' => 40, ], 'mobile_default' => [ 'size' => 40, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'selectors' => [ '{{WRAPPER}}' => '--upk-' . $name . '-carousel-arrows-ncy: {{SIZE}}px;' ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'arrows', ], [ 'name' => 'arrows_position', 'operator' => '!=', 'value' => 'center', ], ], ], ] ); $this->add_responsive_control( 'arrows_acx_position', [ 'label' => __('Arrows Horizontal Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => -60, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev' => 'left: {{SIZE}}px;', '{{WRAPPER}} .upk-navigation-next' => 'right: {{SIZE}}px;', ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'arrows', ], [ 'name' => 'arrows_position', 'value' => 'center', ], ], ], ] ); $this->add_responsive_control( 'dots_nnx_position', [ 'label' => __('Dots Horizontal Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 0, ], 'tablet_default' => [ 'size' => 0, ], 'mobile_default' => [ 'size' => 0, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'dots', ], [ 'name' => 'dots_position', 'operator' => '!=', 'value' => '', ], ], ], 'selectors' => [ '{{WRAPPER}}' => '--upk-' . $name . '-carousel-dots-nnx: {{SIZE}}px;' ], ] ); $this->add_responsive_control( 'dots_nny_position', [ 'label' => __('Dots Vertical Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 30, ], 'tablet_default' => [ 'size' => 30, ], 'mobile_default' => [ 'size' => 30, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'dots', ], [ 'name' => 'dots_position', 'operator' => '!=', 'value' => '', ], ], ], 'selectors' => [ '{{WRAPPER}}' => '--upk-' . $name . '-carousel-dots-nny: {{SIZE}}px;' ], ] ); $this->add_responsive_control( 'both_ncx_position', [ 'label' => __('Arrows & Dots Horizontal Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 0, ], 'tablet_default' => [ 'size' => 0, ], 'mobile_default' => [ 'size' => 0, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'both', ], [ 'name' => 'both_position', 'operator' => '!=', 'value' => 'center', ], ], ], 'selectors' => [ '{{WRAPPER}}' => '--upk-' . $name . '-carousel-both-ncx: {{SIZE}}px;' ], ] ); $this->add_responsive_control( 'both_ncy_position', [ 'label' => __('Arrows & Dots Vertical Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 40, ], 'tablet_default' => [ 'size' => 40, ], 'mobile_default' => [ 'size' => 40, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'both', ], [ 'name' => 'both_position', 'operator' => '!=', 'value' => 'center', ], ], ], 'selectors' => [ '{{WRAPPER}}' => '--upk-' . $name . '-carousel-both-ncy: {{SIZE}}px;' ], ] ); $this->add_responsive_control( 'both_cx_position', [ 'label' => __('Arrows Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => -60, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev' => 'left: {{SIZE}}px;', '{{WRAPPER}} .upk-navigation-next' => 'right: {{SIZE}}px;', ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'both', ], [ 'name' => 'both_position', 'value' => 'center', ], ], ], ] ); $this->add_responsive_control( 'both_cy_position', [ 'label' => __('Dots Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 30, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'selectors' => [ '{{WRAPPER}} .upk-dots-container' => 'transform: translateY({{SIZE}}px);', ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'both', ], [ 'name' => 'both_position', 'value' => 'center', ], ], ], ] ); $this->add_responsive_control( 'arrows_fraction_ncx_position', [ 'label' => __('Arrows & Fraction Horizontal Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 0, ], 'tablet_default' => [ 'size' => 0, ], 'mobile_default' => [ 'size' => 0, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'arrows-fraction', ], [ 'name' => 'arrows_fraction_position', 'operator' => '!=', 'value' => 'center', ], ], ], 'selectors' => [ '{{WRAPPER}}' => '--upk-' . $name . '-carousel-arrows-fraction-ncx: {{SIZE}}px;' ], ] ); $this->add_responsive_control( 'arrows_fraction_ncy_position', [ 'label' => __('Arrows & Fraction Vertical Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 40, ], 'tablet_default' => [ 'size' => 40, ], 'mobile_default' => [ 'size' => 40, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'arrows-fraction', ], [ 'name' => 'arrows_fraction_position', 'operator' => '!=', 'value' => 'center', ], ], ], 'selectors' => [ '{{WRAPPER}}' => '--upk-' . $name . '-carousel-arrows-fraction-ncy: {{SIZE}}px;' ], ] ); $this->add_responsive_control( 'arrows_fraction_cx_position', [ 'label' => __('Arrows Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => -60, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'selectors' => [ '{{WRAPPER}} .upk-navigation-prev' => 'left: {{SIZE}}px;', '{{WRAPPER}} .upk-navigation-next' => 'right: {{SIZE}}px;', ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'arrows-fraction', ], [ 'name' => 'arrows_fraction_position', 'value' => 'center', ], ], ], ] ); $this->add_responsive_control( 'arrows_fraction_cy_position', [ 'label' => __('Fraction Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 30, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'selectors' => [ '{{WRAPPER}} .swiper-pagination-fraction' => 'transform: translateY({{SIZE}}px);', ], 'conditions' => [ 'terms' => [ [ 'name' => 'navigation', 'value' => 'arrows-fraction', ], [ 'name' => 'arrows_fraction_position', 'value' => 'center', ], ], ], ] ); $this->add_responsive_control( 'progress_y_position', [ 'label' => __('Progress Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 15, ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, ], ], 'selectors' => [ '{{WRAPPER}} .swiper-pagination-progressbar' => 'transform: translateY({{SIZE}}px);', ], 'condition' => [ 'navigation' => 'progressbar', ], ] ); $this->add_responsive_control( 'scrollbar_vertical_offset', [ 'label' => __('Scrollbar Offset', 'ultimate-post-kit'), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .swiper-horizontal > .swiper-scrollbar' => 'bottom: {{SIZE}}px;', ], 'condition' => [ 'show_scrollbar' => 'yes' ], ] ); $this->end_controls_section(); } }