index.php
7.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<?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" style="background-image: url(<?php echo home_url("/"); ?>style/global/img/demo/body_bg.jpg)">
<!-- 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>
<!-- index_promote -->
<div class="index_promote">
<div class="layout">
<ul class="promote_list">
<li class="promote_item wow fadeInLeftA" data-wow-delay=".1s"><a href=""><img src="template/img/demo/bn01.jpg" alt=""></a></li>
<li class="promote_item wow fadeInRightA" data-wow-delay=".1s"><a href=""><img src="template/img/demo/bn02.jpg" alt=""></a></li>
</ul>
</div>
</div>
<!-- index_brands -->
<div class="index_brands">
<div class="brands_hd">
<h2 class="hd_title">Top Brands</h2>
</div>
<div class="index_bd">
<div class="brands_items brands_slider">
<ul class="swiper-wrapper">
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".1s">
<a href=""><img src="template/img/demo/brand01.png" alt=""></a>
</li>
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".2s">
<a href=""><img src="template/img/demo/brand02.png" alt=""></a>
</li>
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".3s">
<a href=""><img src="template/img/demo/brand03.png" alt=""></a>
</li>
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".4s">
<a href=""><img src="template/img/demo/brand04.png" alt=""></a>
</li>
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".5s">
<a href=""><img src="template/img/demo/brand05.png" alt=""></a>
</li>
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".1s">
<a href=""><img src="template/img/demo/brand01.png" alt=""></a>
</li>
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".2s">
<a href=""><img src="template/img/demo/brand02.png" alt=""></a>
</li>
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".3s">
<a href=""><img src="template/img/demo/brand03.png" alt=""></a>
</li>
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".4s">
<a href=""><img src="template/img/demo/brand04.png" alt=""></a>
</li>
<li class="swiper-slide brands_item wow fadeInUpA" data-wow-delay=".5s">
<a href=""><img src="template/img/demo/brand05.png" alt=""></a>
</li>
</ul>
<div class="swiper-button-prev"><i></i></div>
<div class="swiper-button-next"><i></i></div>
</div>
</div>
</div>
<!-- index_product -->
<div class="index_product">
<div class="layout">
<div class="product_slider">
<div class="index_title">
<h2>Featured Products</h2>
</div>
<ul class="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 ); if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<li class="swiper-slide product_item 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>
</figcaption>
</figure>
</li>
<?php endwhile; endif; wp_reset_query(); ?>
</ul>
<div class="swiper-button-prev"><i></i></div>
<div class="swiper-button-next"><i></i></div>
</div>
<div class="btn_bar">
<a href="<?php echo home_url("/"); ?>products/" class="sys_btn sys_btn_white wow fadeInUpA" data-wow-delay=".1s">Learn More About CST</a>
</div>
</div>
</div>
<div class="index_product">
<div class="layout">
<div class="index_title">
<h2>New Arrivals</h2>
</div>
<div class="product_slider product_slider">
<ul class="swiper-wrapper">
<?php $args = array('showposts' => 12, '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(); ?>
<li class="swiper-slide product_item 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>
</figcaption>
</figure>
</li>
<?php endwhile; endif; wp_reset_query(); ?>
</ul>
<div class="swiper-button-prev"><i></i></div>
<div class="swiper-button-next"><i></i></div>
</div>
</div>
</div>
<div class="index_company_intr">
<div class="layout">
<div class="index_title">
<h2>Why Choose Us</h2>
</div>
<ul class="service_items">
<?php $i=1; $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?>
<li class="service_item wow fadeInUpA" data-wow-delay=".1s">
<figure>
<span class="item_img"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>"></span>
<figcaption>
<h3 class="item_title"><?php echo $image['title']; ?></h3>
<span class="item_text"><?php echo $image['description']; ?> </span>
</figcaption>
</figure>
</li>
<?php $i++; endforeach; endif; ?>
</ul>
</div>
</div>
</section>
<?php get_footer();?>