ep_is_edit_mode() ? [ 'ep-styles' ] : [ 'ep-fancy-list' ]; } public function get_keywords() { return [ 'fancy', 'list', 'group', 'fl' ]; } public function get_custom_help_url() { return 'https://youtu.be/faIeyW7LOJ8'; } public function has_widget_inner_wrapper(): bool { return ! \Elementor\Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' ); } protected function is_dynamic_content(): bool { return false; } protected function register_controls() { $this->start_controls_section( 'section_layout', [ 'label' => esc_html__( 'Fancy List', 'bdthemes-element-pack' ), ] ); $this->add_control( 'layout_style', [ 'label' => esc_html__( 'Layout Style', 'bdthemes-element-pack' ) . BDTEP_NC, 'type' => Controls_Manager::SELECT, 'default' => 'style-1', 'options' => [ 'style-1' => '01', 'style-2' => '02', 'style-3' => '03', ], ] ); $repeater = new Repeater(); $repeater->add_control( 'text', [ 'label' => esc_html__( 'Title', 'bdthemes-element-pack' ), 'type' => Controls_Manager::TEXT, 'label_block' => true, 'placeholder' => esc_html__( 'List Item', 'bdthemes-element-pack' ), 'default' => esc_html__( 'List Item', 'bdthemes-element-pack' ), 'dynamic' => [ 'active' => true, ], ] ); $repeater->add_control( 'text_details', [ 'label' => esc_html__( 'Sub Title', 'bdthemes-element-pack' ), 'type' => Controls_Manager::TEXT, 'label_block' => true, 'placeholder' => esc_html__( 'Sub Title', 'bdthemes-element-pack' ), 'dynamic' => [ 'active' => true, ], ] ); $repeater->add_control( 'list_icon', [ 'label' => esc_html__( 'Icon', 'bdthemes-element-pack' ), 'type' => Controls_Manager::ICONS, 'label_block' => false, 'skin' => 'inline', ] ); $repeater->add_control( 'img', [ 'label' => esc_html__( 'Image', 'bdthemes-element-pack' ), 'type' => Controls_Manager::MEDIA, 'dynamic' => [ 'active' => true, ], ] ); $repeater->add_control( 'link', [ 'label' => esc_html__( 'Link', 'bdthemes-element-pack' ), 'type' => Controls_Manager::URL, 'dynamic' => [ 'active' => true, ], 'label_block' => true, 'placeholder' => esc_html__( 'https://your-link.com', 'bdthemes-element-pack' ), ] ); $this->add_control( 'icon_list', [ 'label' => '', 'type' => Controls_Manager::REPEATER, 'fields' => $repeater->get_controls(), 'default' => [ [ 'text' => esc_html__( 'List Item #1', 'bdthemes-element-pack' ), ], [ 'text' => esc_html__( 'List Item #2', 'bdthemes-element-pack' ), ], [ 'text' => esc_html__( 'List Item #3', 'bdthemes-element-pack' ), ], ], 'title_field' => '{{{ elementor.helpers.renderIcon( this, list_icon, {}, "i", "panel" ) || \'\' }}} {{{ text }}}', ] ); $this->register_fancy_list_controls(); } protected function render() { $settings = $this->get_settings_for_display(); $icon_list = isset( $settings['icon_list'] ) ? $settings['icon_list'] : []; $layout = isset( $settings['layout_style'] ) ? $settings['layout_style'] : 'style-1'; $title_tag = Utils::get_valid_html_tag( isset( $settings['title_tags'] ) ? $settings['title_tags'] : 'h4' ); $show_number = ! empty( $settings['show_number_icon'] ) && $settings['show_number_icon'] === 'yes'; $this->add_render_attribute( 'icon_list', 'class', 'bdt-fancy-list-icon' ); $this->add_render_attribute( 'list_item', 'class', 'elementor-icon-list-item' ); $this->add_render_attribute( 'list_title_tags', 'class', 'bdt-fancy-list-title' ); ?>
'; } ?> <# var layout = settings.layout_style || 'style-1'; var titleTag = settings.title_tags || 'h4'; var showNumber = settings.show_number_icon === 'yes'; var lineNum = 1; #>