/* Script : Main JS Version : 1.0 Author : Surjith S M URI : http://themeforest.net/user/surjithctly Copyright © All rights Reserved Surjith S M / @surjithctly */ $(function() { "use strict"; /* ================================================ Hide Preloader on Click ================================================ */ $('.preloder').on('click', function() { $(this).fadeOut(); }); /* ================================================ Navigation Menu - Hover ================================================ */ function bindNavbar() { if ($(window).width() > 768) { $('.navbar .dropdown').on('mouseover', function() { $('.dropdown-toggle', this).next('.dropdown-menu').show(); }).on('mouseout', function() { $('.dropdown-toggle', this).next('.dropdown-menu').hide(); }); $('.dropdown-toggle').on('click', function() { if ($(this).next('.dropdown-menu').is(':visible')) { window.location = $(this).attr('href'); } }); } else { $('.navbar-default .dropdown').off('mouseover').off('mouseout'); } } $(window).resize(function() { bindNavbar(); }); bindNavbar(); /* ================================================ Flexslider ================================================ */ //Flexslider for today's special if ($('.special-slider').length) { $('.special-slider').flexslider({ animation: "slide", controlNav: false, directionNav: false }); $('.prev').on('click', function() { $('.special-slider').flexslider('prev'); return false; }); $('.next').on('click', function() { $('.special-slider').flexslider('next'); return false; }); //removes flexslider chrome bug $('.special-slider').flexslider('next'); } /* ================================================ Ispotope Menu Filter ================================================ */ //Isotope menu if ($('.menu-items').length) { var $grid = $('.menu-items').isotope({ // options itemSelector: '.menu-item', layoutMode: 'fitRows' }); // filter items on button click $('.menu-tags').on('click', 'span', function() { $('.menu-tags span').removeClass('tagsort-active'); $(this).toggleClass('tagsort-active'); var filterValue = $(this).attr('data-filter'); $grid.isotope({ filter: filterValue }); }); } //Isotope menu if ($('.menu-items2').length) { var $grids = $('.menu-items2').isotope({ // options itemSelector: '.menu-item2', layoutMode: 'fitRows' }); // filter items on button click $('.menu-tags2').on('click', 'span', function() { $('.menu-tags2 span').removeClass('tagsort2-active'); $(this).toggleClass('tagsort2-active'); var filterValue = $(this).attr('data-filter'); $grids.isotope({ filter: filterValue }); }); } //Isotope menu if ($('.menu-items3').length) { var $grid3 = $('.menu-items3').isotope({ // options itemSelector: '.menu-item3', layoutMode: 'fitRows' }); // filter items on button click $('.menu-tags3').on('click', 'span', function() { $('.menu-tags3 span').removeClass('tagsort3-active'); $(this).toggleClass('tagsort3-active'); var filterValue = $(this).attr('data-filter'); $grid3.isotope({ filter: filterValue }); }); } //Isotope menu if ($('.menu-items4').length) { var $grid4 = $('.menu-items4').isotope({ // options itemSelector: '.menu-item4', layoutMode: 'fitRows' }); // filter items on button click $('.menu-tags4').on('click', 'span', function() { $('.menu-tags4 span').removeClass('tagsort4-active'); $(this).toggleClass('tagsort4-active'); var filterValue = $(this).attr('data-filter'); $grid4.isotope({ filter: filterValue }); }); } //Isotope menu if ($('.recipie-items').length) { var $grid5 = $('.recipie-items').isotope({ // options itemSelector: '.recipie-item', layoutMode: 'masonry' }); // filter items on button click $('.recipie-tags').on('click', 'span', function() { $('.recipie-tags span').removeClass('recipie-active'); $(this).toggleClass('recipie-active'); var filterValue = $(this).attr('data-filter'); $grid5.isotope({ filter: filterValue }); }); } //Isotope menu if ($('.blog-mason').length) { var $grid6 = $('.blog-mason').isotope({ // options itemSelector: '.blog-mason-item', layoutMode: 'masonry' }); // filter items on button click $('.blog-tags').on('click', 'span', function() { $('.recipie-tags span').removeClass('blog-active'); $(this).toggleClass('blog-active'); var filterValue = $(this).attr('data-filter'); $grid6.isotope({ filter: filterValue }); }); } /* ================================================ Slick Slider ================================================ */ //slick slider for trusted if ($('.trusted-slider .slides').length) { $('.trusted-slider .slides').slick({ autoplay: true, autoplaySpeed: 2000, arrows: false, dots: true }); } //slick slider for trusted if ($('.blog-slider').length) { $('.blog-slider').slick({ autoplay: true, autoplaySpeed: 2000, arrows: false, dots: true }); } // Services Carousel if ($('.services-slider').length) { $('.services-slider').slick({ dots: true, arrows: false, infinite: false, speed: 300, slidesToShow: 2, slidesToScroll: 1, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 1, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); } // Featured Recipes if ($('.featured-recipies').length) { $('.featured-recipies').slick({ dots: true, arrows: false, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 1, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 4, slidesToScroll: 1, infinite: true, dots: true } }, { breakpoint: 767, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); } // Single Recipe Carousel $('.single-recipe-carousel').slick({ autoplay: true, slidesToShow: 1, slidesToScroll: 1, arrows: false, asNavFor: '.single-recipe-carousel-nav' }); $('.single-recipe-carousel-nav').slick({ slidesToShow: 6, slidesToScroll: 1, asNavFor: '.single-recipe-carousel', focusOnSelect: true }); // Single Shop Carousel $('.single-shop-carousel').slick({ autoplay: true, slidesToShow: 1, slidesToScroll: 1, arrows: false, asNavFor: '.single-shop-carousel-nav' }); $('.single-shop-carousel-nav').slick({ slidesToShow: 3, slidesToScroll: 1, asNavFor: '.single-shop-carousel', focusOnSelect: true }); /* ================================================ Owl Carousel ================================================ */ //OwlCarousel2 for sponsors if ($('.trusted-sponsors').length) { $('.trusted-sponsors').owlCarousel({ loop: false, center: false, margin: 30, responsive: { 0: { items: 2 }, 600: { items: 3 }, 1000: { items: 5 } } }); } /* ================================================ Instagram Feed ================================================ */ if ($('#instafeed').length) { var ig_user = $('#instafeed').attr('data-username'); var ig_access_token = $('#instafeed').attr('data-access-token'); var ig_cliet_id = $('#instafeed').attr('data-client-id'); var user_pacehold = 'YOUR_INSTAGRAM_USERNAME_HERE'; var access_pacehold = 'YOUR_INSTAGRAM_ACCESS_TOKEN_HERE'; var client_pacehold = 'YOUR_INSTAGRAM_CLIENT_ID_HERE'; if (ig_user == user_pacehold || ig_access_token == access_pacehold || ig_cliet_id == client_pacehold) { $('#instafeed').html('
To display Instagram Photos, Please add your username, access token and client id in the HTML.