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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
|
<?php
if ( ! defined( 'ABSPATH' ) ) {
die( '-1' );
}
$unique_id = 'penci_testimonial__' . rand( 1000, 100000000 );
$atts = vc_map_get_attributes( $this->getShortcode(), $atts );
$show_on_shortcode = Penci_Helper_Shortcode::show_on_shortcode( $atts );
if ( ! $show_on_shortcode ) {
return;
}
$testimonials = (array) vc_param_group_parse_atts( $atts['testiminails'] );
if( empty( $testimonials ) ) {
return;
}
$class = 'penci-testimonails penci-testimonails-col';
$class .= $atts['_design_style'] ? ' penci-testi-' . esc_attr( $atts['_design_style'] ) : '';
$class .= isset( $atts['css'] ) && $atts['css'] ? ' ' . vc_shortcode_custom_css_class( $atts['css'], '' ) : '';
$class .= $atts['class'] ? ' ' . $atts['class'] : '';
$class .= ' ' . $this->getCSSAnimation( $atts['css_animation'] );
$class = preg_replace( '/\s+/', ' ', apply_filters( 'vc_shortcodes_css_class', $class, 'penci_testimonail', $atts ) );
$class_col = 'penci-col-12';
if( 'columns-2' == $atts['columns'] ) {
$class_col = 'penci-col-6';
}elseif( 'columns-3' == $atts['columns'] ) {
$class_col = 'penci-col-4';
}elseif( 'columns-4' == $atts['columns'] ) {
$class_col = 'penci-col-3';
}
?>
<div id="<?php echo esc_attr( $unique_id ); ?>" class="<?php echo esc_attr( $class ); ?>">
<div class="penci-testimonial-inner penci-row">
<?php
foreach ( $testimonials as $testimonial ) {
$testimonial_name = isset( $testimonial['name'] ) ? $testimonial['name'] : '';
$testimonial_company = isset( $testimonial['company'] ) ? $testimonial['company'] : '';
$testimonial_desc = isset( $testimonial['desc'] ) ? $testimonial['desc'] : '';
$testimonial_link = isset( $testimonial['link'] ) ? $testimonial['link'] : '';
$testimonial_rating = isset( $testimonial['rating'] ) ? $testimonial['rating'] : '';
$url_img_item = PENCI_ADDONS_URL . 'assets/img/no-thumb.jpg';
if ( isset( $testimonial['image'] ) ) {
$url_img_item = wp_get_attachment_url( $testimonial['image'] );
}
if ( $testimonial_name || $testimonial_company || $testimonial_desc ) {
$testi_output = '<div class="penci-testimonail ' . $class_col . '">';
$class_lazy = $data_src = '';
if( function_exists( 'penci_check_lazyload_type' ) ) {
$class_lazy = penci_check_lazyload_type( 'class', null, false );
$data_src = penci_check_lazyload_type( 'src', $url_img_item, false );
}
if( 's2' == $atts['_design_style'] ){
$testi_output .= '<div class="penci-testi-avatar' . $class_lazy . '"' . $data_src . '></div>';
}
$testi_output .= '<div class="penci-testi-blockquote"><div class="penci-testi-bq-inner"><span class="penci-testi-bq-icon"></span><span>' . $testimonial_desc . '</span></div></div>';
if( 's3' == $atts['_design_style'] && $testimonial_rating ) {
$rating_item = '';
for ( $i = 1; $i <= $testimonial_rating; $i ++ ) {
$rating_item .= '<i class="fa fa-star"></i>';
}
if ( $rating_item ) {
$testi_output .= '<div class="penci-testi-rating">' . $rating_item . '</div>';
}
}
if( 's1' == $atts['_design_style'] || 's3' == $atts['_design_style'] ){
$testi_output .= '<div class="penci-testi-avatar ' . $class_lazy . '"' . $data_src . '></div>';
}
$testi_output .= $testimonial_link ? '<a class="penci-testi-name" href="' . $testimonial_link . '">' : '<div class="penci-testi-name">';
$testi_output .= $testimonial_name;
$testi_output .= $testimonial_link ? '</a>' : '</div>';
$testi_output .= '<div class="penci-testi-company">' . $testimonial_company . '</div>';
$testi_output .= '</div>';
echo $testi_output;
}
}
?>
</div>
<?php
$id_testimonial = '#' . $unique_id;
$css_custom = '';
$blockquote_css = '';
if( $atts['bq_max_width'] ) {
$blockquote_css .= 'max-width:' . $atts['bq_max_width'] . ';';
}
if( $atts['bq_padding_tb'] ) {
$blockquote_css .= 'padding-top:' . $atts['bq_padding_tb'] . '; padding-bottom:' . $atts['bq_padding_tb'] . ';';
}
if( $atts['bq_padding_lr'] ) {
$blockquote_css .= 'padding-left:' . $atts['bq_padding_lr'] . '; padding-right:' . $atts['bq_padding_lr'] . ';';
}
if( $atts['bq_mar_top'] ) {
$blockquote_css .= 'margin-top:' . intval( $atts['bq_mar_top'] ) . 'px;';
}
if( $atts['bq_mar_bottom'] && 's1' == $atts['_design_style'] ) {
$blockquote_css .= 'margin-bottom:' . ( intval( $atts['bq_mar_bottom'] ) + 14 ) . 'px;';
}
if( $atts['bq_mar_bottom'] && 's2' == $atts['_design_style'] ) {
$blockquote_css .= 'margin-bottom:' . intval( $atts['bq_mar_bottom'] ) . 'px;';
}
if( $blockquote_css ) {
$css_custom .= $id_testimonial . '.penci-testimonails .penci-testi-blockquote{ ' . $blockquote_css . ' }';
}
if( $atts['name_mar_bottom'] ) {
$css_custom .= $id_testimonial . ' .penci-testi-name{ margin-bottom:' . $atts['name_mar_bottom'] . ' }';
}
if( $atts['icon_bq_mar_b'] ) {
$css_custom .= $id_testimonial . ' .penci-testi-blockquote .penci-testi-bq-icon{ ' . $blockquote_css . ' }';
}
$avatar_css = '';
if( $atts['avatar_wh'] ) {
$avatar_css .= 'width:' . esc_attr( $atts['avatar_wh'] ) . '; height:' . esc_attr( $atts['avatar_wh'] ) . ';';
}
if( $atts['avatar_mar_top'] ) {
$avatar_css .= 'margin-top:' . esc_attr( $atts['avatar_mar_top'] ) . ';';
}
if( $atts['avatar_mar_bottom'] ) {
$avatar_css .= 'margin-bottom:' . esc_attr( $atts['avatar_mar_bottom'] ) . ';';
}
if( $avatar_css ) {
$css_custom .= $id_testimonial . ' .penci-testi-avatar{ ' . $avatar_css . ' }';
}
// Color
if( $atts['bq_bg_color'] ) {
if( 's1' == $atts['_design_style'] ){
$css_custom .= $id_testimonial . ' .owl-item.active.center .penci-testimonail .penci-testi-blockquote:after,';
$css_custom .= $id_testimonial . ' .owl-item.active.center .penci-testimonail .penci-testi-blockquote';
$css_custom .= $id_testimonial . ' { background-color: ' . $atts['bq_bg_color'] . '; }';
}else{
$css_custom .= $id_testimonial . ' .penci-testi-blockquote { background-color: ' . $atts['bq_bg_color'] . '; }';
}
}
if( $atts['bq_bo_top_color'] ) {
$css_custom .= $id_testimonial . ' .penci-testi-blockquote { border-color: ' . $atts['bq_bo_top_color'] . '; }';
}
if( $atts['bq_text_color'] ) {
$css_custom .= $id_testimonial . ' .penci-testi-blockquote { color: ' . $atts['bq_text_color'] . '; }';
}
if( $atts['bg_icon_color'] ) {
$css_custom .= $id_testimonial . ' .penci-testi-bq-icon { color: ' . $atts['bg_icon_color'] . '; }';
}
if( $atts['name_color'] ) {
$css_custom .= $id_testimonial . ' .penci-testi-name { color: ' . $atts['name_color'] . '; }';
}
if( $atts['company_color'] ) {
$css_custom .= $id_testimonial . ' .penci-testi-company { color: ' . $atts['company_color'] . '; }';
}
if( $atts['rating_color'] ) {
$css_custom .= $id_testimonial . ' .penci-testi-rating { color: ' . $atts['rating_color'] . '; }';
}
$css_custom .= Penci_Helper_Shortcode::get_typo_css_custom( array(
'e_admin' => 'blockquote',
'font-size' => '',
'google_fonts' => Penci_Helper_Shortcode::get_font_family( 'roboto' ),
'template' => $id_testimonial . ' .penci-testi-blockquote{ %s }',
), $atts
);
$css_custom .= Penci_Helper_Shortcode::get_typo_css_custom( array(
'e_admin' => 'name',
'font-size' => '',
'google_fonts' => Penci_Helper_Shortcode::get_font_family( 'roboto' ),
'template' => $id_testimonial . ' .penci-testi-name{ %s }',
), $atts
);
$css_custom .= Penci_Helper_Shortcode::get_typo_css_custom( array(
'e_admin' => 'company',
'font-size' => '',
'google_fonts' => Penci_Helper_Shortcode::get_font_family( 'roboto' ),
'template' => $id_testimonial . ' .penci-testi-company{ %s }',
), $atts
);
if ( $css_custom ) {
echo '<style>';
echo $css_custom;
echo '</style>';
}
?>
</div>
|