| 1 |
<?php |
| 2 |
/** |
| 3 |
* Carousel view |
| 4 |
* |
| 5 |
* @package Smart_Post_Show |
| 6 |
* @subpackage Smart_Post_Show/public/template |
| 7 |
*/ |
| 8 |
|
| 9 |
if ( ! defined( 'ABSPATH' ) ) { |
| 10 |
exit; |
| 11 |
} |
| 12 |
$carousel_autoplay = ( isset( $view_options['pcp_autoplay'] ) && ( $view_options['pcp_autoplay'] ) ) ? 'true' : 'false'; |
| 13 |
$autoplay_speed = isset( $view_options['pcp_autoplay_speed'] ) ? $view_options['pcp_autoplay_speed'] : ''; |
| 14 |
$carousel_speed = isset( $view_options['pcp_carousel_speed'] ) ? $view_options['pcp_carousel_speed'] : ''; |
| 15 |
$pause_hover = ( isset( $view_options['pcp_pause_hover'] ) && ( $view_options['pcp_pause_hover'] ) ) ? 'true' : 'false'; |
| 16 |
|
| 17 |
$infinite_loop = ( isset( $view_options['pcp_infinite_loop'] ) && ( $view_options['pcp_infinite_loop'] ) ) ? 'true' : 'false'; |
| 18 |
$carousel_auto_height = ( isset( $view_options['pcp_adaptive_height'] ) && ( $view_options['pcp_adaptive_height'] ) ) ? 'true' : 'false'; |
| 19 |
$number_of_columns = isset( $view_options['pcp_number_of_columns'] ) ? $view_options['pcp_number_of_columns'] : ''; |
| 20 |
$lazy_load = ( isset( $view_options['pcp_lazy_load'] ) && ( $view_options['pcp_lazy_load'] ) ) ? 'true' : 'false'; |
| 21 |
// Direction. |
| 22 |
$carousel_direction = ( isset( $view_options['pcp_carousel_direction'] ) ) ? $view_options['pcp_carousel_direction'] : ''; |
| 23 |
$is_carousel_accessibility = ( isset( $pcp_settings['accessibility'] ) && ( $pcp_settings['accessibility'] ) ) ? 'true' : 'false'; |
| 24 |
$accessibility_prev_slide_text = isset( $pcp_settings['prev_slide_message'] ) ? $pcp_settings['prev_slide_message'] : ''; |
| 25 |
$accessibility_next_slide_text = isset( $pcp_settings['next_slide_message'] ) ? $pcp_settings['next_slide_message'] : ''; |
| 26 |
$accessibility_first_slide_text = isset( $pcp_settings['first_slide_message'] ) ? $pcp_settings['first_slide_message'] : ''; |
| 27 |
$accessibility_last_slide_text = isset( $pcp_settings['last_slide_message'] ) ? $pcp_settings['last_slide_message'] : ''; |
| 28 |
$accessibility_pagination_bullet_text = isset( $pcp_settings['pagination_bullet_message'] ) ? $pcp_settings['pagination_bullet_message'] : ''; |
| 29 |
if ( $pcp_settings['pcp_swiper_js'] ) { |
| 30 |
wp_enqueue_script( 'pcp_swiper' ); |
| 31 |
} |
| 32 |
// Navigation. |
| 33 |
$_navigation = isset( $view_options['pcp_navigation'] ) ? $view_options['pcp_navigation'] : ''; |
| 34 |
switch ( $_navigation ) { |
| 35 |
case 'show': |
| 36 |
$navigation = 'true'; |
| 37 |
$navigation_mobile = 'true'; |
| 38 |
break; |
| 39 |
case 'hide': |
| 40 |
$navigation = 'false'; |
| 41 |
$navigation_mobile = 'false'; |
| 42 |
break; |
| 43 |
case 'hide_on_mobile': |
| 44 |
$navigation = 'true'; |
| 45 |
$navigation_mobile = 'false'; |
| 46 |
break; |
| 47 |
} |
| 48 |
|
| 49 |
// Pagination Settings. |
| 50 |
$_pagination = isset( $view_options['pcp_pagination'] ) ? $view_options['pcp_pagination'] : ''; |
| 51 |
switch ( $_pagination ) { |
| 52 |
case 'show': |
| 53 |
$pagination = 'true'; |
| 54 |
$pagination_mobile = 'true'; |
| 55 |
break; |
| 56 |
case 'hide': |
| 57 |
$pagination = 'false'; |
| 58 |
$pagination_mobile = 'false'; |
| 59 |
break; |
| 60 |
case 'hide_on_mobile': |
| 61 |
$pagination = 'true'; |
| 62 |
$pagination_mobile = 'false'; |
| 63 |
break; |
| 64 |
} |
| 65 |
$pcp_accessibility = ( isset( $view_options['pcp_accessibility'] ) && ( $view_options['pcp_accessibility'] ) ) ? 'true' : 'false'; |
| 66 |
$touch_swipe = ( isset( $view_options['touch_swipe'] ) && ( $view_options['touch_swipe'] ) ) ? 'true' : 'false'; |
| 67 |
$slider_draggable = ( isset( $view_options['slider_draggable'] ) && ( $view_options['slider_draggable'] ) ) ? 'true' : 'false'; |
| 68 |
$slider_mouse_wheel = ( isset( $view_options['slider_mouse_wheel'] ) && ( $view_options['slider_mouse_wheel'] ) ) ? 'true' : 'false'; |
| 69 |
|
| 70 |
|
| 71 |
?> |
| 72 |
<!-- Markup Starts --> |
| 73 |
<div id="pcp_wrapper-<?php echo esc_html( $pcp_gl_id ); ?>" class="<?php self::pcp_wrapper_classes( $layout_preset, $pcp_gl_id ); ?> standard" data-sid="<?php echo esc_html( $pcp_gl_id ); ?>"> |
| 74 |
<?php if ( $show_preloader ) { ?> |
| 75 |
<div id="pcp-preloader" class="pcp-preloader"></div> |
| 76 |
<?php |
| 77 |
} |
| 78 |
if ( $view_options['section_title'] ) { |
| 79 |
do_action( 'pcp_before_section_title' ); |
| 80 |
SP_PC_HTML::pcp_section_title( $section_title ); |
| 81 |
do_action( 'pcp_after_section_title' ); |
| 82 |
} |
| 83 |
?> |
| 84 |
<div id="sp-pcp-id-<?php echo esc_html( $pcp_gl_id ); ?>" class="swiper-container sp-pcp-carousel top_right" dir="<?php echo esc_html( $carousel_direction ); ?>" data-carousel='{ "speed":<?php echo esc_html( $carousel_speed ); ?>, "items":<?php echo esc_html( $number_of_columns['lg_desktop'] ); ?>, "spaceBetween":<?php echo esc_html( $margin_between_post ); ?>, "navigation":<?php echo esc_html( $navigation ); ?>, "pagination": <?php echo esc_html( $pagination ); ?>, "autoplay": <?php echo esc_html( $carousel_autoplay ); ?>, "autoplay_speed": <?php echo esc_html( $autoplay_speed ); ?>, "loop": <?php echo esc_html( $infinite_loop ); ?>, "autoHeight": <?php echo esc_html( $carousel_auto_height ); ?>, "lazy": <?php echo esc_html( $lazy_load ); ?>, "simulateTouch": <?php echo esc_html( $slider_draggable ); ?>, "slider_mouse_wheel": <?php echo esc_html( $slider_mouse_wheel ); ?>,"allowTouchMove": <?php echo esc_html( $touch_swipe ); ?>, "slidesPerView": {"lg_desktop": <?php echo esc_html( $number_of_columns['lg_desktop'] ); ?>, "desktop": <?php echo esc_html( $number_of_columns['desktop'] ); ?>, "tablet": <?php echo esc_html( $number_of_columns['tablet'] ); ?>, "mobile_landscape": <?php echo esc_html( $number_of_columns['mobile_landscape'] ); ?>, "mobile": <?php echo esc_html( $number_of_columns['mobile'] ); ?>}, "navigation_mobile": <?php echo esc_html( $navigation_mobile ); ?>, "pagination_mobile": <?php echo esc_html( $pagination_mobile ); ?>, "stop_onHover": <?php echo esc_html( $pause_hover ); ?>, "enabled": <?php echo esc_html( $is_carousel_accessibility ); ?>, "prevSlideMessage": "<?php echo esc_html( $accessibility_prev_slide_text ); ?>", "nextSlideMessage": "<?php echo esc_html( $accessibility_next_slide_text ); ?>", "firstSlideMessage": "<?php echo esc_html( $accessibility_first_slide_text ); ?>", "lastSlideMessage": "<?php echo esc_html( $accessibility_last_slide_text ); ?>", "paginationBulletMessage": "<?php echo esc_html( $accessibility_pagination_bullet_text ); ?>" }'> |
| 85 |
<div class="swiper-wrapper"> |
| 86 |
<?php self::pcp_get_posts( $view_options, $layout_preset, $post_content_sorter, $pcp_query, $pcp_gl_id ); ?> |
| 87 |
</div> |
| 88 |
<?php |
| 89 |
if ( 'true' === $pagination ) { |
| 90 |
?> |
| 91 |
<div class="pcp-pagination swiper-pagination dots"></div> |
| 92 |
<?php } ?> |
| 93 |
<?php if ( 'true' === $navigation ) { ?> |
| 94 |
<div class="pcp-button-next swiper-button-next top_right"><i class="fa fa-angle-right"></i></div> |
| 95 |
<div class="pcp-button-prev swiper-button-prev top_right"><i class="fa fa-angle-left"></i></div><?php } ?> |
| 96 |
</div> |
| 97 |
</div> |
| 98 |
|