141 lines
5.5 KiB
PHP
141 lines
5.5 KiB
PHP
<?php
|
|
/**
|
|
* Related-posts template.
|
|
*
|
|
* @author ThemeFusion
|
|
* @copyright (c) Copyright by ThemeFusion
|
|
* @link https://avada.com
|
|
* @package Avada
|
|
* @subpackage Core
|
|
*/
|
|
|
|
// Do not allow directly accessing this file.
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit( 'Direct script access denied.' );
|
|
}
|
|
?>
|
|
<section class="related-posts single-related-posts">
|
|
<?php
|
|
$title_size = ( false === avada_is_page_title_bar_enabled( get_the_ID() ) ? '2' : '3' );
|
|
Avada()->template->title_template( $main_heading, $title_size );
|
|
?>
|
|
|
|
<?php
|
|
/**
|
|
* Get the correct image size.
|
|
*/
|
|
$featured_image_size = ( 'cropped' === Avada()->settings->get( 'related_posts_image_size' ) ) ? 'fixed' : 'full';
|
|
$data_image_size = ( 'cropped' === Avada()->settings->get( 'related_posts_image_size' ) ) ? 'fixed' : 'auto';
|
|
?>
|
|
|
|
<?php
|
|
/**
|
|
* Set the meta content variable.
|
|
*/
|
|
$data_meta_content = ( 'title_on_rollover' === Avada()->settings->get( 'related_posts_layout' ) ) ? 'no' : 'yes';
|
|
|
|
$additional_carousel_class = '';
|
|
if ( 'title_below_image' === Avada()->settings->get( 'related_posts_layout' ) ) {
|
|
$additional_carousel_class = ' fusion-carousel-title-below-image';
|
|
}
|
|
?>
|
|
|
|
<?php
|
|
/**
|
|
* Set the autoplay variable.
|
|
*/
|
|
$data_autoplay = ( Avada()->settings->get( 'related_posts_autoplay' ) ) ? 'yes' : 'no';
|
|
?>
|
|
|
|
<?php
|
|
/**
|
|
* Set the touch scroll variable.
|
|
*/
|
|
$data_swipe = ( Avada()->settings->get( 'related_posts_swipe' ) ) ? 'yes' : 'no';
|
|
?>
|
|
<?php
|
|
$carousel_item_css = '';
|
|
$columns = (int) Avada()->settings->get( 'related_posts_columns' );
|
|
$column_spacing = (int) Avada()->settings->get( 'related_posts_column_spacing' );
|
|
|
|
if ( count( $related_posts->posts ) < $columns ) {
|
|
$carousel_item_css = ( Avada()->layout->get_content_width() - $column_spacing * ( $columns - 1 ) ) / $columns;
|
|
$carousel_item_css = ' style="max-width: ' . esc_attr( $carousel_item_css ) . 'px;"';
|
|
}
|
|
?>
|
|
<?php $related_posts_swipe_items = Avada()->settings->get( 'related_posts_swipe_items' ); ?>
|
|
<?php $related_posts_swipe_items = ( 0 == $related_posts_swipe_items ) ? '' : $related_posts_swipe_items; // phpcs:ignore WordPress.PHP.StrictComparisons.LooseComparison ?>
|
|
<div class="awb-carousel awb-swiper awb-swiper-carousel<?php echo esc_attr( $additional_carousel_class ); ?>" data-imagesize="<?php echo esc_attr( $data_image_size ); ?>" data-metacontent="<?php echo esc_attr( $data_meta_content ); ?>" data-autoplay="<?php echo esc_attr( $data_autoplay ); ?>" data-touchscroll="<?php echo esc_attr( $data_swipe ); ?>" data-columns="<?php echo esc_attr( $columns ); ?>" data-itemmargin="<?php echo esc_attr( $column_spacing . 'px' ); ?>" data-itemwidth="180" data-scrollitems="<?php echo esc_attr( $related_posts_swipe_items ); ?>">
|
|
<div class="swiper-wrapper">
|
|
<?php
|
|
/**
|
|
* Loop through related posts.
|
|
*/
|
|
?>
|
|
<?php while ( $related_posts->have_posts() ) : ?>
|
|
<?php $related_posts->the_post(); ?>
|
|
<?php $post_id = get_the_ID(); // phpcs:ignore WordPress.WP.GlobalVariablesOverride ?>
|
|
<div class="swiper-slide"<?php echo $carousel_item_css; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>>
|
|
<div class="fusion-carousel-item-wrapper">
|
|
<?php
|
|
if ( 'title_on_rollover' === Avada()->settings->get( 'related_posts_layout' ) ) {
|
|
$display_post_title = 'default';
|
|
} else {
|
|
$display_post_title = 'disable';
|
|
}
|
|
if ( 'auto' === $data_image_size ) {
|
|
Avada()->images->set_grid_image_meta(
|
|
[
|
|
'layout' => 'related-posts',
|
|
'columns' => $columns,
|
|
]
|
|
);
|
|
}
|
|
echo fusion_render_first_featured_image_markup( $post_id, $featured_image_size, get_permalink( $post_id ), true, false, false, 'disable', $display_post_title, 'related' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
|
Avada()->images->set_grid_image_meta( [] );
|
|
?>
|
|
<?php if ( 'title_below_image' === Avada()->settings->get( 'related_posts_layout' ) ) : // Title on rollover layout. ?>
|
|
<?php
|
|
/**
|
|
* Get the post title.
|
|
*/
|
|
?>
|
|
<h4 class="fusion-carousel-title">
|
|
<a class="fusion-related-posts-title-link" href="<?php echo esc_url_raw( get_permalink( get_the_ID() ) ); ?>" target="_self" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
|
|
</h4>
|
|
|
|
<div class="fusion-carousel-meta">
|
|
<?php
|
|
$date_format = Avada()->settings->get( 'date_format' );
|
|
$date_format = $date_format ? $date_format : get_option( 'date_format' );
|
|
?>
|
|
|
|
<span class="fusion-date"><?php echo esc_attr( get_the_time( $date_format, $post_id ) ); ?></span>
|
|
|
|
<?php if ( comments_open( $post_id ) ) : ?>
|
|
<span class="fusion-inline-sep">|</span>
|
|
<span><?php comments_popup_link( __( '0 Comments', 'Avada' ), __( '1 Comment', 'Avada' ), __( '% Comments', 'Avada' ) ); ?></span>
|
|
<?php endif; ?>
|
|
</div><!-- fusion-carousel-meta -->
|
|
<?php endif; ?>
|
|
</div><!-- fusion-carousel-item-wrapper -->
|
|
</div>
|
|
<?php endwhile; ?>
|
|
</div><!-- swiper-wrapper -->
|
|
<?php
|
|
/**
|
|
* Add navigation if needed.
|
|
*/
|
|
?>
|
|
<?php
|
|
if ( Avada()->settings->get( 'related_posts_navigation' ) ) {
|
|
echo '<div class="awb-swiper-button awb-swiper-button-prev"><i class="awb-icon-angle-left"></i></div>';
|
|
echo '<div class="awb-swiper-button awb-swiper-button-next"><i class="awb-icon-angle-right"></i></div>';
|
|
}
|
|
?>
|
|
</div><!-- fusion-carousel -->
|
|
</section><!-- related-posts -->
|
|
|
|
<?php
|
|
wp_reset_postdata();
|