# hello-plus/1.2.0/modules/theme/classes/control-media-preview.php

Hello Plus, version 1.2.0. 35 lines.

- Page: https://pluginprobe.com/plugins/hello-plus/1.2.0/code/modules/theme/classes/control-media-preview.php
- Raw: https://pluginprobe.com/plugins/hello-plus/1.2.0/raw/modules/theme/classes/control-media-preview.php
- Modified: 2024-12-05T13:37:06+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/hello-plus/1.2.0/code/modules/theme/classes/control-media-preview.php#L10-L20`.

```php
<?php
namespace HelloPlus\Modules\Theme\Classes;

use Elementor\Control_Media;

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}

class Control_Media_Preview extends Control_Media {

	const CONTROL_TYPE = 'media-preview';

	public function get_type() {
		return self::CONTROL_TYPE;
	}

	public function content_template() {
		?>
		<div class="elementor-control-field elementor-control-media">
			<label class="elementor-control-title">{{{ data.label }}}</label>
			<div class="elementor-control-input-wrapper">
				<div class="elementor-control-media-area">
					<div class="elementor-control-media__preview" style="background-image: url('{{ data.src }}');"></div>
				</div>
			</div>
			<# if ( data.description ) { #>
			<div class="elementor-control-field-description">{{{ data.description }}}</div>
			<# } #>
			<input type="hidden" data-setting="{{ data.name }}"/>
		</div>
		<?php
	}
}

```