JavaScript code for advanced ecommerce website tutorial by WP Academy.

javascript.js

/* 
* Description: JavaScript code for advanced ecommerce website tutorial by WP Academy.
* Author: WP Academy
* Author URL: https://wpacademy.pk
* Usage Info:
Use appropirate jQuery code inside an HTML widget (Elementor) in appropirate sections/templates.
Don't forget to wrap your code inside '<script>YOUR CODE</script>' tags.
*/

// Desktop Header Mega Menu Toggle.
jQuery(document).ready( function() {
    jQuery("#toggleMegaMenu").click(
        function(){
            jQuery(".wpac-mega-menu").slideToggle();
            jQuery("#toggleMegaMenu i").toggleClass('fas fa-bars fas fa-chevron-up');
        }    
    );
});

// Mobile Menu Toggle.
jQuery(document).ready( function() {
    jQuery("#toggleMobileMenu").click(
        function(){
            jQuery(".wpac-mobile-menu").slideToggle();
            jQuery("#toggleMobileMenu i").toggleClass('fas fa-bars fas fa-chevron-up');
        }    
    );
});

// Shop Page Filters Toggle.
jQuery(document).ready( function() {
    jQuery("#toggleMoreFilters").click(
        function(){
            var filterBtnTxt = jQuery("#toggleMoreFilters .elementor-button-text").text();
            jQuery(".wpac-more-filters").slideToggle();
            jQuery("#toggleMoreFilters i").toggleClass('fas fa-chevron-down fas fa-chevron-up');
            jQuery('#toggleMoreFilters .elementor-button-text').text(
        filterBtnTxt == "Show More Filters" ? "Hide More Filters" : "Show More Filters");
        }    
    );
    
});