https://weddingku.com/assets/js/container_venue.js?v=0.6289288

1function setScroll(){
2    // flicking = new Flicking("#ccateVendor", {
3    //     moveType: "freeScroll",
4    //     bound: true
5    // });
6
7    $('#categoryVendorContainer').slick({
8        infinite: false,
9        slidesToShow: 12,
10        slidesToScroll: 12,
11        lazyLoad: 'ondemand',
12        responsive: [
13            {
14                breakpoint :480,
15                settings:{
16                    slidesToShow: 3,
17                    slidesToScroll: 3
18                }
19            }   
20        ]
21        
22      });
23}
24
25function setScroll2(){
26    $('#cityVendorContainer').slick({
27        infinite: false,
28        slidesToShow: 6,
29        slidesToScroll: 6,
30        variableWidth: true,
31        lazyLoad: 'ondemand',
32        responsive: [
33            {
34                breakpoint :480,
35                settings:{
36                    slidesToShow: 3,
37                    slidesToScroll: 3
38                }
39            },{
40                breakpoint :912,
41                settings:{
42                    slidesToShow: 4,
43                    slidesToScroll: 4,
44                    variableWidth: true
45                }
46            }  
47        ]
48        
49      });
50}
51
52function destroyScroll2(){
53    //flicking.destroy();
54    $('#cityVendorContainer').slick('unslick');
55}
56
57function destroyScroll(){
58    //flicking.destroy();
59    $('#categoryVendorContainer').slick('unslick');
60}
61
62function loadCategoryInContainer(id){
63    // console.log(id);
64    $.ajax({
65        type	: "POST",
66        cache	: false,
67        dataType: 'json',
68        url		: weddingkuhome+'/ajax/getCategoryVenue.asp?id='+id,
69        success: function(data) {
70          if (data != null) {
71            if (data.responsestatus.code == "00") {
72                var venueCount = data.cities[0].venue_string;
73                var vendorCount = data.cities[0].vendor_string;
74                var itemCategoryVenueHtml = '';
75                var itemCategoryVendorHtml = '';
76                $('#vendorCount').text(vendorCount+ ' Vendor')
77                if (venueCount == 0) {
78                    $('#venueCount').text('Wedding Venues')
79                }else{
80                    $('#venueCount').text(venueCount+ ' Wedding Venues')
81                }
82
83                $('#categoryVenueContainer').empty()
84                $('#categoryVendorContainer').empty()
85
86                for (var i = 0; i < data.cities[0].categories.length; i++) {
87
88                    // console.log(data.cities[0].categories[i].name);
89                   
90
91                    if (data.cities[0].categories[i].type == 1){
92                        itemCategoryVenueHtml = itemCategoryVenueHtml + '<div class="category-content">';
93                        itemCategoryVenueHtml = itemCategoryVenueHtml + '<img src="'+data.cities[0].categories[i].icon_svg.src+'" onclick="venueSelect2(1,\''+data.cities[0].categories[i].url+'\',\''+data.cities[0].categories[i].name+'\')">';
94                        itemCategoryVenueHtml = itemCategoryVenueHtml + '<p class="headerVenue">'+data.cities[0].categories[i].name+'</p>';
95                        itemCategoryVenueHtml = itemCategoryVenueHtml + '</div>';
96                      
97                    }else{
98                        itemCategoryVendorHtml = itemCategoryVendorHtml + '<div class="category-content">';
99                        itemCategoryVendorHtml = itemCategoryVendorHtml + '<img src="'+data.cities[0].categories[i].icon_svg.src+'" onclick="venueSelect2(2,\''+data.cities[0].categories[i].url+'\',\''+data.cities[0].categories[i].name+'\')">';
100                        itemCategoryVendorHtml = itemCategoryVendorHtml + '<p class="headerVenue">'+data.cities[0].categories[i].name+'</p>';
101                        itemCategoryVendorHtml = itemCategoryVendorHtml + '</div>';
102                     
103                    }
104                }
105                $("#categoryVenueContainer").append(itemCategoryVenueHtml);
106                $("#categoryVendorContainer").append(itemCategoryVendorHtml);
107
108                setScroll();
109            }
110          }
111        },
112        error: function (xhr, ajaxOptions, thrownError) {
113            alert('error')
114        }
115    });
116}
117
118$(document).ready(function(){
119    setScroll2();
120    var viewportWidth = jQuery(window).width();
121
122    if (viewportWidth < 481) {
123       destroyScroll2();
124    } else {
125        // Do some thing
126    }
127   //loadTest(1);
128});