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();
                            if(get_post_meta( get_the_ID(), 'port_button_link', true )) {
                            $link = esc_url(get_post_meta( get_the_ID(), 'port_button_link', true )); }else{
                                $link= get_the_permalink();
                            }                           ?>
                                <!-- 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);
                                        }
                                     ?>
                                    <div class="overlay colom<?php echo $count; ?>">
                                    <p><?php echo wp_trim_words(get_the_content(),10,null); ?></p>
                                    <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                                        <span>
                                            <a href="<?php echo $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 -->