start_controls_section( 'content_section', [ 'label' => __( 'Reference Number', 'propertyhive' ), 'tab' => \Elementor\Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'before', [ 'label' => __( 'Before', 'propertyhive' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => __( 'Ref', 'propertyhive' ), ] ); $this->add_control( 'after', [ 'label' => __( 'After', 'propertyhive' ), 'type' => \Elementor\Controls_Manager::TEXT, ] ); $this->end_controls_section(); $this->start_controls_section( 'style_section', [ 'label' => __( 'Reference Number', 'propertyhive' ), 'tab' => \Elementor\Controls_Manager::TAB_STYLE, ] ); $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [ 'name' => 'typography', 'label' => __( 'Typography', 'propertyhive' ), 'global' => [ 'default' => \Elementor\Core\Kits\Documents\Tabs\Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .elementor-widget-reference-number', ] ); $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}} .elementor-widget-reference-number' => 'color: {{VALUE}}', ], ] ); $this->end_controls_section(); } protected function render() { global $property; $settings = $this->get_settings_for_display(); if ( !isset($property->id) ) { return; } if ( $property->reference_number != '' ) { echo '

'; if ( isset($settings['before']) && !empty($settings['before']) ) { echo $settings['before'] . ' '; } echo esc_html($property->reference_number); if ( isset($settings['after']) && !empty($settings['after']) ) { echo ' ' . $settings['after']; } echo '

'; } } }