You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
3.9 KiB
128 lines
3.9 KiB
<?php
|
|
/**
|
|
* The default template for displaying content
|
|
*/
|
|
|
|
global $woodmart_portfolio_loop, $post;
|
|
|
|
$size = woodmart_loop_prop( 'portfolio_image_size' );
|
|
|
|
if ( woodmart_is_elementor_installed() ) {
|
|
$custom_sizes = woodmart_loop_prop( 'portfolio_image_size_custom' );
|
|
|
|
$img = woodmart_get_image_html( // phpcs:ignore
|
|
array(
|
|
'image_size' => $size,
|
|
'image_custom_dimension' => $custom_sizes,
|
|
'image' => array(
|
|
'id' => get_post_thumbnail_id(),
|
|
),
|
|
),
|
|
'image'
|
|
);
|
|
} elseif ( function_exists( 'wpb_getImageBySize' ) ) {
|
|
$img = wpb_getImageBySize(
|
|
array(
|
|
'attach_id' => get_post_thumbnail_id(),
|
|
'thumb_size' => $size,
|
|
)
|
|
);
|
|
|
|
$img = isset( $img['thumbnail'] ) ? $img['thumbnail'] : '';
|
|
} else {
|
|
$img = get_the_post_thumbnail( $post->ID, $size );
|
|
}
|
|
|
|
$classes[] = 'portfolio-entry';
|
|
|
|
$desktop_columns = woodmart_loop_prop( 'portfolio_column' );
|
|
$tablet_columns = woodmart_loop_prop( 'portfolio_columns_tablet' );
|
|
$mobile_columns = woodmart_loop_prop( 'portfolio_columns_mobile' );
|
|
$style = woodmart_loop_prop( 'portfolio_style' );
|
|
|
|
if ( ( 'auto' !== $tablet_columns && ! empty( $tablet_columns ) ) || ( 'auto' !== $mobile_columns && ! empty( $mobile_columns ) ) ) {
|
|
$classes[] = woodmart_get_grid_el_class_new( 0, false, $desktop_columns, $tablet_columns,
|
|
$mobile_columns );
|
|
} else {
|
|
$classes[] = woodmart_get_grid_el_class( 0, $desktop_columns, false, 12 );
|
|
}
|
|
|
|
$classes[] = 'portfolio-single';
|
|
$classes[] = 'masonry-item';
|
|
|
|
$cats = wp_get_post_terms( get_the_ID(), 'project-cat' );
|
|
|
|
if ( ! empty( $cats ) ) {
|
|
foreach ( $cats as $key => $cat ) {
|
|
$classes[] = 'proj-cat-' . $cat->slug;
|
|
}
|
|
}
|
|
|
|
$classes[] = 'portfolio-' . $style;
|
|
|
|
$info_classes = '';
|
|
|
|
if ( 'text-shown' !== $style ) {
|
|
$info_classes .= ' color-scheme-light';
|
|
}
|
|
|
|
$info_classes = '';
|
|
|
|
if ( 'text-shown' !== $style ) {
|
|
$info_classes .= ' color-scheme-light';
|
|
}
|
|
|
|
?>
|
|
|
|
<article id="post-<?php the_ID(); ?>" <?php post_class( $classes ); ?>>
|
|
<header class="entry-header">
|
|
<?php if ( has_post_thumbnail() && ! post_password_required() && ! is_attachment() ) : ?>
|
|
<figure class="entry-thumbnail color-scheme-light">
|
|
<a href="<?php echo esc_url( get_permalink() ); ?>" class="portfolio-thumbnail">
|
|
<?php echo $img; ?>
|
|
</a>
|
|
<div class="wd-portfolio-btns">
|
|
<div class="portfolio-enlarge wd-action-btn wd-style-icon wd-enlarge-icon wd-tltp wd-tltp-left">
|
|
<a href="<?php echo esc_url( wp_get_attachment_url( get_post_thumbnail_id( $post->ID ) ) ); ?>" data-elementor-open-lightbox="no"><?php esc_html_e( 'View Large', 'woodmart' ); ?></a>
|
|
</div>
|
|
<?php if ( woodmart_is_social_link_enable( 'share' ) ) : ?>
|
|
<div class="social-icons-wrapper wd-action-btn wd-style-icon wd-share-icon wd-tltp <?php echo is_rtl() ? 'wd-tltp-right' : 'wd-tltp-left'; ?>">
|
|
<a></a>
|
|
<div class="wd-tooltip-label">
|
|
<?php
|
|
if ( function_exists( 'woodmart_shortcode_social' ) ) {
|
|
echo woodmart_shortcode_social(
|
|
array(
|
|
'size' => 'small',
|
|
'style' => 'default',
|
|
'color' => 'light',
|
|
)
|
|
);}
|
|
?>
|
|
</div>
|
|
</div>
|
|
<?php endif ?>
|
|
</div>
|
|
</figure>
|
|
<?php endif; ?>
|
|
|
|
<div class="portfolio-info<?php echo esc_attr( $info_classes ); ?>">
|
|
<?php if ( ! empty( $cats ) ) : ?>
|
|
<div class="wrap-meta">
|
|
<ul class="proj-cats-list">
|
|
<?php foreach ( $cats as $key => $cat ) : ?>
|
|
<?php $classes[] = 'proj-cat-' . $cat->slug; ?>
|
|
<li><?php echo esc_html( $cat->name ); ?></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<div class="wrap-title">
|
|
<h3 class="wd-entities-title">
|
|
<a href="<?php echo esc_url( get_permalink() ); ?>" rel="bookmark"><?php the_title(); ?></a>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</article>
|
|
|