home-portfolio.php

<!-- Portfolio Work -->
<?php $wl_theme_options = weblizar_portfolio_options();
$portfolio_layout = $wl_theme_options['portfolio_layout'];
//var_dump($portfolio_layout); die;
$column =3;
if($portfolio_layout=="two") {
	$count=2;
	$column =6;
	$count_portfolio = $count*2;
}
if($portfolio_layout=="three") {
	$count=3;
	$count_portfolio = $count*2;
	$column =4;
	}
if($portfolio_layout=="four") {
	$count=4;
	$count_portfolio = $count*2;
	$column =3;
	}
?>

<!-- New Portfolio -->
<div class="container-fluid bottom-pad margin-top100">
	<div class="container">
		<div class="row portfolio-content">
			<div class="col-md-12 portfolio-title text-center"><?php
                    if(($wl_theme_options['home_port_title']!="") || ($wl_theme_options['home_port_description']!="")){ ?>
				<h2 class="wow bounceIn"><?php echo esc_attr($wl_theme_options['home_port_title']); ?></h2>
				<h4 class="wow fadeInRight"><?php echo esc_attr($wl_theme_options['home_port_description']); ?></h4>
				<?php } ?>
			</div>
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 portfolio-<?php echo esc_attr($portfolio_layout); ?>-column wow bounceIn">
                    <div class="grid"><?php
                        $args = array('post_type'=>'creative_portfolio','posts_per_page' =>$count_portfolio);
                        $f_query = new WP_Query($args);
                        if($f_query->have_posts()){
						$i=1;
                            while($f_query->have_posts()) { $f_query->the_post();  ?>
                                <!-- Item 1 -->
                            <?php
									if(has_post_thumbnail()){
									$defalt_arg =array('class' => "creative-img-responsive");
									$port_thumbnail_id = get_post_thumbnail_id();
									$large_image_url = wp_get_attachment_url($port_thumbnail_id);
									?>
									<div class="col-md-<?php echo $column; ?> col-sm-6 port-pics">
									<div class="img-thumbnail">

									<?php
										if($count==2){
											the_post_thumbnail('port_2_thumb',$defalt_arg);
										}else if($count==3){
											the_post_thumbnail('port_3_thumb',$defalt_arg);
										}else if($count==4){
											the_post_thumbnail('port_4_thumb',$defalt_arg);
										}
										if(get_post_meta( get_the_ID(),'port_button_link', true ) !='')
										{ $port_button_link=get_post_meta( get_the_ID(),'port_button_link', true ); }
										else { $port_button_link = get_post_permalink(); }
									 ?>
                                    <div class="overlay colom<?php echo $count; ?>">
									<p><?php echo wp_trim_words(get_the_content(),10,null); ?></p>
									<h4><a href="<?php echo $port_button_link; ?>"><?php the_title(); ?></a>
										<span>
											<a href="<?php echo $port_button_link; ?>"><i class="fa fa-paperclip icon"></i></a>
											<a href="<?php echo esc_url($large_image_url);  ?>" class="photobox_a"><i class="fa fa-eye icon"></i></a>
										</span>
									</h4>
                                    </div>
									</div>
								</div>
								<?php } ?><?php
							}
                        }else { for($i=1; $i<=6; $i++) { ?>
                       <div class="col-md-<?php echo $column; ?> col-sm-6 port-pics">
							<div class="img-thumbnail">
								<img src="<?php echo esc_url(get_template_directory_uri()); ?>/img/portfolio/01.jpg" class="img-responsive" alt="" />
								<div class="overlay colom<?php echo $count; ?>">
									<p><?php _e('Lorem Ipsum is simply dummy text of the printing and typesetting industry.', 'creative'); ?></p>
									<h4><a href="#"><?php _e('Marchant Mogal','creative'); ?></a>
										<span>
											<a href=""><i class="fa fa-paperclip icon"></i></a>
											<a href="<?php echo esc_url(get_template_directory_uri()); ?>/img/portfolio/01.jpg"  class="photobox_a"><i class="fa fa-eye icon"></i></a>
										</span>
									</h4>
								</div>
							</div>
						</div>
                        <?php
							//if($i%3==0){ echo '<div class="clearfix"></div>'; }
							}
						} ?>
                    </div>
                    <!-- /grid -->
                </div>
		</div>
	</div>
</div>
<!-- New Portfolio -->


 <!-- /Portfolio work -->