File: /storage/v4513/ivenusin/public_html/wp-content/themes/ivenus/front-page.php23junehome
<?php
/**
*
* Front Page Template
*
*/
get_header();
global $post;
$page_title = $post->post_title;
$page_content = $post->post_content;
$featured_img_url = get_the_post_thumbnail_url($post->ID,'full');
?>
<!-- hero-start -->
<?php $banners_section = get_field('banners_section'); ?>
<div class="hero-slider desktop">
<div class="swiper-container parallax-slider">
<div class="swiper-wrapper">
<?php foreach($banners_section as $desktop_banner) {
$desktop_banner_image = $desktop_banner['desktop_banner_image'];
$banner_external_link = $desktop_banner['banner_external_link']; ?>
<div class="swiper-slide">
<div class="parallax-bg">
<a href="<?php if(!empty($banner_external_link)) { echo $banner_external_link; } else { echo '#'; } ?>">
<img src="<?php echo $desktop_banner_image['url']; ?>" alt="<?php echo $desktop_banner_image['alt']; ?>">
</a>
</div>
</div>
<?php } ?>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- hero-start -->
<!-- hero-start -->
<div class="hero-slider mobile">
<div class="swiper-container parallax-slider">
<div class="swiper-wrapper">
<?php foreach($banners_section as $mobile_banner) {
$mobile_banner_image = $mobile_banner['mobile_banner_image'];
$banner_external_link = $mobile_banner['banner_external_link']; ?>
<div class="swiper-slide">
<div class="parallax-bg">
<a href="<?php if(!empty($banner_external_link)) { echo $banner_external_link; } else { echo '#'; } ?>">
<img src="<?php echo $mobile_banner_image['url']; ?>" alt="<?php echo $$mobile_banner_image['alt']; ?>">
</a>
</div>
</div>
<?php } ?>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="swiper-pagination"></div>
</div>
</div>
<!-- 25/09/2020 remove by Amit-->
<!-- <div class="hero-slider desktop" style="margin-top: 0px;">
<div class="swiper-container parallax-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="parallax-bg">
<img src="https://ivenus.in/wp-content/uploads/2020/09/new-1-1.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="hero-slider mobile" style="margin-top: 0px;">
<div class="swiper-container parallax-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="parallax-bg">
<img src="https://ivenus.in/wp-content/uploads/2020/09/new-banner-mob-web-1.jpg" alt="">
</div>
</div>
</div>
</div>
</div> -->
<!-- 25/09/2020 -->
<!-- hero-start -->
<?php
$grey_section_one = get_field('grey_section_one');
$hero_small_image = $grey_section_one['hero_small_image'];
$section_title = $grey_section_one['section_title'];
$section_excerpt = $grey_section_one['section_excerpt'];
$big_hero_image = $grey_section_one['big_hero_image'];
$buy_now_link = $grey_section_one['buy_now_link'];
$more_info_link = $grey_section_one['more_info_link'];
?>
<section class="grey-bg">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-5 col-lg-6 col-md-6">
<div class="hero-content-wrap">
<div class="hero-content">
<?php if(!empty($hero_small_image['url'])) { ?>
<img src="<?php echo $hero_small_image['url']; ?>" alt="<?php echo $hero_small_image['alt']; ?>" class="wow fadeInDown" data-wow-duration="1s">
<?php } ?>
<?php if(!empty($section_title)) { ?>
<h1 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s"><?php echo $section_title; ?></h1>
<?php } ?>
<?php if(!empty($section_excerpt)) { ?>
<p class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s"><?php echo $section_excerpt; ?></p>
<?php } ?>
<div class="slider-action-btn">
<!--<a href="<?php if(!empty($buy_now_link)) { echo $buy_now_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s"><i class="fal fa-shopping-cart"></i> Buy Now</a>-->
<a href="<?php if(!empty($more_info_link)) { echo $more_info_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn outline wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s"><i class="fal fa-lightbulb-on"></i> More Info</a>
<a href="<?php if(!empty($buy_now_link)) { echo $buy_now_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn outline wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s"><i class="fal fa-shopping-cart"></i> Buy Now</a>
</div>
</div>
</div>
</div>
<?php if(!empty($big_hero_image['url'])) { ?>
<div class="col-xl-7 col-lg-6 col-md-6">
<div class="hero-product-img wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s">
<div class="hero-img-1">
<img src="<?php echo $big_hero_image['url']; ?>" alt="<?php echo $big_hero_image['alt']; ?>" class="img-responsive">
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
<?php
$black_section_one = get_field('black_section_one');
$hero_small_image = $black_section_one['hero_small_image'];
$section_title = $black_section_one['section_title'];
$section_excerpt = $black_section_one['section_excerpt'];
$big_hero_image = $black_section_one['big_hero_image'];
$buy_now_link = $black_section_one['buy_now_link'];
$more_info_link = $black_section_one['more_info_link'];
?>
<section class="black-bg p-0">
<div class="row align-items-center flex-row-reverse no-gutters">
<div class="col-xl-5 col-lg-6 col-md-6 pl-3 pl-md-5 pr-3 pr-md-5 mt-3">
<div class="hero-content-wrap">
<div class="hero-content">
<?php if(!empty($hero_small_image['url'])) { ?>
<img src="<?php echo $hero_small_image['url']; ?>" alt="" class="wow fadeInRight">
<?php } ?>
<?php if(!empty($section_title)) { ?>
<h1 class="text-white wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s"><?php echo $section_title; ?></h1>
<?php } ?>
<?php if(!empty($section_excerpt)) { ?>
<p class="text-white wow fadeInRight" data-wow-duration="1s" data-wow-delay="1.5s"><?php echo $section_excerpt; ?></p>
<?php } ?>
<div class="slider-action-btn">
<!--<a href="<?php if(!empty($buy_now_link)) { echo $buy_now_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn inverse wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="2s"><i class="fal fa-shopping-cart"></i> Buy Now</a>-->
<a href="<?php if(!empty($more_info_link)) { echo $more_info_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn outline inverse wow fadeInUp" data-wow-duration="2s" data-wow-delay="2.5s"><i class="fal fa-lightbulb-on"></i> More Info</a>
<a href="<?php if(!empty($buy_now_link)) { echo $buy_now_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn outline inverse wow fadeInUp" data-wow-duration="2s" data-wow-delay="2.5s"><i class="fal fa-shopping-cart"></i> Buy Now</a>
</div>
</div>
</div>
</div>
<?php if(!empty($big_hero_image['url'])) { ?>
<div class="col-xl-7 col-lg-6 col-md-6">
<div class="hero-product-img wow fadeInLeft" data-wow-duration="1s" data-wow-delay="2s">
<div class="hero-img-1 no-animation">
<img src="<?php echo $big_hero_image['url']; ?>" alt="<?php echo $big_hero_image['alt']; ?>" class="img-responsive">
</div>
</div>
</div>
<?php } ?>
</div>
</section>
<?php
$grey_section_two = get_field('grey_section_two');
$hero_title = $grey_section_two['hero_title'];
$section_title = $grey_section_two['section_title'];
$section_excerpt = $grey_section_two['section_excerpt'];
$hero_image = $grey_section_two['hero_image'];
$buy_now_link = $grey_section_two['buy_now_link'];
$more_info_link = $grey_section_two['more_info_link'];
?>
<section class="grey-bg">
<div class="container">
<div class="row align-items-center pt-4 pb-4">
<div class="col-xl-6 col-md-7">
<div class="hero-content-wrap">
<div class="hero-content">
<?php if(!empty($hero_title)) { ?>
<h1 class="wow fadeInDown font-size-28" data-wow-duration="1s"><?php echo $hero_title; ?></h1>
<?php } ?>
<?php if(!empty($section_title)) { ?>
<h3 class="wow fadeInDown font-size-24" data-wow-duration="1s" data-wow-delay="0.5s"><?php echo $section_title; ?></h3>
<?php } ?>
<?php if(!empty($section_excerpt)) { ?>
<p class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s"><?php echo $section_excerpt; ?></p>
<?php } ?>
<div class="slider-action-btn">
<!--<a href="<?php if(!empty($buy_now_link)) { echo $buy_now_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="2s"><i class="fal fa-shopping-cart"></i> Buy Now</a>-->
<a href="<?php if(!empty($more_info_link)) { echo $more_info_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn outline wow fadeInUp" data-wow-duration="2s" data-wow-delay="2.5s"><i class="fal fa-lightbulb-on"></i> More Info</a>
<a href="<?php if(!empty($buy_now_link)) { echo $buy_now_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn outline wow fadeInUp" data-wow-duration="2s" data-wow-delay="2.5s"><i class="fal fa-shopping-cart"></i> Buy Now</a>
</div>
</div>
</div>
</div>
<?php if(!empty($hero_image)) { ?>
<div class="col-xl-6 col-md-5">
<div class="hero-product-img wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s">
<div class="hero-img-1">
<img src="<?php echo $hero_image['url']; ?>" alt="hero-img" class="img-responsive">
</div>
</div>
</div>
<?php }$hero_image ?>
</div>
</div>
</section>
<?php
$black_section_two = get_field('black_section_two');
$hero_small_image = $black_section_two['hero_small_image'];
$section_title = $black_section_two['section_title'];
$section_excerpt = $black_section_two['section_excerpt'];
$big_hero_image = $black_section_two['big_hero_image'];
$big_hero_title_two = $black_section_two['big_hero_title_two'];
$big_hero_image_two = $black_section_two['big_hero_image_two'];
$buy_now_link = $black_section_two['buy_now_link'];
$more_info_link = $black_section_two['more_info_link'];
?>
<!--<section class="black-bg">
<div class="container">
<div class="light-radial-gradient"></div>
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="hero-content-wrap">
<div class="hero-content text-center">
<?php if(!empty($hero_small_image['url'])) { ?>
<img src="<?php echo $hero_small_image['url']; ?>" alt="<?php echo $hero_small_image['alt']; ?>" style="max-width: 50%;">
<?php } ?>
<?php if(!empty($section_title)) { ?>
<h1 class="text-white mt-0"><?php echo $section_title; ?></h1>
<?php } ?>
<div class="slider-action-btn mt-4">
<a href="<?php if(!empty($more_info_link)) { echo $more_info_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn inverse"><i class="fal fa-lightbulb-on"></i>Find Out More</a>
</div>
</div>
</div>
</div>
<?php if(!empty($big_hero_image)) { ?>
<div class="col-md-12">
<div class="hero-product-img wow fadeInUp pt-5" data-wow-duration="1s" data-wow-delay="1s">
<div class="hero-img-1 no-animation">
<?php if(!empty($big_hero_image)) { ?>
<img src="<?php echo $big_hero_image['url']; ?>" alt="<?php echo $$big_hero_image['alt']; ?>" class="img-responsive">
<?php } ?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
-->
<?php
$fargs = array(
'post_type' => 'product',
'post_status' => 'publish',
'posts_per_page' => '-1',
'orderby' => 'date',
'order' => 'DESC',
'post__in' => wc_get_featured_product_ids()
);
$featured_products = new WP_Query($fargs);
$featured_p = new WC_Product_Factory(); ?>
<section class="featured-products white-bg mt-3">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="hero-content-wrap">
<div class="hero-content text-center">
<h1>Featured Products</h1>
</div>
</div>
</div>
</div>
<div class="row">
<!-- <div class="offset-lg-1"></div> -->
<div class="col-md-12">
<?php
if ( $featured_products->have_posts() ) {
?>
<div class="owl-carousel owl-simple carousel-equal-height carousel-with-shadow" data-toggle="owl"
data-owl-options='{
"dots": true,
"margin": 20,
"loop": false,
"responsive": {
"0": {
"items":1,
"nav": false
},
"480": {
"items":2,
"nav": false
},
"768": {
"items":3,
"nav": false
},
"992": {
"items":4,
"nav": false
},
"1200": {
"items":5,
"nav": true
},
"1600": {
"items":6,
"nav": true
}
}
}'>
<?php
while ( $featured_products->have_posts() ) : $featured_products->the_post();
$f_product_queried_object = get_queried_object();
$product = $featured_p->get_product($post->ID);
$attachment_ids = $product->get_gallery_attachment_ids();
$currency_symbol = get_woocommerce_currency_symbol();
$product_to_be_labeled_as_new = get_field('product_to_be_labeled_as_new',$post->ID);
$product_detail_page_link = get_field('product_detail_page_link',$post->ID);
if(!empty($product_detail_page_link)) {
$product_page_link = $product_detail_page_link.'?op='.$post->post_name;
} else {
$product_page_link = get_permalink( $product->ID );
}
$i = 0;
?>
<div class="product product-2">
<figure class="product-media">
<?php if( $product->is_on_sale() ) { ?>
<span class="product-label label-circle label-sale">Sale</span>
<?php } else { ?>
<?php if($product_to_be_labeled_as_new == 'Yes') { ?>
<span class="product-label label-circle label-new">New</span>
<?php } ?>
<?php } ?>
<a href="<?php echo $product_page_link; ?>">
<?php
$product_featured_image = wp_get_attachment_image_url( $product->get_image_id(),'product-listing-size' );
if(!empty($product_featured_image)) { ?>
<img src="<?php echo $product_featured_image; ?>" alt="<?php echo $product->get_title(); ?>" class="product-image">
<?php }
if(!empty($attachment_ids)) {
foreach( $attachment_ids as $attachment_id ) {
$Original_image_url = wp_get_attachment_image_url( $attachment_id,'product-listing-size' );
if( $i == 0 ) { ?>
<img src="<?php echo $Original_image_url; ?>" alt="<?php echo $product->get_title(); ?>" class="product-image-hover">
<?php }
$i++; }
} else { ?>
<img src="<?php echo $product_featured_image; ?>" alt="<?php echo $product->get_title(); ?>" class="product-image-hover">
<?php } ?>
</a>
<div class="product-action-vertical">
<?php echo do_shortcode('[yith_wcwl_add_to_wishlist product_id="'.$product->get_id().'"]'); ?>
</div><!-- End .product-action -->
<div class="product-action product-action-dark bg-primary">
<a href="<?php echo $product_page_link; ?>" class="btn-product btn-cart" title="Add to cart"><i class="fal fa-lightbulb-on"></i> <span>More Info</span></a>
<?php echo do_shortcode('[yith_compare_button product="'.$product->ID.'"]'); ?>
<!--<a href="#" class="btn-product btn-compare" title="Compare"><i class="fal fa-exchange"></i> <span>compare</span></a>-->
</div><!-- End .product-action -->
</figure><!-- End .product-media -->
<div class="product-body">
<h3 class="product-title" title="<?php echo get_the_title($product->ID); ?>"><a href="<?php echo $product_page_link; ?>"><?php echo get_the_title($product->ID); ?></a></h3><!-- End .product-title -->
<div class="product-price">
<?php
if( $product->is_type( 'simple' ) ) {
if( $product->is_on_sale() ) { ?>
<span class="new-price"><?php echo $currency_symbol.number_format($product->get_sale_price()); ?></span>
<span class="old-price"><?php echo $currency_symbol.number_format($product->get_regular_price()); ?></span>
<?php } else { ?>
<span class="new-price"><?php echo $currency_symbol.number_format($product->get_price()); ?></span>
<?php }
} elseif( $product->is_type( 'variable' ) ){
echo $product->get_price_html();
} ?>
</div><!-- End .product-price -->
<!--<a href="<?php echo $product_page_link; ?>" class="btn ivenus-solid-btn"><i class="fal fa-shopping-cart"></i> Buy Now</a>-->
</div><!-- End .product-body -->
</div>
<?php
endwhile;
?>
</div>
<?php
} else {
echo _e('<p>Thank you for your interest, but currently there are no featured products available. Please check back later.</p>');
}
wp_reset_postdata();
?>
</div>
</div>
</div>
</section>
<?php
$grey_section_three = get_field('grey_section_three');
$hero_title = $grey_section_three['hero_title'];
$section_title = $grey_section_three['section_title'];
$section_excerpt = $grey_section_three['section_excerpt'];
$big_hero_image = $grey_section_three['big_hero_image'];
$buy_now_link = $grey_section_three['buy_now_link'];
$more_info_link = $grey_section_three['more_info_link'];
?>
<section class="grey-bg d-none">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="hero-content-wrap">
<div class="hero-content text-center">
<?php if(!empty($hero_title)) { ?>
<h1><?php echo $hero_title ?></h1>
<?php } ?>
<?php if(!empty($section_title)) { ?>
<h3><?php echo $section_title; ?></h3>
<?php } ?>
<?php if(!empty($section_excerpt)) { ?>
<p><?php echo $section_excerpt; ?></p>
<?php } ?>
<div class="slider-action-btn">
<!--<a href="<?php if(!empty($buy_now_link)) { echo $buy_now_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn"><i class="fal fa-shopping-cart"></i> Buy Now</a>-->
<a href="<?php if(!empty($more_info_link)) { echo $more_info_link; } else { echo '#'; } ?>" class="btn ivenus-solid-btn outline"><i class="fal fa-lightbulb-on"></i> More Info</a>
</div>
</div>
</div>
</div>
<?php if(!empty($big_hero_image['url'])) { ?>
<div class="col-md-12">
<div class="hero-product-img wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
<div class="hero-img-1 no-animation">
<img src="<?php echo $big_hero_image['url']; ?>" alt="<?php echo $big_hero_image['alt']; ?>" class="img-responsive">
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
<?php get_footer(); ?>
<script type="text/javascript">
jQuery(document).ready(function($) {
});
</script>