index.php 7.0 KB
<?php $get_lang = isset($wp_query->query_vars['prisna_translate_seo_request'])?urldecode($wp_query->query_vars['prisna_translate_seo_request']):''; ?>
<?php get_header();?>
<section class="web_main index_main">
  <!-- banner -->
  
  <div class="slider_banner">
    <div class="swiper-wrapper">
      <?php $images = get_get_field('ad_index_banner'); if( $images ): foreach( $images as $image ): ?>
     <div class="swiper-slide" data-slidetxt="<?php echo $image['title']; ?>">
      <div class="detail_item" style="background-image: url(<?php echo $image['url']; ?>)">
            <div class="item_cont">
              <h3 class="item_tit"><?php echo $image['title']; ?></h3>
              <div class="item_desc"><?php echo $image['description']; ?></div>
            </div>
            <div class="learn_more">
              <a href="<?php echo $image['alt']; ?>" class="sys_btn">Learn More</a>
            </div>
          </div>
      </div>
      <?php endforeach; endif; ?>
    </div>
    <div class="swiper-pagination swiper-pagination-white"></div>
    <div class="swiper-button-next swiper-button-white"></div>
    <div class="swiper-button-prev swiper-button-white"></div>
  </div>
  
  <!-- features_bar -->
    <section class="features_bar">
      <div class="layout features_inner">
        <h4 class="slide_label">Features</h4>
        <ul id="features_links" class="features_links"></ul>
      </div>
    </section>


    <!-- index_product -->
    <section class="index_layer index_product index_product_hot">
      <div class="layout">
        <header class="index_hd wow fadeInUpA">
          <div class="hd_inner">
            <h2 class="hd_title">Featured<br>product</h2>
            <p class="hd_desc">MotClub combines sport and comfort and is a <br>good choice for urban commuter trips.</p>
            <div class="learn_more">
              <a href="<?php echo home_url("/"); ?>products" class="sys_btn">Learn More</a>
            </div>
          </div>
        </header>
        <div class="index_bd">
          <div class="product_slider">
            <ul class="product_items swiper-wrapper">
             <?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 );$i=1; if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
              <li class="product_item swiper-slide wow fadeInUpA" data-wow-delay=".1s">
                <figure> 
                   <span class="item_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() ?>"></a></span>
                  <figcaption>
                    <h3 class="item_title"><a href="<?php the_permalink() ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 50,"..."); ?></a></h3>
                    <div class="item_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_content',$post->post_content)), 0, 50,"..."); ?></div>
                  </figcaption>
                </figure>
              </li>
              <?php $i++; endwhile; endif;  wp_reset_query(); ?>  
            </ul>
          </div>
          <div class="swiper_control">
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>            
          </div>
        </div>
      </div>
    </section>
 <!-- promote_banner -->
    <section class="promote_banner">
      <div class="banner_intro wow fadeInUpA">
        <h2 class="banner_tit">Learn about street bike content, exclusive board offers and events!</h2>
        <div class="learn_more">
          <a href="" class="sys_btn">View Now</a>
        </div>
      </div>
      <div class="banner_bg"><img src="template/img/demo/promote_banner.jpg" alt=""></div>
    </section>
     <!-- index_product -->
    <section class="index_layer index_product index_product_new">
      <div class="layout">
        <header class="index_hd wow fadeInUpA">
          <div class="hd_inner">
            <h2 class="hd_title">New<br>Arrivals</h2>
            <p class="hd_desc">MotClub combines sport and comfort and is a <br>good choice for urban commuter trips.</p>
            <div class="learn_more">
              <a href="<?php echo home_url("/"); ?>products" class="sys_btn">Learn More</a>
            </div>
          </div>
        </header>
        <div class="index_bd">
          <div class="product_slider">
            <ul class="product_items swiper-wrapper">
            <?php $args = array('showposts' => 9, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'New Arrivals','compare' => 'LIKE')));

$the_query = new WP_Query( $args );$i=1; if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
              <li class="product_item swiper-slide wow fadeInUpA" data-wow-delay=".1s">
                <figure> 
                  <span class="item_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() ?>"></a></span>
                  <figcaption>
                    <h3 class="item_title"><a href="<?php the_permalink() ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 50,"..."); ?></a></h3>
                    <div class="item_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_content',$post->post_content)), 0, 50,"..."); ?></div>
                  </figcaption>
                </figure>
              </li>
            <?php $i++; endwhile; endif;  wp_reset_query(); ?>
            </ul>
          </div>
          <div class="swiper_control">
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>            
          </div>
        </div>
      </div>
    </section>
       <!-- company_subscribe -->
    <section class="company_subscribe">
      <div class="layout">
        <div class="subscribe_bd wow fadeInUpA">
          <div class="subscribe_cont">
            <h3 class="subscribe_tit">Inquiry For Pricelist</h3>
            <p class="subscribe_desc">For inquiries about our products or pricelist,please leave to us and we will be in touch within 24 hours.</p>
            <div class="learn_more">
              <a href="javascript:" class="button sys_btn">INQUIRY NOW</a>
            </div>
          </div>
        </div>
        <div class="subscribe_img">
          <img src="template/img/demo/company_subscribe_img.jpg" alt="">
        </div>
      </div>
    </section>
  
</section>
<?php get_footer();?>