index.php
6.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
<?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>
<!-- index_impt_section -->
<div class="index_impt_section">
<div class="layout">
<h2 class="title wow fadeInUpA" data-wow-delay=".1s">Classic Soft Trim is dedicated to bringing you the finest in automotive upgrades with quality materials, distinctive designs, and great customer service.</h2>
</div>
</div>
<!-- index_product -->
<div class="index_product">
<div class="layout">
<div class="product_slider">
<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>
<!-- index_company_intr -->
<div class="index_company_intr">
<div class="layout">
<ul class="service_items wow fadeInLeftA" data-wow-delay=".1s">
<li class="service_item">
<figure>
<span class="item_img"><img src="template/img/demo/intro_ico_1.png" alt=""></span>
<figcaption>
<h3 class="item_title">Quality</h3>
<span class="item_text">Want two-tone seat covers with your personalized color selections? Perforated seating surfaces? Contrast stitching? All that and more is possible through Classic Soft Trim. </span>
</figcaption>
</figure>
</li>
<li class="service_item">
<figure>
<span class="item_img"><img src="template/img/demo/intro_ico_2.png" alt=""></span>
<figcaption>
<h3 class="item_title">Options</h3>
<span class="item_text">Want two-tone seat covers with your personalized color selections? Perforated seating surfaces? Contrast stitching? All that and more is possible through Classic Soft Trim. </span>
</figcaption>
</figure>
</li>
<li class="service_item">
<figure>
<span class="item_img"><img src="template/img/demo/intro_ico_3.png" alt=""></span>
<figcaption>
<h3 class="item_title">Safety</h3>
<span class="item_text">Your safety is our top priority, so all our seat covers are airbag certified. You never have to sacrifice safety for a great looking interior. That's a promise from Classic Soft Trim. </span>
</figcaption>
</figure>
</li>
<li class="service_item">
<figure>
<span class="item_img"><img src="template/img/demo/intro_ico_4.png" alt=""></span>
<figcaption>
<h3 class="item_title">Warranty</h3>
<span class="item_text">How does a limited lifetime warranty sound? We thought you'd like that. With a Classic Soft Trim leather interior in your car, you can rest easy. </span>
</figcaption>
</figure>
</li>
</ul>
<div class="company_intr_cont wow fadeInRightA" data-wow-delay=".1s">
<h2 class="company_intr_title" data-wow-delay=".1s">Our leather interiors are simply the best.</h2>
<a class="sys_btn company_intr_more" data-wow-delay=".2s" href="<?php echo home_url("/"); ?>about-us/">More About CST Leather</a>
</div>
</div>
</div>
<!-- index_business -->
<div class="index_business" style="background-image: url(img/demo/business_bg.jpg)">
<div class="layout wow fadeInUpA" data-wow-delay=".1s">
<h2 class="title">Classic Soft Trim is much more than leather seat covers. We're a one-stop shop for sunroofs, electronics, seat heaters and much more to make your car, truck, or SUV truly YOURS.</h2>
<div class="btn_bar">
<a href="" class="sys_btn sys_btn_white">Find Out More</a>
<a href="" class="sys_btn sys_btn_white">Find ALL Accessories for Your Vehicle</a>
</div>
</div>
</div>
<!-- index_ad -->
<div class="index_ad">
<div class="layout">
<ul class="ad_items">
<?php $i=1; $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?>
<li class="ad_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"><a href="<?php echo $image['alt']; ?>"><?php echo $image['title']; ?></a></h3>
<span class="item_text"><?php echo $image['description']; ?></span>
</figcaption>
</figure>
</li>
<?php $i++; endforeach; endif; ?>
</ul>
</div>
</div>
</section>
<?php get_footer();?>