index.php 7.4 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-button-prev swiper-button-white"><span class="slide-page-box"></span></div>
      <div class="swiper-button-next swiper-button-white"><span class="slide-page-box"></span></div>
      <div class="swiper-pagination swiper-pagination-white"></div>
  </div>
  <section class="index_ad">
      <div class="layout">
        <ul class="ad_items flex_row">
        <?php $i=1; $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?>
          <li class="ad_item wow bounceInA" data-wow-delay=".1s">
            <a href="<?php echo $image['alt']; ?>">
            <figure>
              <span class="item_img"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>" /><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>" /></span>
              <figcaption>
                <h3 class="item_title"><?php echo $image['title']; ?></h3>
              </figcaption>
            </figure>
            </a>
          </li>
          <?php $i++;  endforeach; endif; ?>
        </ul>
      </div>
    </section>
  <section class="index_product">
      <div class="index_hd">
        <div class="layout">
          <h2 class="hd_title">Featured PRODUCTS</h2>
          <h5 class="hd_desc">Solos focus on office electronics and contribute to providing leading technology for you</h5>
        </div>
      </div>
      <div class="index_bd wow fadeInUpA">
        <div class="layout">
          <div class="swiper-wrapper featured_slider">
            <ul class="swiper-wrapper product_items">
             <?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="swiper-slide product_item">
                <figure> 
                  <div 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>
                  </div>
                  <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-button-prev"></div>
              <div class="swiper-button-next"></div>
          </div>
        </div>
      </div>
    </section>
<section class="banner_layer wow fadeInUpA">
      <div class="layout">
        <a href=""><img src="template/img/demo/full_banner_01.jpg" alt=""></a>
      </div>
    </section>
    <section class="index_featured">
      <div class="index_hd">
        <div class="layout">
          <h2 class="hd_title">New Arrivals</h2>
          <h5 class="hd_desc">Solos focus on office electronics and contribute to providing leading technology for you</h5>
        </div>
      </div>
      <div class="index_bd wow fadeInUpA">
        <div class="layout">
            <ul class="product_items flex_row">
            <?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">
                <figure> 
                  <div 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>
                  </div>
                  <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>
    </section>
<section class="index_cates">
      <div class="index_bd">
        <div class="layout">
          <div class="cate_items flex_row">
            <figure class="cate_item wow fadeInUpA" data-wow-delay=".1s">
              <a class="item_inner" href="">
                <div class="item_img"><img src="template/img/demo/cate01.jpg" alt=""></div>
                <figcaption class="item_info">
                  <h3 class="item_tit">Partners</h3>
                  <p class="item_desc">Join Solos-IT community and enjoy more membership benfits</p>
                </figcaption>
              </a>
            </figure>
            <figure class="cate_item wow fadeInUpA" data-wow-delay=".2s">
              <a class="item_inner" href="">
                <div class="item_img"><img src="template/img/demo/cate02.jpg" alt=""></div>
                <figcaption class="item_info">
                  <h3 class="item_tit">Our News</h3>
                  <p class="item_desc">Find out what cool facts about office electronics</p>
                </figcaption>
              </a>
            </figure>
            <figure class="cate_item wow fadeInUpA" data-wow-delay=".3s">
              <a class="item_inner" href="">
                <div class="item_img"><img src="template/img/demo/cate03.jpg" alt=""></div>
                <figcaption class="item_info">
                  <h3 class="item_tit">About Us</h3>
                  <p class="item_desc">Get to know about us and what we coulp help you</p>
                </figcaption>
              </a>
            </figure>
            <figure class="cate_item wow fadeInUpA" data-wow-delay=".4s">
              <a class="item_inner" href="">
                <div class="item_img"><img src="template/img/demo/cate04.jpg" alt=""></div>
                <figcaption class="item_info">
                  <h3 class="item_tit">OEM</h3>
                  <p class="item_desc">Customize your own products,easy,fast &amp; reliable</p>
                </figcaption>
              </a>
            </figure>
          </div>
        </div>
      </div>
    </section>
</section>

<?php get_footer();?>