https://www.gloeckler-bauunternehmen.de/templates/glcklerbauunternehmen/js/template.js

1jQuery(document).ready(function ($) {
2  // Beitragsbild verschieben + Banner anpassen
3  $('.page-header + .item-image').insertBefore('#bg-img');
4  $('<div class="banner-container"><img src="http://gloeckler-bauunternehmen.de/images/logo/gloeckler-bauunternehmen-logo.png" alt="Logo von Glöckler Bauunternehmen"><div id="banner-text"><p>Ihr Bauprojekt in guten Händen!</p></div></div>').appendTo('header + .item-image');
5
6  // Galerie Liste in Bild Titel umwandeln
7  $('.sigFreeContainer ').each(function() {
8    var imgs = $('.sigFreeThumb',this).length;
9    var list = $('.galeriebeschriftung li').length;
10    imgs = imgs - 1;
11    var headline = $.map($('.galeriebeschriftung li'), function(el) {
12      return [[$(el).text(),]];
13    });
14
15    console.log(list);
16    for (i = 0; i <= list; i++) {
17      var k = i + 1;
18      if (headline[i] != undefined) {
19        $('<p class="headline">'+ headline[i] +'</p>').appendTo('.sigFreeContainer .sigFreeThumb:nth-of-type(' + k + ')',this);
20      }
21    }
22  });
23
24  // Sticky Menü
25  var content = $('#content-container').height();
26
27  if(content > 600) {
28    $(window).scroll(function() {
29      var banner = $('.banner-container').height();
30
31      if ($(window).scrollTop() >= banner) {
32        $('#bg-img').css({"position":"fixed", "top":"100px"});
33      }
34      else {
35        $('#bg-img').css({"position":"absolute", "top":"auto"});
36      }
37    });
38  }
39
40  if ($(window).width() > 991) {
41    // Galerie thumbs wrap
42    var thumbs = $(".sigFreeContainer  .sigFreeThumb");
43    for(var i = 0; i < thumbs.length; i+=3) {
44      thumbs.slice(i, i+3).wrapAll("<div class='thumbWrap'></div>");
45    }
46  }
47
48  if ($(window).width() > 768 && $(window).width() <= 991) {
49    // Galerie thumbs wrap
50    var thumbs = $(".sigFreeContainer  .sigFreeThumb");
51    for(var i = 0; i < thumbs.length; i+=2) {
52      thumbs.slice(i, i+2).wrapAll("<div class='thumbWrap'></div>");
53    }
54  }
55
56  if ($(window).width() <= 768) {
57    // Galerie thumbs wrap
58    var thumbs = $(".sigFreeContainer  .sigFreeThumb");
59    for(var i = 0; i < thumbs.length; i+=1) {
60      thumbs.slice(i, i+1).wrapAll("<div class='thumbWrap'></div>");
61    }
62  }
63
64  // Kontakt Text wrap
65  $('.cat-106 div[itemprop="articleBody"] > p').wrapAll('<div class="kontaktinfo"/>')
66
67  // Scoll to top function
68  $(window).scroll(function (i) {
69    if ($(this).scrollTop() > 600) {
70      $('.scrollToTop').fadeIn();
71    } else {
72      $('.scrollToTop').fadeOut();
73    }
74  });
75
76  $('.navButton').click(function() {
77    $('body').toggleClass('menu-open');
78  });
79
80  if ($(window).width() <= 1080) {
81    $('.banner-container img').insertBefore('.navButton');
82    $('header img').wrap('<a href="/" id="logo"></a>"');
83  }
84
85  $(window).resize(function (i) {
86    if ($(window).width() <= 1080) {
87      $('.banner-container img').insertBefore('.navButton');
88      var logo = $('#logo').length;
89      if (logo == 0) {
90        $('header img').wrap('<a href="/" id="logo"></a>"');
91      }
92    }
93    else {
94      $('#logo').insertBefore('#banner-text');
95      $('#logo img').unwrap();
96    }
97  });
98
99  if ($(window).width() <= 991 && $(window).width() > 575) {
100    $('#news-carousel .news-item').unwrap();
101    var slides = $('#news-carousel .row').contents();
102    $('#news-carousel .carousel-inner').html(slides);
103
104    var items = $('#news-carousel .news-item');
105    for(var i = 0; i < items.length; i+=2) {
106      items.slice(i, i+2).wrapAll("<div class='carousel-item'><div class='flex'></div></div>");
107    }
108    $('#news-carousel .carousel-item:first-of-type').addClass('active');
109  }
110
111  if ($(window).width() <= 575) {
112    $('#news-carousel .news-item').unwrap();
113    var slides = $('#news-carousel .row').contents();
114    $('#news-carousel .carousel-inner').html(slides);
115
116    var items = $('#news-carousel .news-item');
117    for(var i = 0; i < items.length; i+=1) {
118      items.slice(i, i+1).wrapAll("<div class='carousel-item'></div>");
119    }
120    $('#news-carousel .carousel-item:first-of-type').addClass('active');
121  }
122
123  if ($(window).width() <= 800) {
124    $('.item-image').each(function() {
125      var bg_img = $(this).css('backgroundImage');
126        bg_img = bg_img.replace('/banner/','/banner/sm/');
127        $(this).css('backgroundImage',bg_img);
128    });
129  }
130
131  // Cookie banner
132  $('#cookieBanner button').click(function() {
133    sessionStorage.setItem('clicked', 1);
134    $('#cookieBanner').hide();
135  });
136
137  setInterval(function() {

138    var isClicked = sessionStorage.getItem('clicked');
139    if( isClicked == 1) {
140      $('#cookieBanner').hide();
141    } else {
142      $('#cookieBanner').show();
143    }
144  },300);
145});