var $=jQuery.noConflict();
jQuery(document).ready(function($) { $('.product-show-slide-content').slick({ slidesToShow: 4, // default desktop values slidesToScroll: 1, rows: 2, prevArrow: $('.product-slide-left'), nextArrow: $('.product-slide-right'), responsive: [ { breakpoint: 1000, settings: { slidesToShow: 3, // default desktop values slidesToScroll: 1, rows: 2, prevArrow: $('.product-slide-left'), nextArrow: $('.product-slide-right') } }, { breakpoint: 700, settings: { slidesToShow: 2, // default desktop values slidesToScroll: 1, rows: 2, prevArrow: $('.product-slide-left'), nextArrow: $('.product-slide-right') } }, { breakpoint: 500, settings: { slidesToShow: 1, // default desktop values slidesToScroll: 1, rows: 2, prevArrow: $('.product-slide-left'), nextArrow: $('.product-slide-right') } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); $(".nav-menu li").hover( function () { $(this).children("ul.sub-menu").stop(true, true).slideDown(200); $(this).addClass("current-menu-item"); }, function () { $(this).children("ul.sub-menu").stop(true, true).slideUp(200); $(this).removeClass("current-menu-item"); } ); $(".showmenu").click(function(){ $(this).toggleClass("active"); $(".main-navigation").toggleClass("show"); }); $(".showsearch").click(function(){ $(this).toggleClass("active"); $("#searchform").toggleClass("show"); }); });