start_controls_section( 'style_section', [ 'label' => __( 'Back To Search', 'propertyhive' ), 'tab' => \Elementor\Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'note', [ 'label' => __( 'Note', 'propertyhive' ), 'type' => \Elementor\Controls_Manager::RAW_HTML, 'raw' => __( 'This requires step 1 and 2 from this documentation to be added to your theme for this to work correctly. If not done then the Back To Search link will just always link back to the results page but won\'t retain any search criteria set.', 'propertyhive' ), ] ); $this->add_control( 'icon', [ 'label' => __( 'Icon', 'propertyhive' ), 'type' => \Elementor\Controls_Manager::ICONS, 'default' => [ 'value' => 'fas fa-arrow-left', 'library' => 'solid', ], ] ); $this->add_control( 'label', [ 'label' => __( 'Label', 'propertyhive' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => __( 'Back To Search', 'propertyhive' ), ] ); $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [ 'name' => 'back_to_search_typography', 'label' => __( 'Typography', 'propertyhive' ), 'global' => [ 'default' => \Elementor\Core\Kits\Documents\Tabs\Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .back-to-search', ] ); $this->add_control( 'color', [ 'label' => __( 'Colour', 'propertyhive' ), 'type' => \Elementor\Controls_Manager::COLOR, 'global' => [ 'default' => \Elementor\Core\Kits\Documents\Tabs\Global_Colors::COLOR_PRIMARY, ], 'selectors' => [ '{{WRAPPER}} .back-to-search' => 'color: {{VALUE}}', ], ] ); $this->add_control( 'icon_color', [ 'label' => __( 'Icon Colour', 'propertyhive' ), 'type' => \Elementor\Controls_Manager::COLOR, 'global' => [ 'default' => \Elementor\Core\Kits\Documents\Tabs\Global_Colors::COLOR_PRIMARY, ], 'selectors' => [ '{{WRAPPER}} .back-to-search i' => 'color: {{VALUE}}', ], ] ); $this->add_control( 'text_align', [ 'label' => __( 'Alignment', 'propertyhive' ), 'type' => \Elementor\Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => __( 'Left', 'propertyhive' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => __( 'Center', 'propertyhive' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => __( 'Right', 'propertyhive' ), 'icon' => 'eicon-text-align-right', ], ], 'default' => 'left', 'toggle' => true, 'selectors' => [ '{{WRAPPER}} .back-to-search' => 'text-align: {{VALUE}}', ], ] ); $this->end_controls_section(); } protected function render() { global $property; $settings = $this->get_settings_for_display(); if ( !isset($property->id) ) { return; } echo ''; } }