https://barssport-factory.ru/js/main.js

1$(document).ready(function () {
2
3  // модальные окна с формой
4  $('.form-modal').magnificPopup({
5    type: 'inline',
6
7    fixedContentPos: false,
8    fixedBgPos: true,
9
10    overflowY: 'auto',
11
12    closeBtnInside: true,
13    preloader: false,
14
15    midClick: true,
16    removalDelay: 300,
17    mainClass: 'my-mfp-slide-bottom',
18    callbacks: {
19      elementParse: function (item) {
20        // записываем доп инфо
21        title = $(item.el).attr("data-title");
22        desc = $(item.el).attr("data-desc");
23        info = $(item.el).attr("data-info");
24        default_value = "";
25        $(item.src).find("input[name=info]").val(info);
26        if (title) {
27          $(item.src).find(".title").html(title);
28        } else {
29          // значение по умолчанию
30          default_value = $(item.src).find(".title").attr("data-default");
31          $(item.src).find(".title").html(default_value);
32        }
33
34        if (desc) {
35          $(item.src).find(".desc").html(desc);
36        } else {
37          // значение по умолчанию
38          default_value = $(item.src).find(".desc").attr("data-default");
39          $(item.src).find(".desc").html(default_value);
40        }
41
42        //возвращаем форму в исходное состояние
43        parent = $(item.src);
44        $(parent).find(".feedback_button").css("display", "table");
45        $(parent).find(".input-box").css("display", "block");
46        $(parent).find(".feedback_result").css("display", "none");
47      }
48    }
49  });
50
51  // модальные окна с формой и подстановкой заголовка и описания
52  // в ссылке необходимы поля data-title и data-desc
53  $('.form-modal-desc').magnificPopup({
54    type: 'inline',
55    fixedContentPos: false,
56    fixedBgPos: true,
57    overflowY: 'auto',
58    closeBtnInside: true,
59    preloader: true,
60    midClick: true,
61    removalDelay: 300,
62    mainClass: 'my-mfp-slide-bottom',
63    callbacks: {
64      elementParse: function (item) {
65        // востанавливаем форму
66        parent = $(item.src);
67        $(parent).find(".feedback_button").css("display", "table");
68        $(parent).find(".input-box").css("display", "block");
69        $(parent).find(".feedback_result").css("display", "none");
70        $(parent).find(".input-box input, .input-box textarea").val("");
71
72        title = $(item.el).attr("data-title");
73        desc = $(item.el).attr("data-desc");
74        info = $(item.el).attr("data-info");
75
76        input = $(item.src).find("input[name=info]").val(info);
77        if (title) $(item.src).find(".title").html(title);
78        if (desc) $(item.src).find(".desc").html(desc);
79      }
80    }
81  });
82
83  // модальные фото
84  $('.img-modal').magnificPopup({
85    type: 'image',
86    closeOnContentClick: true,
87    fixedContentPos: false,
88    fixedBgPos: true,
89    overflowY: 'auto',
90    closeBtnInside: true,
91    preloader: false,
92    midClick: true,
93    mainClass: 'my-mfp-slide-bottom'
94  });
95
96
97  $('.galery-modal').each(function () { // the containers for all your galleries
98    $(this).magnificPopup({
99      delegate: 'a', // the selector for gallery item
100      type: 'image',
101      gallery: {
102        enabled: true
103      }
104    });
105  });
106
107
108  // модальное видео
109  $('.video-modal').magnificPopup({
110    disableOn: 700,
111    type: 'iframe',
112    mainClass: 'mfp-fade',
113    removalDelay: 160,
114    preloader: false,
115    fixedContentPos: false
116  });
117
118
119  /**
120 * Адаптивное меню.
121 */
122
123  $(".mobile-line .menu").on("click", () => {
124    $('.mobile-menu').addClass("active")
125    $('.mobile-line .menu').removeClass("active")
126    $('.mobile-line .menu-close').addClass("active")
127  });
128  $(".mobile-line .menu-close").on("click", () => {
129    $('.mobile-menu').removeClass("active")
130    $('.mobile-line .menu').addClass("active")
131    $('.mobile-line .menu-close').removeClass("active")
132  });
133
134  // автопрокрутка через шапку

135  if (document.location.pathname == '/') {
136    $(".mobile-calc-btn").on("click", () => {
137      $('.mobile-menu').removeClass("active")
138      $('.mobile-line .menu').addClass("active")
139      $('.mobile-line .menu-close').removeClass("active")
140    });
141  }
142
143  $('.superslider').slick({
144    dots: false,
145    arrows: false,
146    infinite: true,
147    speed: 300,
148    slidesToShow: 1,
149    adaptiveHeight: true,
150    autoplay: true,
151    autoplaySpeed: 5000,
152  });
153  $(".superslider .next").on("click", function () {
154    $('.superslider').slick("slickPrev")
155  });
156  $(".superslider .prev").on("click", function () {
157    $('.superslider').slick("slickNext")
158  });
159
160  $('.main-slider').slick({
161    dots: true,
162    arrows: false,
163    infinite: true,
164    speed: 300,
165    slidesToShow: 1,
166    adaptiveHeight: true
167  });
168  $(".slider-wrapper .next").on("click", function () {
169    $('.main-slider').slick("slickPrev")
170  });
171  $(".slider-wrapper .prev").on("click", function () {
172    $('.main-slider').slick("slickNext")
173  });
174
175  $('.smi-wrapper .sliders').slick({
176    dots: false,
177    arrows: false,
178    infinite: true,
179    speed: 300,
180    slidesToShow: 1,
181    adaptiveHeight: true
182  });
183
184  $(".smi-wrapper .next").on("click", function () {
185    $('.smi-wrapper .sliders').slick("slickPrev")
186  });
187  $(".smi-wrapper .prev").on("click", function () {
188    $('.smi-wrapper .sliders').slick("slickNext")
189  });
190
191
192  $('.partners-wrapper .sliders').slick({
193    dots: false,
194    arrows: false,
195    infinite: false,
196    speed: 300,
197    slidesToShow: 4,
198    adaptiveHeight: true,
199    responsive: [{
200
201      breakpoint: 1024,
202      settings: {
203        slidesToShow: 4,
204      }
205
206    }, {
207
208      breakpoint: 700,
209      settings: {
210        slidesToShow: 2,
211      }
212
213    }, {
214      breakpoint: 400,
215      settings: {
216        slidesToShow: 1,
217      }
218    }]
219  });
220
221  // main page slider
222  if (window.location.pathname == "///") {
223    let slide = 1;
224    let slide_max = $(".head-wrapper .sliders").attr("data-max")
225    let slide_delay = 4000
226    function SetSlide(n) {
227      let $head_wrapper = $(".head-wrapper")
228
229      let name = $head_wrapper.find("#slide" + n).find(".name").text()
230      let desc = $head_wrapper.find("#slide" + n).find(".desc").text()
231      $head_wrapper.find(".title").text(name)
232      $head_wrapper.find(".subtitle").text(desc)
233      $head_wrapper.find(".slide-bg").removeClass("active")
234      $head_wrapper.find("#bg" + n).addClass("active")
235    }
236
237    $(".head-wrapper .left").on("click", function () {
238      slide--
239      if (slide <= 0) slide = slide_max
240      SetSlide(slide)
241    })
242
243    $(".head-wrapper .right").on("click", function () {
244      slide++
245      if (slide > slide_max) slide = 1
246      SetSlide(slide)
247    })
248    $(".head-wrapper").on("mousemove",function(){
249      clearInterval(slide_interval)
250    })
251    $(".head-wrapper").on("mouseleave",function(){
252      slide_interval = setInterval(SetNextSlide,slide_delay)
253    })    
254    function SetNextSlide(){
255      slide++
256      if (slide > slide_max) slide = 1
257      SetSlide(slide)
258    }
259    let slide_interval = setInterval(SetNextSlide,slide_delay)
260  }
261  $(".partners-wrapper .next").on("click", function () {
262    $('.partners-wrapper .sliders').slick("slickPrev")
263  });
264  $(".partners-wrapper .prev").on("click", function () {
265    $('.partners-wrapper .sliders').slick("slickNext")
266  });
267
268  $(".catalog-link").on("click", function () {
269    pos = $(this).offset()
270    h = $(this).outerHeight()
271    w = $(this).outerWidth()
272    $menu = $('.catalog-menu-wrapper')
273    $menu.css("left", pos.left - 15)
274    $menu.css("top", pos.top - 15)
275    let name = $(this).attr('data-name')
276    $(".catalog-menu-wrapper .name").text(name)
277    $(".catalog-menu-wrapper").addClass("open")
278    $(this).addClass("isActive")
279    return false;
280  });
281  $(".catalog-menu-wrapper").on("mouseleave", function () {
282    $(".catalog-menu-wrapper").removeClass("open")
283    $(".catalog-link").removeClass("isActive")
284  });
285  $(".catalog-menu-wrapper .name").on("click", function () {
286    $(".catalog-menu-wrapper").removeClass("open")
287    $(".catalog-link").removeClass("isActive")
288  });
289
290  // service menu
291  $(".service-link").on("click", function () {
292    pos = $(this).offset()
293    h = $(this).outerHeight()
294    w = $(this).outerWidth()
295    $menu = $('.service-menu-wrapper')
296    $menu.css("left", pos.left - 15)
297    $menu.css("top", pos.top - 15)
298    let name = $(this).attr('data-name')
299    $(".service-menu-wrapper .name").text(name)
300    $(".service-menu-wrapper").addClass("open")
301    $(this).addClass("isActive")
302    return false;
303  });
304  $(".service-menu-wrapper").on("mouseleave", function () {
305    $(".service-menu-wrapper").removeClass("open")
306    $(".service-link").removeClass("isActive")
307  });
308  $(".service-menu-wrapper .name").on("click", function () {
309    $(".service-menu-wrapper").removeClass("open")
310    $(".service-link").removeClass("isActive")
311  });
312
313//   $(document).on("click", "a.b24-widget-button-social-item.ui-icon.ui-icon-service-ank_chats_app24_whatsapp.connector-icon-45", function() {
314//     console.log("Клик на элементе сработал!");
315// });
316
317  // $(".whatsapp").on("click", function () {
318  //   console.log("click");
319  //   let el = $(".chatAppWidget");
320  //   // ._section_l5wdb_37 a
321  //   console.log($(el));
322  //   // $(el).trigger("click");
323  //   // window.open($(el).attr('href'), '_blank');
324  //   return false;
325  // });
326  // $(".telegram").on("click", function () {
327  //   console.log("click");
328  //   let el = "a.b24-widget-button-social-item.ui-icon.ui-icon-service-ank_chats_app24_telegram.connector-icon-45";
329  //   $(el).trigger("click");
330  //   window.open($(el).attr('href'), '_blank');
331  //   return false;
332  // });  
333
334  $("#form-head-open .input_telefon input").attr("placeholder","Телефон для связи")
335  $("#form-head-open .input_radio .radio").on("click",function(){
336    $(this).addClass("active")
337    $(this).siblings().removeClass("active")
338    // если это первый элемент
339    if ($(this).index() === 0) {
340      $("#form-head-open .input_telefon input").attr("placeholder","Телефон для связи")
341    }
342    if ($(this).index() === 1) {
343      $("#form-head-open .input_telefon input").attr("placeholder","@telegram тэг")
344    }    
345    if ($(this).index() === 2) {
346      $("#form-head-open .input_telefon input").attr("placeholder","Телефон WhatsApp")
347    }    
348    if ($(this).index() === 3) {
349      $("#form-head-open .input_telefon input").attr("placeholder","Телефон Max")
350    }       
351  })
352
353  $(".telefon-goal").on("click",function(){
354		ym(41176789,'reachGoal','phoneClick')
355	})
356	$(".msg-goal").on("click",function(){
357		ym(41176789,'reachGoal','messeger') 
358	})	
359  $(".email-goal").on("click",function(){
360		ym(41176789,'reachGoal','emailClick')
361	})  
362});
363
364
365window.addEventListener('scroll', function() {
366  if (window.scrollY > 50) {
367      
368      $(".fixed-line").addClass("active")
369  } else {
370      $(".fixed-line").removeClass("active")
371  }
372});