index.php 4.4 KB
<?php get_header();?>
<!-- slide -->
<section class="slide-banners-wrap">
	<section class="slide-banners">
		<ul class="slides">
		<?php $images = get_get_field('ad_index_banner'); if( $images ): foreach( $images as $image ): ?>
			<li class="slide-item" style="background-image:url(<?php echo $image['url']; ?>)"><a href="<?php echo $image['alt']; ?>"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>"></a></li>
		<?php endforeach; endif; ?>
		</ul>
	</section>
</section>
<section class="index-layout">
	<section class="index-info-wrap">
		<section class="index-info">
			<ul>
			<?php $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?>
				<li class="index-info-list">
					<div class="info-title"><a href="<?php echo $image['alt']; ?>"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>"><span><?php echo $image['title']; ?></span></a></div>
					<div class="info-detail-wrap"><div class="info-detail"><a href="<?php echo $image['alt']; ?>"><?php echo $image['description']; ?></a></div></div>
				</li>
			<?php endforeach; endif; ?>
			</ul>
		</section>
	</section>	
	<section class="index-product">
		<section class="layout">
			<div class="index-tit-bar"><h2 class="title">Feature Products</h2></div>
			<section class="product-slides-wrap">
				<section class="product-slides">
				<?php $args = array('showposts' => 12, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'Feature Products','compare' => 'LIKE')));
				$the_query = new WP_Query( $args ); if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
					<div class="product-item">
						<div class="item-wrap">
							<div class="pd-img"><img src="<?php $images = get_field('product_gallery'); if( $images ): for($x=0;$x<1; $x++){ ?><?php echo $images[0]['sizes']['thumbnail']; ?><?php } endif; ?>" alt="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?>"><a href="<?php the_permalink() ?>" class="pd-shadow"></a></div>
							<div class="pd-info"><h3 class="pd-name"><a href="<?php the_permalink() ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 50,"..."); ?></a></h3></div>
						</div>
					</div>
				<?php endwhile; endif;  wp_reset_query(); ?>
				</section>
			</section>
		</section>
	</section>		 
	<section class="index-arr-product">
		<section class="layout">
			<div class="index-tit-bar"><h2 class="title">New Arrivals</h2></div>
			<section class="arr-product-wrap">
				<section class="arr-product-slides">
				<?php $args = array('showposts' => 8, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'New Arrivals','compare' => 'LIKE')));
$the_query = new WP_Query( $args ); if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
					<div class="product-item">
						<div class="item-wrap">
							<div class="pd-img"><img src="<?php $images = get_field('product_gallery'); if( $images ): for($x=0;$x<1; $x++){ ?><?php echo $images[0]['sizes']['thumbnail']; ?><?php } endif; ?>" alt="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?>"><a href="<?php the_permalink() ?>" class="pd-shadow"></a></div>
							<div class="pd-info"><h3 class="pd-name"><a href="<?php the_permalink() ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?></a></h3></div>
						</div>
					</div>
					<?php endwhile; endif;  wp_reset_query(); ?>
				</section>
			</section>
		</section>
	</section>
	<section class="index-about">
		<section class="layout">
			<div class="about-tit-bar"><h2 class="title"><a href="<?php echo home_url("/"); ?>about-us/">ABOUT US</a></h2></div>
			<div class="about-cont">
				<div class="about-banner">
					<ul class="slides">
					<?php $images = get_get_field('about_img'); if( $images ): foreach( $images as $image ): ?>
						<li class="slide-item"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>"></li>
					<?php endforeach; endif; ?>
					</ul>
				</div>
				<div class="about-detail">
				<p><?php get_the_field('about_text'); ?></p>
				<a href="<?php echo home_url("/"); ?>about-us/" class="about-more">READ MORE >></a>
				</div>
			</div>
		</section>
	</section>
</section>
<?php get_footer();?>