index.php
9.7 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<?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 -->
<section 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="index-swiper-buttons">
<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>
<div class="slider_swiper_control">
<div class="swiper-pagination swiper-pagination-white"></div>
</div>
</section>
<!-- index_mission -->
<section class="index_mission">
<div class="index_bd">
<div class="layout flex_row">
<div class="mission_hd">
<h2 class="hd_title">OUR MISSION</h2>
</div>
<div class="mission_cont">
<h3 class="mission_desc">WITH A FOCUS <span class="txt_italic">on</span> QUALITY <span class="txt_italic">and</span> ENHANCING <span class="txt_italic">the</span> UNDERSTANDING <span class="txt_italic">of</span> MATCHA TEA</h3>
</div>
</div>
</div>
</section>
<!-- index_promote -->
<section class="index_promote">
<div class="index_bd">
<div class="layout">
<div class="promote_list">
<div class="col_left">
<figure class="promote_item wow fadeInA" data-wow-delay=".1s" data-wow-duration=".8s">
<a class="item_inner" href="">
<span class="item_img" style="background-image: url(http://cms.goodao.cn/style/global/img/demo/promote01.jpg)"></span>
<figcaption class="item_info">
<h4 class="item_subtit">LEARN</h4>
<h3 class="item_title">Preparing the perfect bowl of matcha</h3>
</figcaption>
</a>
</figure>
<figure class="promote_item wow fadeInA" data-wow-delay=".2s" data-wow-duration=".8s">
<a class="item_inner" href="">
<span class="item_img" style="background-image: url(http://cms.goodao.cn/style/global/img/demo/promote02.jpg)"></span>
<figcaption class="item_info">
<h4 class="item_subtit">OUR STORY</h4>
<h3 class="item_title">Where it all begins</h3>
</figcaption>
</a>
</figure>
</div>
<div class="col_right">
<figure class="promote_item item_large wow fadeInA" data-wow-delay=".3s" data-wow-duration=".8s">
<a class="item_inner" href="">
<span class="item_img" style="background-image: url(http://cms.goodao.cn/style/global/img/demo/promote03.jpg)"></span>
<figcaption class="item_info">
<h3 class="item_title">Organic Superior Matcha</h3>
<p class="item_desc">Sweet, rich flavor. Our Organic Matcha is the finest organic green tea powder available, carefully selected for its rich umami flavor and deep natural green color. Full of health promoting antioxidants.</p>
<h4 class="item_subtit">STARTING AT $35</h4>
</figcaption>
</a>
</figure>
</div>
</div>
</div>
</div>
</section>
<!-- index_company_intr -->
<section class="index_company_intr">
<div class="index_bd">
<div class="layout flex_row">
<div class="company_intr_cont" style="background-image: url(http://cms.goodao.cn/style/global/img/demo/company_intr_cont_bg.png)">
<h2 class="company_intr_title wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">MATCHA LEAVES from JAPAN</h2>
<p class="company_intr_desc wow fadeInUpA" data-wow-delay=".2s" data-wow-duration=".8s">Our teas are grown on the pristine hillsides of Uji in the Kyoto region by farmers who are part of a 300-year-old matcha growing tradition.</p>
</div>
<div class="company_intr_img">
<div class="intr_img_box">
<div class="company_intr_slider">
<ul class="swiper-wrapper">
<li class="swiper-slide"><img src="http://cms.goodao.cn/style/global/img/demo/company_intr_01.png" alt=""></li>
</ul>
<div class="swiper_control index_swiper_control">
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- index_product -->
<section class="index_product">
<div class="index_hd">
<div class="layout">
<h2 class="hd_title">New Products</h2>
</div>
</div>
<div class="index_bd">
<div class="layout">
<ul class="product_items flex_row">
<?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 wow fadeInLeftA" data-wow-delay=".1s" data-wow-duration=".8s">
<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>
</section>
<!-- index_business -->
<section class="index_business" style="background-image: url(http://cms.goodao.cn/style/global/img/demo/index_business_bg.jpg)">
<div class="index_bd">
<div class="layout">
<div class="business_cont">
<div class="index_hd">
<h2 class="hd_title">About Us</h2>
</div>
<div class="business_desc">
<?php get_the_field('about_text'); ?>
</div>
<div class="learn_more">
<a href="" class="sys_btn">VISIT STORE</a>
</div>
</div>
</div>
</div>
</section>
<!-- index_news -->
<section class="index_news">
<div class="index_hd">
<div class="layout">
<h2 class="hd_title">Featured Press</h2>
</div>
</div>
<div class="index_bd">
<div class="layout">
<ul class="news_items flex_row">
<?php query_posts(array( 'post_type' => 'news','showposts' => 5,'orderby' => 'post_date','order'=> 'DESC') ); while (have_posts()) : the_post();?>
<li class="news_item wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
<figure class="item_inner">
<?php $image = get_field('news_img');if( !empty($image) ): ?>
<div class="item_img"><a href="<?php the_permalink() ?>"><img src="<?php echo $image['url']; ?>" ></a></div>
<?php endif; ?>
<figcaption class="item_info">
<h3 class="item_title"><a href="<?php the_permalink() ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?></a></h3>
<p class="item_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 300,"..."); ?></p>
</figcaption>
</figure>
</li>
<?php endwhile; wp_reset_query(); ?>
</ul>
</div>
</div>
</section>
<!-- index_application -->
<section class="index_application">
<div class="application_hd">
<div class="layout">
<i class="hd_ico"><img src="http://cms.goodao.cn/style/global/img/demo/icon_instagram_follow.svg" alt=""></i>
<h2 class="hd_title">CONNECT WITH OTHER MATCHA LOVERS</h2>
<h4 class="hd_desc"><a href="">@MATCHAKARI</a></h4>
</div>
</div>
<div class="index_bd">
<div class="layout">
<ul class="application_items flex_row">
<?php $i=1; $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?>
<li class="application_item wow fadeInA" data-wow-delay="<?php if($i==1) : ?>0<?php else: ?>.<?php echo $i-1; ?>s<?php endif; ?>">
<a class="item_inner" href="<?php echo $image['alt']; ?>">
<span class="item_img"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>" /></span>
<div class="item_info">
<h3 class="item_title"><?php echo $image['title']; ?></h3>
</div>
</a>
</li>
<?php $i++; endforeach; endif; ?>
</ul>
</div>
</div>
</section>
</section>
<?php get_footer();?>