ep_is_edit_mode() ) { return [ 'ep-styles' ]; } else { return [ 'ep-facebook-feed' ]; } } public function has_widget_inner_wrapper(): bool { return ! \Elementor\Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' ); } protected function register_controls() { $this->start_controls_section( 'section_content_air_pollution', [ 'label' => esc_html__( 'Facebook Feed', 'bdthemes-element-pack' ), ] ); $this->add_control( 'select_api_type', [ 'label' => esc_html__( 'Select API', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SELECT, 'default' => 'global', 'options' => [ 'custom' => esc_html__( 'Custom', 'bdthemes-element-pack' ), 'global' => esc_html__( 'Global', 'bdthemes-element-pack' ), ], 'render_type' => 'template', ] ); $this->add_control( 'api_page_id', [ 'label' => esc_html__( 'Page ID', 'bdthemes-element-pack' ), 'description' => esc_html__( 'A Facebook page ID is a unique identifier assigned to each Facebook page. It can be used to access information about the page, such as its name, profile picture, and cover photo, as well as to interact with the page\'s content and followers.', 'bdthemes-element-pack' ) . sprintf( '
Link - Get Page ID' ), 'type' => Controls_Manager::TEXT, 'label_block' => true, 'dynamic' => [ 'active' => true ], 'condition' => [ 'select_api_type' => 'custom' ] ] ); $this->add_control( 'api_access_token', [ 'label' => esc_html__( 'Access Token', 'bdthemes-element-pack' ), 'description' => esc_html__( 'A Facebook page access token is a string of characters that is generated by Facebook and is used to grant an app or server access to a specific Facebook page.', 'bdthemes-element-pack' ) . sprintf( '
Link - Get Access Token' ), 'type' => Controls_Manager::TEXT, 'label_block' => true, 'dynamic' => [ 'active' => true ], 'condition' => [ 'select_api_type' => 'custom' ] ] ); $this->add_control( 'data_cache', [ 'label' => esc_html__( 'Cache Feeds', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'description' => esc_html__( 'Note:- Please use this cache option to reduce your request of API Calls.', 'bdthemes-element-pack' ), 'separator' => 'before' ] ); $this->add_control( 'cache_refresh', [ 'label' => esc_html__( 'Reload Cache after ', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SELECT, 'default' => '12', 'options' => array( '30' => esc_html__( '30 Minutes', 'bdthemes-element-pack' ), '1' => esc_html__( '1 Hour', 'bdthemes-element-pack' ), '3' => esc_html__( '3 Hour', 'bdthemes-element-pack' ), '6' => esc_html__( '6 Hour', 'bdthemes-element-pack' ), '12' => esc_html__( '12 Hour', 'bdthemes-element-pack' ), '24' => esc_html__( '24 Hour', 'bdthemes-element-pack' ), '7d' => esc_html__( '7 Days', 'bdthemes-element-pack' ), '15d' => esc_html__( '15 Days', 'bdthemes-element-pack' ), '30d' => esc_html__( '30 Days', 'bdthemes-element-pack' ), ), 'condition' => [ 'data_cache' => 'yes', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'section_additional', [ 'label' => esc_html__( 'Additional Options', 'bdthemes-element-pack' ), ] ); $this->add_control( 'post_limit', [ 'label' => esc_html__( 'Post Limit', 'bdthemes-element-pack' ), 'type' => Controls_Manager::NUMBER, 'default' => 6, ] ); $this->add_control( 'masonry', [ 'label' => __( 'Masonry', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'prefix_class' => 'bdt-ep-masonry--', 'render_type' => 'template' ] ); $this->add_responsive_control( 'columns', [ 'label' => __( 'Columns', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SELECT, 'default' => '3', 'tablet_default' => '2', 'mobile_default' => '1', 'options' => [ '1' => '1', '2' => '2', '3' => '3', '4' => '4', '5' => '5', '6' => '6', ], 'selectors' => [ '{{WRAPPER}} .bdt-grid-wrap' => 'columns: {{SIZE}}; display: block;' ], 'condition' => [ 'masonry' => 'yes' ] ] ); $this->add_responsive_control( 'grid_columns', [ 'label' => __( 'Columns', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SELECT, 'default' => '3', 'tablet_default' => '2', 'mobile_default' => '1', 'options' => [ '1' => '1', '2' => '2', '3' => '3', '4' => '4', '5' => '5', '6' => '6', ], 'selectors' => [ '{{WRAPPER}} .bdt-grid-wrap' => 'grid-template-columns: repeat({{SIZE}}, 1fr); display: grid;', ], 'condition' => [ 'masonry' => '' ] ] ); $this->add_responsive_control( 'row_gap', [ 'label' => esc_html__( 'Row Gap', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 20, ], 'selectors' => [ '{{WRAPPER}} .bdt-grid-wrap' => 'grid-row-gap: {{SIZE}}{{UNIT}};', '{{WRAPPER}}.bdt-ep-masonry--yes .bdt-facebook-feed-wrap .bdt-item' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'column_gap', [ 'label' => esc_html__( 'Column Gap', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 20, ], 'selectors' => [ '{{WRAPPER}} .bdt-grid-wrap' => 'grid-column-gap: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'layout_style', [ 'label' => __( 'Layout Style', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SELECT, 'options' => [ 'style-1' => '1', 'style-2' => '2', ], 'default' => 'style-1', ] ); $this->add_control( 'show_desc', [ 'label' => esc_html__( 'Show Text', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'separator' => 'before' ] ); $this->add_control( 'desc_word_count', [ 'label' => esc_html__( 'Text Word Count', 'bdthemes-element-pack' ), 'type' => Controls_Manager::NUMBER, 'min' => 0, 'max' => 500, 'default' => 15, 'condition' => [ 'show_desc' => 'yes' ] ] ); $this->add_control( 'show_image_album', [ 'label' => esc_html__( 'Show Image Album', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, ] ); $this->add_control( 'show_feature_image', [ 'label' => esc_html__( 'Show Feature Image', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'condition' => [ 'show_image_album!' => 'yes' ] ] ); $this->add_control( 'show_author_image', [ 'label' => esc_html__( 'Show Author Image', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'show_author_name', [ 'label' => esc_html__( 'Show Author Name', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'show_date', [ 'label' => esc_html__( 'Show Date', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'separator' => 'before' ] ); $this->add_control( 'show_like', [ 'label' => esc_html__( 'Show Like', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'show_comments', [ 'label' => esc_html__( 'Show Comments', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'show_share', [ 'label' => esc_html__( 'Show Share', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'show_read_more', [ 'label' => esc_html__( 'Show Read More', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'separator' => 'before' ] ); $this->add_control( 'read_more_text', [ 'label' => esc_html__( 'Read More Text', 'bdthemes-element-pack' ), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true ], 'default' => esc_html__( 'See More', 'bdthemes-element-pack' ), 'condition' => [ 'show_read_more' => 'yes' ] ] ); $this->add_control( 'link_target', [ 'label' => esc_html__( 'Link Target', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SELECT, 'options' => [ '_self' => esc_html__( 'Open in same window', 'bdthemes-element-pack' ), '_blank' => esc_html__( 'Open in new window', 'bdthemes-element-pack' ), ], 'default' => '_blank', 'condition' => [ 'show_read_more' => 'yes' ] ] ); $this->end_controls_section(); $this->start_controls_section( 'section_item_style', [ 'label' => esc_html__( 'Item', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->start_controls_tabs( 'tabs_item_style' ); $this->start_controls_tab( 'tab_item_normal', [ 'label' => esc_html__( 'Normal', 'bdthemes-element-pack' ), ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'item_background', 'selector' => '{{WRAPPER}} .bdt-item', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'item_border', 'selector' => '{{WRAPPER}} .bdt-item', 'separator' => 'before', ] ); $this->add_responsive_control( 'item_border_radius', [ 'label' => esc_html__( 'Border Radius', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'item_padding', [ 'label' => esc_html__( 'Padding', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'layout_style' => 'style-2' ] ] ); $this->add_responsive_control( 'content_padding', [ 'label' => esc_html__( 'Padding', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-fb-style-1 .bdt-fb-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .bdt-fb-style-1 .bdt-share-and-readmore' => 'padding: 0 {{RIGHT}}{{UNIT}} 0 {{LEFT}}{{UNIT}};', ], 'condition' => [ 'layout_style' => 'style-1' ] ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'item_box_shadow', 'selector' => '{{WRAPPER}} .bdt-item', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'tab_item_hover', [ 'label' => esc_html__( 'Hover', 'bdthemes-element-pack' ), ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'item_hover_background', 'selector' => '{{WRAPPER}} .bdt-item:hover', ] ); $this->add_control( 'item_hover_border_color', [ 'label' => esc_html__( 'Border Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'item_border_border!' => '', ], 'selectors' => [ '{{WRAPPER}} .bdt-item:hover' => 'border-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'item_hover_box_shadow', 'selector' => '{{WRAPPER}} .bdt-item:hover', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); $this->start_controls_section( 'section_author_style', [ 'label' => esc_html__( 'Author', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, 'conditions' => [ 'relation' => 'or', 'terms' => [ [ 'name' => 'show_author_name', 'operator' => '===', 'value' => 'yes' ], [ 'name' => 'show_author_image', 'operator' => '===', 'value' => 'yes' ] ] ] ] ); $this->add_control( 'author_name', [ 'label' => esc_html__( 'NAME', 'bdthemes-element-pack' ), 'type' => Controls_Manager::HEADING, 'condition' => [ 'show_author_name' => 'yes' ] ] ); $this->start_controls_tabs( 'style_name_tabs', [ 'condition' => [ 'show_author_name' => 'yes' ] ] ); $this->start_controls_tab( 'name_tab_normal', [ 'label' => esc_html__( 'Normal', 'bdthemes-element-pack' ), ] ); $this->add_control( 'author_color', [ 'label' => esc_html__( 'Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-author-name' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'author_typography', 'selector' => '{{WRAPPER}} .bdt-author-name', ] ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), [ 'name' => 'author_text_shadow', 'label' => esc_html__( 'Text Shadow', 'bdthemes-element-pack' ), 'selector' => '{{WRAPPER}} .bdt-author-name', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'name_tab_hover', [ 'label' => esc_html__( 'Hover', 'bdthemes-element-pack' ), ] ); $this->add_control( 'author_color_hover', [ 'label' => esc_html__( 'Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-author-name:hover' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), [ 'name' => 'author_text_shadow_hover', 'label' => esc_html__( 'Text Shadow', 'bdthemes-element-pack' ), 'selector' => '{{WRAPPER}} .bdt-author-name:hover', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'fb_feed_author_divider', [ 'type' => Controls_Manager::DIVIDER, 'condition' => [ 'show_author_name' => 'yes', 'show_author_image' => 'yes' ] ] ); $this->add_control( 'author_img', [ 'label' => esc_html__( 'IMAGE', 'bdthemes-element-pack' ), 'type' => Controls_Manager::HEADING, 'condition' => [ 'show_author_image' => 'yes' ] ] ); $this->add_responsive_control( 'author_img_size', [ 'label' => esc_html__( 'Size', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 30, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .bdt-icon-img' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'show_author_image' => 'yes' ] ] ); $this->add_responsive_control( 'author_img_padding', [ 'label' => esc_html__( 'Padding', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-icon-img' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'show_author_image' => 'yes' ] ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'author_img_border', 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} .bdt-icon-img', 'condition' => [ 'show_author_image' => 'yes' ] ] ); $this->add_responsive_control( 'author_img_radius', [ 'label' => esc_html__( 'Border Radius', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-icon-img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}; overflow: hidden;', ], 'condition' => [ 'show_author_image' => 'yes' ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'author_img_background', 'selector' => '{{WRAPPER}} .bdt-icon-img', 'condition' => [ 'show_author_image' => 'yes' ] ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'author_img_shadow', 'selector' => '{{WRAPPER}} .bdt-icon-img', 'condition' => [ 'show_author_image' => 'yes' ] ] ); $this->end_controls_section(); $this->start_controls_section( 'section_date', [ 'label' => esc_html__( 'Date', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'show_date' => 'yes' ] ] ); $this->add_control( 'date_color', [ 'label' => esc_html__( 'Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-date-muted' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'date_typography', 'selector' => '{{WRAPPER}} .bdt-date-muted', ] ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), [ 'name' => 'date_text_shadow', 'label' => esc_html__( 'Text Shadow', 'bdthemes-element-pack' ), 'selector' => '{{WRAPPER}} .bdt-date-muted', ] ); $this->end_controls_section(); $this->start_controls_section( 'section_description', [ 'label' => esc_html__( 'Text', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'show_desc' => 'yes' ] ] ); $this->add_control( 'desc_color', [ 'label' => esc_html__( 'Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-text' => 'color: {{VALUE}};', ], ] ); $this->add_responsive_control( 'text_margin', [ 'label' => esc_html__( 'Margin', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-text' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'desc_typography', 'selector' => '{{WRAPPER}} .bdt-text', ] ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), [ 'name' => 'desc_text_shadow', 'label' => esc_html__( 'Text Shadow', 'bdthemes-element-pack' ), 'selector' => '{{WRAPPER}} .bdt-text', ] ); $this->end_controls_section(); $this->start_controls_section( 'section_feature_image', [ 'label' => esc_html__( 'Feature Image', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'show_feature_image' => 'yes' ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'feature_img_background', 'selector' => '{{WRAPPER}} .bdt-img-wrap .bdt-img-item', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'feature_img_border', 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} .bdt-img-wrap .bdt-img-item', ] ); $this->add_responsive_control( 'feature_img_radius', [ 'label' => esc_html__( 'Border Radius', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-img-wrap .bdt-img-item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}; overflow: hidden;', ], ] ); $this->add_responsive_control( 'feature_img_padding', [ 'label' => esc_html__( 'Padding', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-img-wrap .bdt-img-item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'feature_img_margin', [ 'label' => esc_html__( 'Margin', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-img-wrap' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'feature_img_shadow', 'selector' => '{{WRAPPER}} .bdt-img-wrap .bdt-img-item', ] ); $this->add_responsive_control( 'feature_img_gap', [ 'label' => esc_html__( 'Gap', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-img-wrap' => 'gap: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'show_image_album' => 'yes' ], 'separator' => 'before' ] ); $this->add_control( 'feature_img_text_color', [ 'label' => esc_html__( 'Text Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-album-img-count' => 'color: {{VALUE}};', ], 'condition' => [ 'show_image_album' => 'yes' ], ] ); $this->add_control( 'feature_img_overlay_color', [ 'label' => esc_html__( 'Overlay Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-album-img-count' => 'background-color: {{VALUE}};', ], 'condition' => [ 'show_image_album' => 'yes' ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'feature_img_typography', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-album-img-count', 'condition' => [ 'show_image_album' => 'yes' ], ] ); $this->end_controls_section(); $this->start_controls_section( 'section_read_more', [ 'label' => esc_html__( 'Read More', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'show_read_more' => 'yes' ] ] ); $this->add_responsive_control( 'readmore_spacing', [ 'label' => esc_html__( 'Spacing', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .bdt-share-and-readmore' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->start_controls_tabs( 'style_read_more_tabs' ); $this->start_controls_tab( 'read_more_normal', [ 'label' => esc_html__( 'Normal', 'bdthemes-element-pack' ), ] ); $this->add_control( 'read_more_color', [ 'label' => esc_html__( 'Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-read-more a' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'read_more_typography', 'selector' => '{{WRAPPER}} .bdt-read-more a', ] ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), [ 'name' => 'read_more_text_shadow', 'label' => esc_html__( 'Text Shadow', 'bdthemes-element-pack' ), 'selector' => '{{WRAPPER}} .bdt-read-more a', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'read_more_hover', [ 'label' => esc_html__( 'Hover', 'bdthemes-element-pack' ), ] ); $this->add_control( 'read_more_color_hover', [ 'label' => esc_html__( 'Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-read-more a:hover' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), [ 'name' => 'read_more_text_shadow_hover', 'label' => esc_html__( 'Text Shadow', 'bdthemes-element-pack' ), 'selector' => '{{WRAPPER}} .bdt-read-more:hover a', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); $this->start_controls_section( 'section_social_button', [ 'label' => esc_html__( 'Like/Comments', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, 'conditions' => [ 'relation' => 'or', 'terms' => [ [ 'name' => 'show_like', 'operator' => '===', 'value' => 'yes', ], [ 'name' => 'show_comments', 'operator' => '===', 'value' => 'yes', ], ], ], ] ); $this->add_responsive_control( 'like_comments_button_margin', [ 'label' => __( 'Margin', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'show_like' => 'yes', 'show_comments' => 'yes' ] ] ); $this->add_responsive_control( 'like_comments_button_spacing_gap', [ 'label' => esc_html__( 'Spacing', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button' => 'gap: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'show_like' => 'yes', 'show_comments' => 'yes' ] ] ); $this->start_controls_tabs( 'like_comments_button_style_tabs' ); $this->start_controls_tab( 'like_button_style_tab', [ 'label' => __( 'Like', 'bdthemes-element-pack' ), 'condition' => [ 'show_like' => 'yes' ] ] ); $this->add_control( 'like_button_text_color', [ 'label' => __( 'Text Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'like_button_background', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'like_button_border', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon' ] ); $this->add_responsive_control( 'like_button_radius', [ 'label' => __( 'Border Radius', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'like_button_shadow', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon', ] ); $this->add_responsive_control( 'like_button_padding', [ 'label' => __( 'Padding', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'like_button_typography', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon .bdt-count', ] ); $this->add_responsive_control( 'like_icon_size_gap', [ 'label' => esc_html__( 'Icon Size', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'like_spacing_gap', [ 'label' => esc_html__( 'Spacing', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon' => 'grid-column-gap: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'like_button_hover_options', [ 'label' => esc_html__( 'HOVER', 'bdthemes-element-pack' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'like_button_hover_text_color', [ 'label' => __( 'Text Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon:hover' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'like_button_hover_background', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon:hover', ] ); $this->add_control( 'like_button_hover_border_color', [ 'label' => __( 'Border Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon:hover' => 'border-color: {{VALUE}};', ], 'condition' => [ 'like_button_border_border!' => '' ] ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'like_button_hover_shadow', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-like-icon:hover', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'comments_button_style_hover_tab', [ 'label' => __( 'Comments', 'bdthemes-element-pack' ), 'condition' => [ 'show_comments' => 'yes' ] ] ); $this->add_control( 'commenting_button_text_color', [ 'label' => __( 'Text Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'commenting_button_background', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'commenting_button_border', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon' ] ); $this->add_responsive_control( 'commenting_button_radius', [ 'label' => __( 'Border Radius', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'commenting_button_shadow', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon', ] ); $this->add_responsive_control( 'commenting_button_padding', [ 'label' => __( 'Padding', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'commenting_button_typography', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon .bdt-count', ] ); $this->add_responsive_control( 'commenting_icon_size_gap', [ 'label' => esc_html__( 'Icon Size', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'commenting_spacing_gap', [ 'label' => esc_html__( 'Spacing', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon' => 'grid-column-gap: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'commenting_button_hover_options', [ 'label' => esc_html__( 'HOVER', 'bdthemes-element-pack' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'commenting_button_hover_text_color', [ 'label' => __( 'Text Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon:hover' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'commenting_button_hover_background', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon:hover', ] ); $this->add_control( 'commenting_button_hover_border_color', [ 'label' => __( 'Border Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon:hover' => 'border-color: {{VALUE}};', ], 'condition' => [ 'commenting_button_border_border!' => '' ] ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'commenting_button_hover_shadow', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-social-button .bdt-commenting-icon:hover', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); $this->start_controls_section( 'section_share_button', [ 'label' => esc_html__( 'Share', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'show_share' => 'yes' ] ] ); $this->start_controls_tabs( 'share_button_style_tabs' ); $this->start_controls_tab( 'share_button_normal_tab', [ 'label' => __( 'Share', 'bdthemes-element-pack' ), ] ); $this->add_control( 'share_button_text_color', [ 'label' => __( 'Text Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'share_button_background', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'share_button_border', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon' ] ); $this->add_responsive_control( 'share_button_radius', [ 'label' => __( 'Border Radius', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'share_button_padding', [ 'label' => __( 'Padding', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'share_button_margin', [ 'label' => __( 'Margin', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-share-btn-wrap' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'share_button_typography', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon .bdt-count', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'share_button_shadow', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon', ] ); $this->add_responsive_control( 'share_button_icon_font_size', [ 'label' => esc_html__( 'Icon Size', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'share_button_hover_name', [ 'label' => esc_html__( 'HOVER', 'bdthemes-element-pack' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before' ] ); $this->add_control( 'share_button_hover_text_color', [ 'label' => __( 'Text Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon:hover' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'share_button_hover_background', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon:hover', ] ); $this->add_control( 'share_button_hover_border_color', [ 'label' => __( 'Border Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon:hover' => 'border-color: {{VALUE}};', ], 'condition' => [ 'share_button_border_border!' => '' ] ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'share_button_hover_shadow', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-share-icon:hover', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'share_button_dropdown_style_hover_tab', [ 'label' => __( 'Dropdown', 'bdthemes-element-pack' ), ] ); $this->add_responsive_control( 'share_button_dropdown_width', [ 'label' => __( 'Width', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 100, 'max' => 500, ], ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown' => 'min-width: {{SIZE}}{{UNIT}} !important; max-width: {{SIZE}}{{UNIT}} !important;', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'share_button_drop_background', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'share_button_drop_border', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown' ] ); $this->add_responsive_control( 'share_button_drop_radius', [ 'label' => __( 'Border Radius', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'share_button_drop_padding', [ 'label' => __( 'Padding', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'share_button_drop_shadow', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown', ] ); $this->add_control( 'share_button_drop_title_name', [ 'label' => esc_html__( 'TITLE', 'bdthemes-element-pack' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before' ] ); $this->add_control( 'share_button_drop_title_color', [ 'label' => __( 'Text Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown-title' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'share_button_drop_title_typography', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown-title', ] ); $this->add_responsive_control( 'share_button_drop_title_margin', [ 'label' => __( 'Margin', 'bdthemes-element-pack' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'share_button_drop_menu_name', [ 'label' => esc_html__( 'L I S T', 'bdthemes-element-pack' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before' ] ); $this->add_control( 'share_button_drop_text_color', [ 'label' => __( 'Text Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown a' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'share_button_drop_text_hover_color', [ 'label' => __( 'Text Hover Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown a:hover' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'share_button_drop_text_typography', 'selector' => '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown a', ] ); $this->add_responsive_control( 'share_button_drop_text_spacing', [ 'label' => esc_html__( 'Spacing', 'bdthemes-element-pack' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .bdt-facebook-feed-wrap .bdt-dropdown-nav' => 'gap: {{SIZE}}{{UNIT}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); } protected function render_read_more( $data, $settings ) { if ( 'yes' !== $settings['show_read_more'] && ! empty( $settings['read_more_text'] ) ) { return; } printf( '
%3$s
', esc_url( $data['permalink_url'] ), esc_attr( $settings['link_target'] ), esc_html( $settings['read_more_text'] ) ); } protected function render_main_share( $data, $settings ) { if ( 'yes' !== $settings['show_share'] ) { return; } ?>
%1$s', esc_html( date( "M d Y", strtotime( $data['created_time'] ) ) ) ); } protected function render_author_image( $data, $settings ) { if ( 'yes' !== $settings['show_author_image'] ) { return; } $page_url = "https://facebook.com/{$data['from']['id']}"; // Use cached avatar if available, otherwise use Facebook URL $avatar_url = ! empty( $data['from']['avatar_cached'] ) ? $data['from']['avatar_cached'] : "https://graph.facebook.com/v4.0/{$data['from']['id']}/picture"; printf( '%4$s', esc_url( $page_url ), esc_attr( $settings['link_target'] ), esc_url( $avatar_url ), esc_html( $data['from']['name'] ) ); } protected function render_author_name( $data, $settings ) { if ( 'yes' !== $settings['show_author_name'] ) { return; } $page_url = "https://facebook.com/{$data['from']['id']}"; printf( '
%3$s
', esc_url( $page_url ), esc_attr( $settings['link_target'] ), esc_html( $data['from']['name'] ) ); } protected function render_feature_image( $data, $settings ) { $show_feature_image = in_array( 'yes', [$settings['show_feature_image'], $settings['show_image_album']] ); $attachments = $data['attachments'] ?? []; // Return early if feature image is not enabled or there are no attachments if ( !$show_feature_image || empty( $attachments ) ) { return; } // Handle image album case if ( isset( $attachments['data'] ) && is_array( $attachments['data'] ) && 'yes' === $settings['show_image_album'] ) { foreach ( $attachments['data'] as $attachment ) { if ( 'album' === $attachment['media_type'] && isset( $attachment['subattachments']['data'] ) ) { $this->render_image_album( $attachment['subattachments']['data'], $settings, $data ); } else { $this->render_single_image( $data, $settings ); } } } else { $this->render_single_image( $data, $settings ); } } protected function render_single_image( $data, $settings ) { if ( isset( $data['full_picture'] ) ) { // Use cached image if available, otherwise use Facebook URL $image_url = ! empty( $data['full_picture_cached'] ) ? $data['full_picture_cached'] : $data['full_picture']; printf( '
%4$s
', esc_url( $data['permalink_url'] ), esc_attr( $settings['link_target'] ), esc_url( $image_url ), esc_html( $data['from']['name'] ) ); } } protected function render_image_album( $subattachments, $settings, $data ) { $image_count = 4; // TODO: Make this configurable $skip_image_count = max( 0, count($subattachments) - $image_count ); $album_img_count = count($subattachments) - $skip_image_count; echo '
'; foreach ( $subattachments as $index => $subattachment ) { if ( isset( $subattachment['media']['image']['src'] ) ) { // Use cached image if available, otherwise use Facebook URL $image_url = ! empty( $subattachment['media']['image']['src_cached'] ) ? $subattachment['media']['image']['src_cached'] : $subattachment['media']['image']['src']; $span = ( $index === $image_count - 1 && $skip_image_count > 0 ) ? '+' . $skip_image_count . '' : ''; printf( '
%3$s%5$s
', esc_url( $subattachment['target']['url'] ), esc_attr( $settings['link_target'] ), wp_kses_post($span), esc_url( $image_url ), esc_html( $data['from']['name'] ) ); // Break the loop after the 4th image if ( $index === $image_count - 1 ) { break; } } } echo '
'; } protected function render_desc( $data, $settings ) { if ( 'yes' !== $settings['show_desc'] ) { return; } $description = ! empty( $data['message'] ) ? explode( ' ', $data['message'] ) : []; if ( ! empty( $settings['desc_word_count'] ) && count( $description ) > $settings['desc_word_count'] ) { $srt = array_slice( $description, 0, $settings['desc_word_count'] ); printf( '
%1$s
', wp_kses_post( implode( ' ', $srt ) ) . '...' ); return; } printf( '
%1$s
', ! empty( $data['message'] ) ? wp_kses_post( $data['message'] ) : '' ); } protected function render_like( $data, $settings ) { if ( 'yes' !== $settings['show_like'] ) { return; } printf( ' %1$s ', esc_html( $data['reactions']['summary']['total_count'] ) ); } protected function render_comments( $data, $settings ) { if ( 'yes' !== $settings['show_comments'] ) { return; } printf( ' %1$s ', esc_html( $data['comments']['summary']['total_count'] ) ); } public function get_transient_expire( $settings ) { $expire_value = $settings['cache_refresh']; $expire_time = 1 * HOUR_IN_SECONDS; if ( '1' === $expire_value ) { $expire_time = 1 * HOUR_IN_SECONDS; } elseif ( '3' === $expire_value ) { $expire_time = 3 * HOUR_IN_SECONDS; } elseif ( '6' === $expire_value ) { $expire_time = 6 * HOUR_IN_SECONDS; } elseif ( '12' === $expire_value ) { $expire_time = 12 * HOUR_IN_SECONDS; } elseif ( '24' === $expire_value ) { $expire_time = 24 * HOUR_IN_SECONDS; } elseif ( '15' === $expire_value ) { $expire_time = 15 * MINUTE_IN_SECONDS; } elseif ( '30' === $expire_value ) { $expire_time = 30 * MINUTE_IN_SECONDS; } elseif ( '7d' === $expire_value ) { $expire_time = 7 * DAY_IN_SECONDS; } elseif ( '15d' === $expire_value ) { $expire_time = 15 * DAY_IN_SECONDS; } elseif ( '30d' === $expire_value ) { $expire_time = 30 * DAY_IN_SECONDS; } return $expire_time; } protected function render() { $settings = $this->get_settings_for_display(); $this->feed_data = $this->feed_data(); $data = $this->feed_data; if ( false === $data ) { return; } $post_limit = ! empty( $settings['post_limit'] ) ? $settings['post_limit'] : 6; $items = array_splice( $data, 0, $post_limit ); $this->add_render_attribute( 'facebook-feed', 'class', 'bdt-facebook-feed-wrap bdt-fb-' . $settings['layout_style'] . '' ); ?>
print_render_attribute_string( 'facebook-feed' ); ?>>
render_author_image( $item, $settings ); ?>
render_author_name( $item, $settings ); ?> render_date( $item, $settings ); ?>
' ); } $this->render_like( $item, $settings ); $this->render_comments( $item, $settings ); if ( 'yes' == $settings['show_like'] || 'yes' == $settings['show_comments'] ) { printf( '
' ); } ?>
render_desc( $item, $settings ); ?>
' ); } if ( 'yes' === $settings['show_read_more'] ) { $this->render_read_more( $item, $settings ); } if ( 'yes' === $settings['show_share'] ) { $this->render_main_share( $item, $settings ); } if ( 'yes' == $settings['show_read_more'] || 'yes' == $settings['show_share'] ) { printf( '
' ); } ?> render_feature_image( $item, $settings ); ?>
get_settings_for_display(); $ep_api_settings = get_option( 'element_pack_api_settings' ); $fb_page_id = ! empty( $ep_api_settings['fb_page_id'] ) ? $ep_api_settings['fb_page_id'] : ''; $fb_access_token = ! empty( $ep_api_settings['fb_access_token'] ) ? $ep_api_settings['fb_access_token'] : ''; /** * Override If Custom Yes */ if ( 'custom' == $settings['select_api_type'] ) { $fb_page_id = $settings['api_page_id']; $fb_access_token = $settings['api_access_token']; } if ( ! $fb_page_id || ! $fb_access_token ) { $message = esc_html__( 'Ops! I think you forget to set API key, please set your API key.', 'bdthemes-element-pack' ); $this->_error_notice( $message ); return false; } $id = $fb_page_id; $transient_key = sprintf( 'bdt-facebook-feed-data-%s-v%s', md5( $id ), $this->cache_version ); if ( $settings['data_cache'] == 'yes' ) { $data = get_transient( $transient_key ); } else { $data = ''; } /** * Transient Data Not Found * Let's send a API request for data */ if ( ! $data ) { // Clean up old images before fetching fresh data if ( $settings['data_cache'] == 'yes' ) { $this->cleanup_page_images( $fb_page_id ); } $request_url = sprintf( $this->api_url, $fb_page_id, $this->api_queries, $fb_access_token ); $raw_feed_data = $this->data_remote_request( $request_url ); if ( ! $raw_feed_data ) { return false; } /** * Check If any Error */ if ( ! empty( $raw_feed_data ) && array_key_exists( 'error', $raw_feed_data ) ) { if ( isset( $raw_feed_data['error']['message'] ) ) { $message = $raw_feed_data['error']['message']; } else { $message = esc_html__( 'Your API credentials are not correct.', 'bdthemes-element-pack' ); } $this->_error_notice( $message ); return false; } $data = $this->transient_feed_data( $raw_feed_data ); if ( empty( $data ) ) { return false; } // Process and cache images BEFORE saving transient if ( $settings['data_cache'] == 'yes' && ! empty( $data ) ) { $downloaded_images = array(); foreach ( $data as $key => $item ) { $result = $this->cache_feed_images( $item ); $data[$key] = $result['data']; $downloaded_images = array_merge( $downloaded_images, $result['images'] ); } // Store list of downloaded images for cleanup $image_list_key = $transient_key . '_images'; $expireTime = $this->get_transient_expire( $settings ); set_transient( $image_list_key, $downloaded_images, apply_filters( 'element-pack/facebook-feed/cached-time', $expireTime ) ); } $expireTime = $this->get_transient_expire( $settings ); if ( $settings['data_cache'] == 'yes' ) { set_transient( $transient_key, $data, apply_filters( 'element-pack/facebook-feed/cached-time', $expireTime ) ); } } return $data; } public function data_remote_request( $url ) { $response = wp_remote_get( $url, array( 'timeout' => 30 ) ); if ( ! $response || is_wp_error( $response ) ) { return false; } $remote_data = wp_remote_retrieve_body( $response ); if ( ! $remote_data || is_wp_error( $remote_data ) ) { return false; } $remote_data = json_decode( $remote_data, true ); if ( empty( $remote_data ) ) { return false; } return $remote_data; } public function transient_feed_data( $raw_data = [] ) { return $raw_data['data']; } public function _error_notice( $message ) { ?>

$fb_cache_dir, 'url' => $fb_cache_url ); } /** * Download and cache a single image locally */ private function download_and_cache_image( $image_url, $identifier = '' ) { if ( empty( $image_url ) ) { return array( 'url' => $image_url, 'filename' => null ); } // Generate unique filename based on URL $filename = md5( $image_url . $identifier ) . '.jpg'; $upload_info = $this->get_upload_dir(); $file_path = $upload_info['dir'] . $filename; $file_url = $upload_info['url'] . $filename; // If file already exists and is recent, return local URL if ( file_exists( $file_path ) ) { return array( 'url' => $file_url, 'filename' => $filename ); } // Download image $response = wp_remote_get( $image_url, array( 'timeout' => 30, 'sslverify' => false ) ); if ( is_wp_error( $response ) || wp_remote_retrieve_response_code( $response ) !== 200 ) { return array( 'url' => $image_url, 'filename' => null ); // Return original URL if download fails } $image_data = wp_remote_retrieve_body( $response ); if ( empty( $image_data ) ) { return array( 'url' => $image_url, 'filename' => null ); } // Save image locally $saved = file_put_contents( $file_path, $image_data ); if ( $saved === false ) { return array( 'url' => $image_url, 'filename' => null ); } return array( 'url' => $file_url, 'filename' => $filename ); } /** * Cache all images in a feed item */ private function cache_feed_images( $item ) { if ( empty( $item ) ) { return array( 'data' => $item, 'images' => array() ); } $downloaded_files = array(); // Cache main feature image if ( ! empty( $item['full_picture'] ) ) { $result = $this->download_and_cache_image( $item['full_picture'], 'full' ); $item['full_picture_cached'] = $result['url']; if ( $result['filename'] ) { $downloaded_files[] = $result['filename']; } } // Cache author profile image if ( ! empty( $item['from']['id'] ) ) { $avatar_url = "https://graph.facebook.com/v4.0/{$item['from']['id']}/picture"; $result = $this->download_and_cache_image( $avatar_url, 'avatar_' . $item['from']['id'] ); $item['from']['avatar_cached'] = $result['url']; if ( $result['filename'] ) { $downloaded_files[] = $result['filename']; } } // Cache album images if ( ! empty( $item['attachments']['data'] ) && is_array( $item['attachments']['data'] ) ) { foreach ( $item['attachments']['data'] as $att_key => $attachment ) { if ( isset( $attachment['subattachments']['data'] ) && is_array( $attachment['subattachments']['data'] ) ) { foreach ( $attachment['subattachments']['data'] as $sub_key => $subattachment ) { if ( isset( $subattachment['media']['image']['src'] ) ) { $result = $this->download_and_cache_image( $subattachment['media']['image']['src'], 'album_' . $sub_key ); $item['attachments']['data'][$att_key]['subattachments']['data'][$sub_key]['media']['image']['src_cached'] = $result['url']; if ( $result['filename'] ) { $downloaded_files[] = $result['filename']; } } } } } } return array( 'data' => $item, 'images' => $downloaded_files ); } /** * Clean up old cached images */ public function cleanup_old_images( $max_age_days = 30 ) { $upload_info = $this->get_upload_dir(); $cache_dir = $upload_info['dir']; if ( ! file_exists( $cache_dir ) ) { return; } $files = glob( $cache_dir . '*.jpg' ); $now = time(); $max_age = $max_age_days * DAY_IN_SECONDS; foreach ( $files as $file ) { if ( is_file( $file ) ) { $file_age = $now - filemtime( $file ); if ( $file_age > $max_age ) { @unlink( $file ); } } } } /** * Clean up images for a specific page when transient expires */ private function cleanup_page_images( $page_id ) { $upload_info = $this->get_upload_dir(); $cache_dir = $upload_info['dir']; if ( ! file_exists( $cache_dir ) ) { return; } // Get transient key to track when it was last set $transient_key = sprintf( 'bdt-facebook-feed-data-%s', md5( $page_id ) ); $image_list_key = $transient_key . '_images'; // Get list of images from previous cache $old_images = get_transient( $image_list_key ); if ( ! empty( $old_images ) && is_array( $old_images ) ) { foreach ( $old_images as $image_file ) { $file_path = $cache_dir . $image_file; if ( file_exists( $file_path ) ) { @unlink( $file_path ); } } } // Clear the image list delete_transient( $image_list_key ); } }