77 lines
2.7 KiB
PHP
77 lines
2.7 KiB
PHP
<?php
|
|
|
|
use Elementor\Utils;
|
|
|
|
extract( shortcode_atts( [
|
|
'image' => '',
|
|
'image_size' => '',
|
|
'hosted_url' => '',
|
|
'title' => '',
|
|
'text' => '',
|
|
'title_typography_html_tag' => 'h5',
|
|
'link' => '',
|
|
'link_target' => '',
|
|
'link_rel' => '',
|
|
'animation_effect' => 'none',
|
|
'text_animation_effect' => 'none',
|
|
'background_type' => 'image'
|
|
], $settings ) );
|
|
|
|
$class = 'stratum-banner';
|
|
|
|
$title_typography_html_tag = stratum_validate_heading_html_tag( $title_typography_html_tag );
|
|
|
|
$id = $image[ 'id' ];
|
|
$link = !empty( $link ) ? $link : "#";
|
|
$url = wp_get_attachment_image_url( $image[ 'id' ], $image_size );
|
|
$srcset = wp_get_attachment_image_srcset($image[ 'id' ], $image_size);
|
|
|
|
?>
|
|
<figure class="<?php echo esc_attr( $class . ' stratum-effect-' . $animation_effect . ' has-text-animation-' . $text_animation_effect ); ?> ">
|
|
<a href="<?php echo esc_url( $link ); ?>" class="<?php echo esc_attr( $class.'__link' ); ?>"
|
|
<?php
|
|
if ( ! empty( $link_target ) ) {
|
|
?>
|
|
target="<?php echo esc_attr( $link_target ); ?>"
|
|
<?php
|
|
}
|
|
if ( ! empty( $link_rel ) ) {
|
|
?>
|
|
rel="<?php echo esc_attr( $link_rel ); ?>"
|
|
<?php
|
|
}
|
|
?>
|
|
>
|
|
<?php
|
|
if ( $link ) {
|
|
?>
|
|
<div class="<?php echo esc_attr( $class.'__wrapper' ); ?>">
|
|
<?php
|
|
if ( $background_type == 'video' ) {
|
|
?>
|
|
<video class="<?php echo esc_attr( $class.'__video' ); ?>" autoplay muted loop>
|
|
<source src="<?php echo esc_url( $hosted_url[ 'url' ] ); ?>" type='video/mp4'>
|
|
</video>
|
|
<?php
|
|
} else {
|
|
?>
|
|
<img src="<?php if ( empty( $id ) ) { echo esc_url(Utils::get_placeholder_image_src()); } else { esc_url( $url ); } ?>" class="<?php echo esc_attr( $class . '__image' . ' wp-image-' . $id ); ?>" srcset="<?php echo esc_attr( $srcset ); ?>"/>
|
|
<?php
|
|
}
|
|
?>
|
|
<div class="<?php echo esc_attr( $class.'__overlay' ); ?>"></div>
|
|
<figcaption class="<?php echo esc_attr( $class.'__content' ); ?>">
|
|
<div class="<?php echo esc_attr( $class.'__content-wrapper' ); ?>">
|
|
<div class="<?php echo esc_attr( $class.'__content-container' ); ?>">
|
|
<<?php echo esc_html($title_typography_html_tag); ?> class="<?php echo esc_attr( $class.'__title' ); ?>"><?php echo esc_html( $title ); ?></<?php echo esc_html($title_typography_html_tag); ?>>
|
|
<div class="<?php echo esc_attr( $class.'__text' ); ?>"><?php echo esc_html( $text ); ?></div>
|
|
</div>
|
|
</div>
|
|
</figcaption>
|
|
</div>
|
|
<?php
|
|
}
|
|
?>
|
|
</a>
|
|
</figure>
|