dehkadeh wp

My Code

(function($){
    
    var widgetsHandler = function( $scope, $ ) {
      
        if ( $scope.find('.my-slider-container').length ) {
            var sliderSettings = '';
            var sliderContainer = '';


            if ( 'undefined' === typeof Swiper ) {
                const asyncSwiper = elementorFrontend.utils.swiper;

                new asyncSwiper( sliderContainer, sliderSettings ).then( ( newSwiperInstance ) => {
                    var swiper = newSwiperInstance;
                } );
            } else {
                var swiper = new Swiper(sliderContainer, sliderSettings);
            }
        }
    }

    $( window ).on( 'elementor/frontend/init', function () {
        elementorFrontend.hooks.addAction( 'frontend/element_ready/widget', widgetsHandler );
    });
	
})( jQuery );

I tested it with latest version of wordpress and duplicator on PHP 7.4 on xampp. It is not online. Did you tested it yourself with manual extraction?

Certainly no, because duplicator remove all files. I create package with the newest version 1.5.5 and try it multiple. Do you tested it with the manual extraction method?

It removes all files in wp-admin and wp-include and wp-content and make them empty and also removes all other wordpress files except wp-config.php.

It cause in manual extraction method but extract by duplicator working fine.

I tested it in a folder in xampp. xampp/htdocs/new

Suppose you set 1500px for container width in global settings, designed pages with the Elementor, and export all data. Now install the theme on a new site and want to import that data. So you need to change the global container width again in the new site to be compatible with that theme.

It can be solved for theme designers by adding a filter for the default size value for the ‘container_width’ control.

Thanks

Yes, This is a bug in the new version. Elementor skip value ‘0’ CSS compile in widget spacing, style controls , …

Please check it

https://postimg.cc/gallery/B0gd478

Variables in <script id=’woof-js-before’> are not defined in plugin_options.js line 495

Error in \woocommerce-products-filter\js\plugin_options.js line 495

if (this.woof_ext_custom) {
woof_init_ext_uploader(this.woof_abspath, this.woof_ext_path, this.woof_ext_url);
}

Hi,

I have tested it on a new WordPress installation in localhost. It has a problem. Please check it.

Also it has js errors in console.

Uncaught SyntaxError: Invalid hexadecimal escape sequence
jquery.min.js?ver=3.6.0:2 jQuery.Deferred exception: woof_ext_custom is not defined ReferenceError: woof_ext_custom is not defined
    at HTMLDocument.<anonymous> (https://localhost/test/wp-content/plugins/woocommerce-products-filter/js/plugin_options.js?ver=1.2.9.2:496:5)
    at e (https://localhost/test/wp-includes/js/jquery/jquery.min.js?ver=3.6.0:2:30038)
    at t (https://localhost/test/wp-includes/js/jquery/jquery.min.js?ver=3.6.0:2:30340) undefined
S.Deferred.exceptionHook @ jquery.min.js?ver=3.6.0:2
jquery.min.js?ver=3.6.0:2 Uncaught ReferenceError: woof_ext_custom is not defined
    at HTMLDocument.<anonymous> (plugin_options.js?ver=1.2.9.2:496:5)
    at e (jquery.min.js?ver=3.6.0:2:30038)
    at t (jquery.min.js?ver=3.6.0:2:30340)

This helped me: https://developers.elementor.com/experiment-optimized-asset-loading/

if ( 'undefined' === typeof Swiper ) {
  const asyncSwiper = elementorFrontend.utils.swiper;
 
  new asyncSwiper( swiperElement, swiperConfig ).then( ( newSwiperInstance ) => {
    console.log( 'New Swiper instance is ready: ', newSwiperInstance );
 
    mySwiper = newSwiperInstance;
  } );
} else {
  console.log( 'Swiper global variable is ready, create a new instance: ', Swiper );
 
  mySwiper = new Swiper( swiperElement, swiperConfig );
}

Your advice was not effective.
The problem is with Improved Asset Loading in V3.5. I have no problem with previews versions.

I rollbacked to 3.4.8 and it’s works.
What happened in V3.5 for js hooks?
I couldn’t find anything in changelog.

It’s on localhost.
All things works good. Just by below method, Elementor not load swiper.js (and probably other libs js).

elementorFrontend.hooks.addAction( ‘frontend/element_ready/widget’, function() {
var swiper = new Swiper(carouselContainer, carouselSettings);
});

Solved