index.php 7.8 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"> <a href="<?php echo $image['alt']; ?>"> <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>"/></a></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>
   <section class="index_company_intr">
      <div class="layout">
        <div class="index_bd">
          <div class="company_intr_img wow fadeInUpA" data-wow-delay=".1s">
            
            <div class="company_intr_img_slide">
          <ul class="swiper-wrapper">
            <?php $images = get_get_field('about_img'); if( $images ): foreach( $images as $image ): ?>
                      <li class="swiper-slide"><a href="<?php echo home_url("/"); ?>about-us/"><span class="item_img"><img width="520px;" src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>" /></span></a></li>
                <?php endforeach; endif; ?>
            </ul>
            </div>
          </div>
          <div class="company_intr_cont wow fadeInUpA" data-wow-delay=".2s">
            <h2 class="company_intr_title">We are johnson</h2>
            <div class="company_intr_desc"><?php get_the_field('about_text'); ?></div>
            <div class="learn_more">
              <a href="<?php echo home_url("/"); ?>about-us/" class="sys_btn">Read More</a>
            </div>
            <i class="ico_flag"></i>
            <i class="company_intr_ico"><img src="template/img/demo/company_intr_ico.png" alt=""></i>
          </div>
        </div>
      </div>
    </section>


    <!-- index_promote -->
    <section class="index_promote" style="background-image: url(<?php echo home_url("/"); ?>style/global/img/demo/promote_bg.png)">
      <div class="layout">
        <header class="index_hd">
          <h2 class="hd_title">star products</h2>
          <p class="hd_desc">The common choice of fitness enthusiasts</p>
        </header>
        <div class="index_bd">
            <ul class="product_items">
             <?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 wow fadeInLeftA" data-wow-delay="<?php if($i==1) : ?>0<?php else: ?>.<?php echo $i-1; ?>s<?php endif; ?>">
                <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>
                    <p class="item_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_content',$post->post_content)), 0, 50,"..."); ?></p>
                    <div class="learn_more">
                      <a href="<?php the_permalink() ?>" class="sys_btn">Read More</a>
                    </div>
                  </figcaption>
                </figure>
              </li>
              <?php $i++; endwhile; endif;  wp_reset_query(); ?>
            </ul>          
        </div>
      </div>
    </section>


    <section class="index_product">
      <div class="layout">
        <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="<?php if($i==1) : ?>0<?php else: ?>.<?php echo $i-1; ?>s<?php endif; ?>">
                  <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>
                  </figcaption>
                </figure>
              </li>
          <?php  $i++; endwhile; endif;  wp_reset_query(); ?>  
              
            </ul>
          </div>
          <div class="index_swiper_control">
            <div class="swiper-pagination"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>            
          </div>
        </div>
      </div>
    </section>


    <!-- index_news -->
    <section class="index_news">
      <div class="layout">
        <header class="index_hd">
          <h2 class="hd_title">News Center</h2>
          <p class="hd_desc">The common choice of fitness enthusiasts</p>
        </header>
        <div class="index_bd">
          <div class="news_slider">
            <div class="news_lst swiper-wrapper">
            <?php query_posts(array( 'post_type' => 'news','showposts' => 5,'orderby' => 'post_date','order'=> 'DESC') ); while (have_posts()) : the_post();?>
              <figure class="news_cell swiper-slide wow fadeInLeftA" data-wow-delay=".1s">
                <div class="cell_img"><a href="<?php echo $get_lang?home_url('/')  .$get_lang.'/news/' . $post->post_name:home_url('/') .'news/' . $post->post_name ; ?>"><?php $image = get_field('news_img');if( !empty($image) ): ?><img src="<?php echo $image['url']; ?>" alt="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?>"></a><?php endif; ?></div>
                <figcaption class="cell_cont">
                  <h3 class="news_tit"><a href="<?php echo $get_lang?home_url('/')  .$get_lang.'/news/' . $post->post_name:home_url('/') .'news/' . $post->post_name ; ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 44,"..."); ?></a></h3>
                  <div class="news_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_content',$post->post_content)), 0, 44,"..."); ?> </div>
                  <div class="learn_more">
                    <a class="btn_more" href="<?php echo home_url("/"); ?>news">Read more</a>
                  </div>
                </figcaption>
              </figure>
               <?php endwhile; wp_reset_query();  ?> 
            </div>
          </div>
          <div class="index_swiper_control">
            <div class="swiper-pagination"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>            
          </div>
        </div>
        <i class="ico_flag"></i>
      </div>
    </section>
</section>
<?php get_footer();?>