-
Notifications
You must be signed in to change notification settings - Fork 0
/
apparel.php
118 lines (84 loc) · 3.57 KB
/
apparel.php
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
<?php
/*
Template Name: Apparel
*/
$title = "GATKU Apparel";
$section = "apparel";
include('header.php');
;?>
<div id="mast" class="full downscroll">
<div class="header-content center">
<a href="<?php echo get_site_url() ?>">
<img src="<?php bloginfo('template_directory');?>/img/white-logo-big.png" alt="GATKU Polespears Logo" id="below-logo" class="left logo">
</a>
<div class="nav right">
<ul class="clear">
<li class="fb-button"><a target="_blank" href="www.facebook.com/gatku"><img src="<?php bloginfo('template_directory')?>/img/facebook200px.png"></a></li>
<li><a target="_blank" href="www.twitter.com/gatku"><img src="<?php bloginfo('template_directory')?>/img/twitter200px.png"></a></li>
<li><a class="store-link" href="<?php echo get_site_url() ?>/#store">Store</a></li>
<li><a class="video-link" href="<?php echo get_site_url() ?>/#video-window">Videos</a></li>
<li><a class="you-link" href="<?php echo get_site_url() ?>/#you-window">You</a></li>
<li><a class="contact-link" href="<?php echo get_site_url() ?>/#contact-window">Contact</a></li>
<li><a href="<?php echo get_site_url() ?>/shopping-cart/">Cart</a><sup id="cart-items"></sup></li>
</ul>
</div>
</div>
</div>
<!-- Mobile Mast -->
<div id="mobile-mast" class="header" style="background-color: rgba(255,255,255,0.9)">
<div class="mobile-mast-container">
<a id="mobile-menu-hit" href=""><img src="<?php echo get_template_directory_uri();?>/img/mobile-menu.png" class="mobile-menu-activate"></a>
<p id="mobile-titles" class="mobile-titles">APPAREL</p>
</div>
</div>
<nav id="mobile-menu">
<ul>
<li><a href="<?php echo get_site_url(); ?>">RETURN</a>
</li>
</ul>
</nav>
<div class="apparel-carousel">
<?php $apparel_query = new WP_Query(['post_type' => 'apparel']); ?>
<?php if ($apparel_query->have_posts()) : while ($apparel_query->have_posts()) : $apparel_query->the_post(); ?>
<div class="apparel-container">
<div class="apparel-item" id="<?php echo the_field('tag_name');?>">
<div class="apparel-image">
<img class="image" src="<?php echo the_field('first_image'); ?>">
</div>
<div class="apparel-info">
<h2 class="product-title"><?php echo the_field('product_name')?></h2>
<p class="product-description"><?php echo the_field('product_description')?></p>
</div>
<div class="apparel-purchase">
<div class="column-right">
<p class="price"><big>$<?php echo the_field('product_price');?></big> /Ships Free w/Pole Purchase</p>
<p class="caption">Choose Your Size</p>
<div class="addon-row left">
<?php echo the_content(); ?>
</div>
</div>
</div>
</div>
</div>
<?php endwhile; else: ?>
<p>There are no posts to show.</p>
<?php endif ?>
</div>
<p class="drag-prompt"> <- CLICK AND DRAG -></p>
<span id="span-1"></span>
<span id="span-2"></span>
<span id="span-3"></span>
<script> var thisPage = "apparel";</script>
<script>
var templatePath = '<?php echo get_template_directory_uri(); ?>';
</script>
<?php if ($section === "apparel") {
echo '<script src="' . get_template_directory_uri() . '/jquery.js' . '"></script>';
echo '<script src="' . get_template_directory_uri() . '/jquery.mmenu.min.js' . '"></script>';
echo '<script src="' . get_template_directory_uri() . '/js/jquery.skippr.js' . '"></script>';
echo '<script src="' . get_template_directory_uri() . '/js/rollerblade.min.js' . '"></script>';
echo '<script src="' . get_template_directory_uri() . '/js/apparel.js' . '"></script>';
} ?>
<?php //include('footer.php') ;?>
</body>
</html>