Guest User

Untitled

a guest
Mar 22nd, 2018
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.44 KB | None | 0 0
  1. <?php
  2. // the query
  3. $the_query = new WP_Query( array( 'category_name' => 'servicearea_products' ) );
  4.  
  5. if ( $the_query->have_posts() ) : ?>
  6.  
  7. <!-- the loop -->
  8. <?php while ( $the_query->have_posts() ) : $the_query->the_post();
  9. $post_title = get_the_title();
  10. $post_ID = get_the_ID();
  11. $service_blog_url = get_page_link( get_page_by_title( 'serviceAreaBlog' )->ID);
  12.  
  13. $post_url = $service_blog_url."?area=".urlencode($post_title);
  14. ?>
  15. <p><a href=<?php echo $post_url ?>><?php the_title();?></a></p>
  16. <?php endwhile; ?>
  17. <!-- end of the loop -->
  18.  
  19. <?php wp_reset_postdata();
  20.  
  21. else : ?>
  22. <p><?php esc_html_e( 'Sorry, no posts matched your criteria.' ); ?></p>
  23. <?php endif; ?>
  24. --------------------------------------------------------------------------------------------------------------------
  25. <?php /* Template Name: productCategory */ ?>
  26.  
  27. <?php get_header()?>
  28.  
  29. <?php
  30. $pod = pods('product');
  31. $params = array(
  32. "where" => "d.product_id = '".$_GET['product_code']."'",
  33. "select" => "*, product_image.ID"
  34. );
  35. $pod->find($params,$limit=1);
  36. $pod_data = $pod->data();
  37. foreach( $pod_data as $name => $value){
  38. $product_image=pods_image_url ( $value->ID, $size = null, $default = 0, $force = false ) ;
  39. ?>
  40.  
  41. <div class="product-detail">
  42. <div class="py-40 pb-0 text-center container"><div class="product-detail-img" style="background-image: url('<?php echo $product_image ?>');"></div></div>
  43. <div class="container py-40">
  44. <h5 class="text-danger text-uppercase product-detail-heading"><?php echo $value->{"name"} ?></h5>
  45. <h5 class="text-black mb-3 product-detail-code">Product Code: <?php echo $value->{"product_id"} ?></h5>
  46. <p class="mb-0">Specs: <?php echo $value->{"product_specs"} ?></p>
  47. <p class="text-light-grey"><?php echo $value->{"product_shortdescription"}?></p>
  48. <div class="price-availablity-block">
  49. <span class="price text-danger">$<?php echo $value->product_price ?></span>
  50. <span class="availablity text-danger price ml-4">Financing Available</span>
  51. <!-- "<?php# echo get_page_link( get_page_by_title( financing )->ID ); ?>" -->
  52. </div>
  53. <?php }
  54. ?>
  55. <div class="py-30">
  56. <a><button class="btn btn-danger">Modify Build</button></a>
  57. <a data-toggle="modal" data-target="#requestQuoteModal"><button class="btn btn-danger ml-5">Request Quote</button></a>
  58. </div>
  59. <div>
  60. <p class="price">Share with your friends</p>
  61. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_facebook_color.svg" class="mr-3" height="40px">
  62. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_twitter_color.svg" class="mr-3" height="40px">
  63. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_google+_color.svg" class="mr-3" height="40px">
  64. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_youtube_color.svg" class="mr-3" height="40px">
  65. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_pintrest_color.svg" class="mr-3" height="40px">
  66. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_instagram_color.svg" class="" height="40px">
  67. </div>
  68. </div>
  69. <hr class="divider my-0">
  70.  
  71. <section class="bg-grey py-60 color-options">
  72. <div class="container">
  73. <h2 class="text-danger text-center dealer-heading mb-3">Color Options</h2>
  74. <p class="text-center">American Steel Carports, Inc. offers 12 different color options that you can choose from, making it easier to match the surroundings. Our panels are 29 gauge steel. They are available in standard lengths of 21’, 26’ and 31’.</p>
  75.  
  76. <div class="row">
  77. <div class="col-md-2 col-sm-6">
  78. <div class="card rounded-0 mb-4">
  79. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/barn_red.png" height="160px">
  80. <p class="card-text mt-2">Barn Red</p>
  81. </div>
  82. </div>
  83.  
  84. <div class="col-md-2 col-sm-6">
  85. <div class="card rounded-0 mb-4">
  86. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/black.png" height="160px">
  87. <p class="card-text mt-2">Black</p>
  88. </div>
  89. </div>
  90.  
  91. <div class="col-md-2 col-sm-6">
  92. <div class="card rounded-0 mb-4">
  93. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/burgundy.png" height="160px">
  94. <p class="card-text mt-2">Burgundy</p>
  95. </div>
  96. </div>
  97.  
  98. <div class="col-md-2 col-sm-6">
  99. <div class="card rounded-0 mb-4">
  100. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/clay.png" height="160px">
  101. <p class="card-text mt-2">Clay</p>
  102. </div>
  103. </div>
  104.  
  105. <div class="col-md-2 col-sm-6">
  106. <div class="card rounded-0 mb-4">
  107. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/earth_brown.png" height="160px">
  108. <p class="card-text mt-2">Earth Brown</p>
  109. </div>
  110. </div>
  111.  
  112. <div class="col-md-2 col-sm-6">
  113. <div class="card rounded-0 mb-4">
  114. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/evergreen.png" height="160px">
  115. <p class="card-text mt-2">Evergreen</p>
  116. </div>
  117. </div>
  118.  
  119. <div class="col-md-2 col-sm-6">
  120. <div class="card rounded-0 mb-4">
  121. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/pebble_beige.png" height="160px">
  122. <p class="card-text mt-2">Pebble Beige</p>
  123. </div>
  124. </div>
  125.  
  126. <div class="col-md-2 col-sm-6">
  127. <div class="card rounded-0 mb-4">
  128. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/pewter_gray.png" height="160px">
  129. <p class="card-text mt-2">Pewter Gray</p>
  130. </div>
  131. </div>
  132.  
  133. <div class="col-md-2 col-sm-6">
  134. <div class="card rounded-0 mb-4">
  135. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/quaker_gray.png" height="160px">
  136. <p class="card-text mt-2">Quaker Gray</p>
  137. </div>
  138. </div>
  139.  
  140. <div class="col-md-2 col-sm-6">
  141. <div class="card rounded-0 mb-4">
  142. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/rawhide.png" height="160px">
  143. <p class="card-text mt-2">Rawhide</p>
  144. </div>
  145. </div>
  146.  
  147. <div class="col-md-2 col-sm-6">
  148. <div class="card rounded-0 mb-4">
  149. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/slate_blue.png" height="160px">
  150. <p class="card-text mt-2">Slate Blue</p>
  151. </div>
  152. </div>
  153.  
  154. <div class="col-md-2 col-sm-6">
  155. <div class="card rounded-0 mb-4">
  156. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/colorSample/white.png" height="160px">
  157. <p class="card-text mt-2">White</p>
  158. </div>
  159. </div>
  160. </div><!-- row -->
  161.  
  162. <div class="row mt-4">
  163. <div class="col-xs-12 col-md-9 align-self-center">
  164. <h5 class="text-danger">Request A Sample</h5>
  165. <p class="mb-0">We’ll send you a maximum of 5 metal samples along with a brochure and pricing for your state. </p>
  166. <small class="form-text">(Your information will be held confidential and will not be sold.)</small>
  167. </div>
  168. <div class="col-xs-12 col-md-3 align-self-center mt-3 mt-md-0 text-right">
  169. <a class="btn btn-danger text-white" href="<?php echo get_page_link( get_page_by_title( requestColorSample )->ID ); ?>">Request Color Sample</a>
  170. </div>
  171. </div><!-- row -->
  172. </div>
  173. </section>
  174. <hr class="divider my-0">
  175.  
  176. <section class="py-60">
  177. <div class="container">
  178. <h2 class="text-danger text-center dealer-heading mb-3">Additional Options</h2>
  179. <div class="row">
  180. <div class="col-md-4 col-sm-12">
  181. <div class="card rounded-0 border-0 mb-5">
  182. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/banner/image_product_page_45_angles.png" height="250px">
  183. <h5 class="card-text mt-2">45° angles</h5>
  184. </div>
  185. </div>
  186. <div class="col-md-4 col-sm-12">
  187. <div class="card rounded-0 border-0 mb-5">
  188. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/banner/image_product_page_braces.png" height="250px">
  189. <h5 class="card-text mt-2">Braces</h5>
  190. </div>
  191. </div>
  192. <div class="col-md-4 col-sm-12">
  193. <div class="card rounded-0 border-0 mb-5">
  194. <img class="card-img-top rounded-0" src="<?php bloginfo('template_url'); ?>/images/banner/image_product_page_colored_screws.png" height="250px">
  195. <h5 class="card-text mt-2">Colored Screws</h5>
  196. </div>
  197. </div>
  198. </div>
  199. <div class="text-center mt-2"><button class="btn btn-danger">View All</button></div>
  200. </div>
  201. </section>
  202. <hr class="divider my-0">
  203.  
  204. <section>
  205. <div class="container-fluid">
  206. <div class="row news-letter">
  207. <div class="col-xs-12 col-md-8 align-self-center">
  208. <h3 class="text-danger">SUBSCRIBE</h3>
  209. <p class="mb-md-0">Subscribe to our newsletter to get the latest updates and special offers.</p>
  210. </div>
  211. <div class="col-xs-12 col-md-4 align-self-center">
  212. <div class="input-group">
  213. <input type="text" class="form-control form-control-search" placeholder="Enter your email address" aria-describedby="newsletter-addon">
  214. <span class="input-group-addon btn btn-danger text-white ml-3" id="newsletter-addon">Subscribe Now</span>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </section>
  220. </div>
  221.  
  222.  
  223. <?php get_footer()?>
Add Comment
Please, Sign In to add comment