Guest User

Untitled

a guest
Mar 11th, 2019
31
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.73 KB | None | 0 0
  1. <?php
  2. $gallery_options = get_theme_mod('spicepress_gallery_content');
  3. /**
  4. * Template Name: Gallery
  5. */
  6. get_header();
  7. if (get_post_meta( get_the_ID(), 'slider_chkbx', true )) {
  8.  
  9. get_template_part('index','slider');
  10.  
  11. }
  12. spicepress_overlap_bredcrumb();
  13. $gallery_tmp_title = get_theme_mod('gallery_tmp_title', __('Our work','spicepress'));
  14. $gallery_tmp_desc = get_theme_mod('gallery_tmp_desc','Sea summo mazim ex, ea errem eleifend definitionem vim. Ut nec hinc dolor possim mei ludus efficiendi ei sea summo mazim ex.');
  15. $gallery_layout =get_theme_mod('gallery_template_column_layout',4);
  16. $gallery_layout = 12 / $gallery_layout;
  17.  
  18. ?>
  19.  
  20. <!-- Gallery Section -->
  21. <section class="gallery-section">
  22. <div class="container">
  23.  
  24. <!-- Section Title -->
  25. <div class="row">
  26. <div class="col-md-12">
  27. <div class="section-header">
  28. <h1 class="widget-title wow fadeInUp animated animated" data-wow-duration="500ms" data-wow-delay="0ms"><?php echo esc_attr($gallery_tmp_title); ?></h1>
  29. <div class="widget-separator"><span></span></div>
  30. <p class="wow fadeInDown animated"><?php echo esc_attr($gallery_tmp_desc); ?></p>
  31. </div>
  32. </div>
  33. </div>
  34. <!-- /Section Title -->
  35.  
  36. <!-- Gallery -->
  37. <div class="row">
  38. <?php
  39. $gallery_options = json_decode($gallery_options);
  40. if( $gallery_options!='' )
  41. {
  42. foreach($gallery_options as $gallery_iteam){
  43. $title = ! empty( $gallery_iteam->title ) ? apply_filters( 'spicepress_translate_single_string', $gallery_iteam->title, 'Gallery section' ) : '';
  44. $test_link = $gallery_iteam->link;
  45. $open_new_tab = $gallery_iteam->open_new_tab;
  46.  
  47. ?>
  48. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  49. <article class="gallery-image wow flipInX animated" data-wow-delay=".5s">
  50. <figure class="gallery-thumbnail">
  51. <?php if($gallery_iteam->image_url!=''){ ?>
  52. <img class="img-responsive" src="<?php echo $gallery_iteam->image_url; ?>"/>
  53. <?php } ?>
  54. <div class="gallery-showcase-overlay">
  55. <div class="gallery-showcase-icons">
  56. <a href="<?php echo $gallery_iteam->image_url; ?>" title="<?php echo $title; ?>" data-lightbox="image" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  57.  
  58. <?php if(!empty( $test_link )): ?>
  59. <a href="<?php echo $test_link; ?>" <?php if($open_new_tab == 'yes'){ echo 'target="_blank"';}?> class="hover_thumb">
  60. <?php endif; ?>
  61.  
  62. <i class="fa fa-link"></i>
  63. <?php if(!empty( $test_link )): ?>
  64. </a>
  65. <?php endif; ?>
  66.  
  67. </div>
  68. </div>
  69. </figure>
  70. <div style="text-align: center;">
  71. <span>
  72. <?php echo $title; ?>
  73. </span>
  74. </div>
  75. </article>
  76. </div>
  77. <?php } } else {?>
  78.  
  79.  
  80.  
  81. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  82. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  83. <figure class="gallery-thumbnail">
  84. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery1.jpg" >
  85. <div class="gallery-showcase-overlay">
  86. <div class="gallery-showcase-icons">
  87. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery1.jpg" data-lightbox="image" title="Gallery 1" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  88. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  89. </div>
  90. </div>
  91. </figure>
  92. </article>
  93. </div>
  94.  
  95. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  96. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  97. <figure class="gallery-thumbnail">
  98. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery2.jpg" >
  99. <div class="gallery-showcase-overlay">
  100. <div class="gallery-showcase-icons">
  101. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery2.jpg" data-lightbox="image" title="Gallery 2" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  102. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  103. </div>
  104. </div>
  105. </figure>
  106. </article>
  107. </div>
  108.  
  109. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  110. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  111. <figure class="gallery-thumbnail">
  112. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery3.jpg" >
  113. <div class="gallery-showcase-overlay">
  114. <div class="gallery-showcase-icons">
  115. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery3.jpg" data-lightbox="image" title="Gallery 2" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  116. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  117. </div>
  118. </div>
  119. </figure>
  120. </article>
  121. </div>
  122.  
  123. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  124. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  125. <figure class="gallery-thumbnail">
  126. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery4.jpg">
  127. <div class="gallery-showcase-overlay">
  128. <div class="gallery-showcase-icons">
  129. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery4.jpg" data-lightbox="image" title="Gallery 4" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  130. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  131. </div>
  132. </div>
  133. </figure>
  134. </article>
  135. </div>
  136.  
  137. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  138. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  139. <figure class="gallery-thumbnail">
  140. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery5.jpg">
  141. <div class="gallery-showcase-overlay">
  142. <div class="gallery-showcase-icons">
  143. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery5.jpg" data-lightbox="image" title="Gallery 5" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  144. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  145. </div>
  146. </div>
  147. </figure>
  148. </article>
  149. </div>
  150.  
  151. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  152. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  153. <figure class="gallery-thumbnail">
  154. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery6.jpg" >
  155. <div class="gallery-showcase-overlay">
  156. <div class="gallery-showcase-icons">
  157. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery6.jpg" data-lightbox="image" title="Gallery 6" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  158. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  159. </div>
  160. </div>
  161. </figure>
  162. </article>
  163. </div>
  164.  
  165. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  166. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  167. <figure class="gallery-thumbnail">
  168. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery7.jpg" >
  169. <div class="gallery-showcase-overlay">
  170. <div class="gallery-showcase-icons">
  171. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery7.jpg" data-lightbox="image" title="Gallery 1" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  172. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  173. </div>
  174. </div>
  175. </figure>
  176. </article>
  177. </div>
  178.  
  179. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  180. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  181. <figure class="gallery-thumbnail">
  182. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery8.jpg" >
  183. <div class="gallery-showcase-overlay">
  184. <div class="gallery-showcase-icons">
  185. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery8.jpg" data-lightbox="image" title="Gallery 2" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  186. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  187. </div>
  188. </div>
  189. </figure>
  190. </article>
  191. </div>
  192.  
  193. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  194. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  195. <figure class="gallery-thumbnail">
  196. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery9.jpg" >
  197. <div class="gallery-showcase-overlay">
  198. <div class="gallery-showcase-icons">
  199. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery9.jpg" data-lightbox="image" title="Gallery 3" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  200. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  201. </div>
  202. </div>
  203. </figure>
  204. </article>
  205. </div>
  206.  
  207. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  208. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  209. <figure class="gallery-thumbnail">
  210. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery10.jpg">
  211. <div class="gallery-showcase-overlay">
  212. <div class="gallery-showcase-icons">
  213. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery10.jpg" data-lightbox="image" title="Gallery 4" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  214. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  215. </div>
  216. </div>
  217. </figure>
  218. </article>
  219. </div>
  220.  
  221. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  222. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  223. <figure class="gallery-thumbnail">
  224. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery11.jpg">
  225. <div class="gallery-showcase-overlay">
  226. <div class="gallery-showcase-icons">
  227. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery11.jpg" data-lightbox="image" title="Gallery 5" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  228. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  229. </div>
  230. </div>
  231. </figure>
  232. </article>
  233. </div>
  234.  
  235. <div class="col-md-<?php echo $gallery_layout; ?> col-sm-6 gallery-area">
  236. <article class="gallery-image wow flipInX animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;">
  237. <figure class="gallery-thumbnail">
  238. <img class="img-responsive" alt="img" src="<?php echo get_template_directory_uri();?>/images/gallery/gallery12.jpg">
  239. <div class="gallery-showcase-overlay">
  240. <div class="gallery-showcase-icons">
  241. <a href="<?php echo get_template_directory_uri();?>/images/gallery/gallery12.jpg" data-lightbox="image" title="Gallery 6" class="hover_thumb"><i class="fa fa-picture-o"></i></a>
  242. <a href="#" class="hover_thumb"><i class="fa fa-link"></i></a>
  243. </div>
  244. </div>
  245. </figure>
  246. </article>
  247. </div>
  248.  
  249.  
  250.  
  251. <?php } ?>
  252. </div>
  253. <!-- /Gallery -->
  254.  
  255. </div>
  256. </section>
  257. <!-- /Gallery Section -->
  258. <div class="clearfix"></div>
  259. <?php get_footer(); ?>
Add Comment
Please, Sign In to add comment