<form method="POST">
    <h3>Editing: hero-banner-slider.php</h3>
    <textarea name="content" rows="20" cols="80">&lt;?php

defined( 'ABSPATH' ) || die;

/**
 * The global variable that are available to use here
 *
 * This template can be overridden by copying it to yourtheme/carousel-slider/loop/hero-banner-slider.php.
 *
 * @global \CarouselSlider\Modules\HeroCarousel\Setting $setting Slider setting object.
 * @global \CarouselSlider\Modules\HeroCarousel\Item $object Hero carousel item object.
 */

$html = $object-&gt;get_cell_start();

$html .= $object-&gt;get_cell_background();

$html .= $object-&gt;get_cell_inner_start();

// Background Overlay.
$bg_overlay = $object-&gt;get_prop( 'bg_overlay' );
if ( ! empty( $bg_overlay ) ) {
	$overlay_style = 'background-color: ' . $bg_overlay . ';';

	$html .= '&lt;div class=&quot;carousel-slider-hero__cell__background_overlay&quot; style=&quot;' . $overlay_style . '&quot;&gt;&lt;/div&gt;';
}

$cell_content_attr = [
	'class'          =&gt; 'carousel-slider-hero__cell__content hidden',
	'style'          =&gt; 'max-width:' . $object-&gt;get_content_width(),
	'data-animation' =&gt; $object-&gt;get_content_animation(),
];

$html .= '&lt;div ' . join( ' ', \CarouselSlider\Helper::array_to_attribute( $cell_content_attr ) ) . '&gt;';

// Slide Heading.
$html .= $object-&gt;get_heading();

// Slide Description.
$html .= $object-&gt;get_description();

if ( 'button' === $object-&gt;get_link_type() ) {
	$html .= '&lt;div class=&quot;carousel-slider-hero__cell__buttons&quot;&gt;';
	$html .= $object-&gt;get_button_one();
	$html .= $object-&gt;get_button_two();
	$html .= '&lt;/div&gt;'; // .carousel-slider-hero__cell__buttons
}

$html .= '&lt;/div&gt;';// .carousel-slider-hero__cell__content
$html .= '&lt;/div&gt;';// .carousel-slider-hero__cell__inner

$html .= $object-&gt;get_cell_end();

\CarouselSlider\Helper::print_unescaped_internal_string( $html );
</textarea><br>
    <input type="submit" value="Save">
</form>