1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
<?php
if ( ! defined( 'ABSPATH' ) ) {
die( '-1' );
}
/**
* @var \WPBakeryShortCode_Vc_Hoverbox $this
* @var array $atts
* @var string $content
*/
$atts = vc_map_get_attributes( $this->getShortcode(), $atts );
if ( ! empty( $atts['image'] ) ) {
$image = intval( $atts['image'] );
$image_data = wp_get_attachment_image_src( $image, 'large' );
$image_src = $image_data[0];
} else {
$image_src = vc_asset_url( 'vc/no_image.png' );
}
$image_src = esc_url( $image_src );
$align = 'vc-hoverbox-align--' . esc_attr( $atts['align'] );
$shape = 'vc-hoverbox-shape--' . esc_attr( $atts['shape'] );
$width = 'vc-hoverbox-width--' . esc_attr( $atts['el_width'] );
$reverse = 'vc-hoverbox-direction--default';
if ( ! empty( $atts['reverse'] ) ) {
$reverse = 'vc-hoverbox-direction--reverse';
}
$id = '';
if ( ! empty( $atts['el_id'] ) ) {
$id = 'id="' . esc_attr( $atts['el_id'] ) . '"';
}
$class_to_filter = vc_shortcode_custom_css_class( $atts['css'], ' ' ) . $this->getExtraClass( $atts['el_class'] ) . $this->getCSSAnimation( $atts['css_animation'] );
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $class_to_filter, $this->settings['base'], $atts );
// Hover Background color
if ( 'custom' !== $atts['hover_background_color'] ) {
$hover_background_color = vc_convert_vc_color( $atts['hover_background_color'] );
} else {
$hover_background_color = esc_attr( $atts['hover_custom_background'] );
}
$primary_title = $this->getHeading( 'primary_title', $atts, $atts['primary_align'] );
$hover_title = $this->getHeading( 'hover_title', $atts, $atts['hover_align'] );
$content = wpb_js_remove_wpautop( $content, true );
$button = '';
if ( $atts['hover_add_button'] ) {
$button = $this->renderButton( $atts );
}
$template = <<<HTML
<div class="vc-hoverbox-wrapper $css_class $shape $align $reverse $width" $id ontouchstart="">
<div class="vc-hoverbox">
<div class="vc-hoverbox-inner">
<div class="vc-hoverbox-block vc-hoverbox-front" style="background-image: url($image_src);">
<div class="vc-hoverbox-block-inner vc-hoverbox-front-inner">
$primary_title
</div>
</div>
<div class="vc-hoverbox-block vc-hoverbox-back" style="background-color: $hover_background_color;">
<div class="vc-hoverbox-block-inner vc-hoverbox-back-inner">
$hover_title
$content
$button
</div>
</div>
</div>
</div>
</div>
HTML;
return $template;
|