| 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; // Exit if accessed directly. |
| 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 ( 'slider_layout' === $layout_preset ) { |
| 30 |
$number_of_columns = array( |
| 31 |
'lg_desktop' => '1', |
| 32 |
'desktop' => '1', |
| 33 |
'tablet' => '1', |
| 34 |
'mobile_landscape' => '1', |
| 35 |
'mobile' => '1', |
| 36 |
); |
| 37 |
} |
| 38 |
if ( $pcp_settings['pcp_swiper_js'] ) { |
| 39 |
wp_enqueue_script( 'pcp_swiper' ); |
| 40 |
} |
| 41 |
// Navigation. |
| 42 |
$_navigation_data = isset( $view_options['pcp_navigation_data'] ) ? $view_options['pcp_navigation_data'] : array(); |
| 43 |
$_navigation = isset( $_navigation_data['pcp_navigation'] ) ? $_navigation_data['pcp_navigation'] : true; |
| 44 |
$_navigation_on_mobile = isset( $_navigation_data['nev_hide_on_mobile'] ) ? $_navigation_data['nev_hide_on_mobile'] : false; |
| 45 |
if ( $_navigation ) { |
| 46 |
$navigation = 'true'; |
| 47 |
$navigation_mobile = 'true'; |
| 48 |
} elseif ( $_navigation && $_navigation_on_mobile ) { |
| 49 |
$navigation = 'true'; |
| 50 |
$navigation_mobile = 'false'; |
| 51 |
} else { |
| 52 |
$navigation = 'false'; |
| 53 |
$navigation_mobile = 'false'; |
| 54 |
} |
| 55 |
|
| 56 |
// Pagination Settings. |
| 57 |
$_pagination_data = isset( $view_options['carousel_pagination_group'] ) ? $view_options['carousel_pagination_group'] : array(); |
| 58 |
$_pagination = isset( $_pagination_data['pcp_pagination'] ) ? $_pagination_data['pcp_pagination'] : true; |
| 59 |
$_pagination_on_mobile = isset( $_pagination_data['pagination_hide_on_mobile'] ) ? $_pagination_data['pagination_hide_on_mobile'] : false; |
| 60 |
if ( $_pagination ) { |
| 61 |
$pagination = 'true'; |
| 62 |
$pagination_mobile = 'true'; |
| 63 |
} elseif ( $_pagination && $_pagination_on_mobile ) { |
| 64 |
$pagination = 'true'; |
| 65 |
$pagination_mobile = 'false'; |
| 66 |
} else { |
| 67 |
$pagination = 'false'; |
| 68 |
$pagination_mobile = 'false'; |
| 69 |
} |
| 70 |
|
| 71 |
$pcp_accessibility = ( isset( $view_options['pcp_accessibility'] ) && ( $view_options['pcp_accessibility'] ) ) ? 'true' : 'false'; |
| 72 |
$touch_swipe = ( isset( $view_options['touch_swipe'] ) && ( $view_options['touch_swipe'] ) ) ? 'true' : 'false'; |
| 73 |
$slider_draggable = ( isset( $view_options['slider_draggable'] ) && ( $view_options['slider_draggable'] ) ) ? 'true' : 'false'; |
| 74 |
$free_mode = ( isset( $view_options['free_mode'] ) && $view_options['free_mode'] ) ? 'true' : 'false'; |
| 75 |
$slider_mouse_wheel = ( isset( $view_options['slider_mouse_wheel'] ) && ( $view_options['slider_mouse_wheel'] ) ) ? 'true' : 'false'; |
| 76 |
$carousel_nav_position = isset( $view_options['pcp_carousel_nav_position'] ) ? $view_options['pcp_carousel_nav_position'] : 'top_right'; |
| 77 |
$bullet_types = ( isset( $view_options['bullet_types'] ) ) ? $view_options['bullet_types'] : 'dots'; |
| 78 |
$dynamic_bullets = ( 'dynamic' === $bullet_types ) ? 'true' : 'false'; |
| 79 |
?> |
| 80 |
<!-- Markup Starts --> |
| 81 |
<div id="pcp_wrapper-<?php echo esc_html( $shortcode_id ); ?>" class="<?php self::pcp_wrapper_classes( $layout_preset, $shortcode_id ); ?> standard sp-<?php echo esc_attr( $layout_preset ); ?>" data-sid="<?php echo esc_html( $shortcode_id ); ?>"> |
| 82 |
<?php if ( $show_preloader ) { ?> |
| 83 |
<div id="pcp-preloader" class="pcp-preloader"></div> |
| 84 |
<?php |
| 85 |
} |
| 86 |
if ( $view_options['section_title'] ) { |
| 87 |
do_action( 'pcp_before_section_title' ); |
| 88 |
SP_PC_HTML::pcp_section_title( $section_title ); |
| 89 |
do_action( 'pcp_after_section_title' ); |
| 90 |
} |
| 91 |
?> |
| 92 |
<div id="sp-pcp-id-<?php echo esc_html( $shortcode_id ); ?>" class="swiper-container sp-pcp-carousel <?php echo esc_attr( $carousel_nav_position ); ?>" 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['left-right'] ); ?>, "dynamicBullets": <?php echo esc_html( $dynamic_bullets ); ?>, "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 ); ?>, "freeMode": <?php echo esc_html( $free_mode ); ?>, "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 ); ?>", "keyboard": "<?php echo esc_html( $pcp_accessibility ); ?>", "paginationBulletMessage": "<?php echo esc_html( $accessibility_pagination_bullet_text ); ?>" }'> |
| 93 |
<div class="swiper-wrapper"> |
| 94 |
<?php self::pcp_get_posts( $view_options, $layout_preset, $post_content_sorter, $pcp_query, $shortcode_id ); ?> |
| 95 |
</div> |
| 96 |
<?php |
| 97 |
if ( 'true' === $pagination ) { |
| 98 |
?> |
| 99 |
<div class="pcp-pagination swiper-pagination dots"></div> |
| 100 |
<?php } ?> |
| 101 |
<?php if ( 'true' === $navigation ) { ?> |
| 102 |
<div class="pcp-button-next swiper-button-next <?php echo esc_attr( $carousel_nav_position ); ?>"><i class="fa fa-angle-right"></i></div> |
| 103 |
<div class="pcp-button-prev swiper-button-prev <?php echo esc_attr( $carousel_nav_position ); ?>"><i class="fa fa-angle-left"></i></div><?php } ?> |
| 104 |
</div> |
| 105 |
</div> |
| 106 |
|
