becleung

It looks like the file product-filter-price.js is from a paid product, which I don’t have, so I can only guess, I can’t test my theory… but I’m guessing product-filter-price.js is being loaded too soon.

Whatever “r” is, it’s probably defined by some script somewhere on your page, and product-filter-price.js needs to go after that.

My script might be putting product-filter-price.js in the header when it’s supposed to be in the footer.

So maybe you need to use wp_enqueue_script to put product-filter-price.js in the footer.

Maybe something like this?

add_action( 'wp_enqueue_scripts', 'enqueue_product_filter_price_after_r' );
function enqueue_product_filter_price_after_r() {
    wp_enqueue_script('productfilterprice', plugins_url('woocommerce/assets/client/blocks/woocommerce/product-filter-price.js','woocommerce'), array(), '1.2.3', true);
}

You might have to adjust a few things. Such as the version number is probably not “1.2.3”, so put whatever the version number is, instead of “1.2.3”.

• This reply was modified 6 months ago by becleung. Reason: Edited to correct mistake in wp_enqueue_script

Some web browsers have trouble getting anything from importmap if there’s a whole bunch of other javascript before this:

<script type="importmap" id="wp-importmap">

Those web browsers will throw an error like this:

Uncaught TypeError: The specifier “@wordpress/interactivity” was a bare specifier, but was not remapped to anything. Relative module specifiers must start with “./”, “../” or “/”.

In the file wp-includes/class-wp-script-modules.php, there is a public function called add_hooks()

The trouble is, there is no priority set in the following add_action in that function:

		add_action( $position, array( $this, 'print_import_map' ) );
		add_action( $position, array( $this, 'print_enqueued_script_modules' ) );
		add_action( $position, array( $this, 'print_script_module_preloads' ) );

That pretty much leaves it up to chance whether the import map loads before or after other javascript.

So to make sure it loads before most other javascript, I added this to my child theme’s functions.php file:

remove_action( 'after_setup_theme', array( wp_script_modules(), 'add_hooks' ) );
add_action('wp_head', 'print_import_map_before_plugin_scripts', 8);
function print_import_map_before_plugin_scripts() {
    wp_script_modules()->print_import_map();
    wp_script_modules()->print_enqueued_script_modules();
    wp_script_modules()->print_script_module_preloads();
    echo "\r\n";
}

Maybe the WordPress team will add priority to those actions in the wp-includes/class-wp-script-modules.php file eventually. If that happens, it will no longer be necessary to add all this stuff to the functions.php file. But for now, this works, and it gives you just one importmap script instead of two.

Wow, good job figuring that out!

I can confirm the upload path on my website is also not in the standard wp-content folder. So makbeta is very likely correct.

Just coming back to report that Gutenslider 5.0.9 solves the remaining issue on older Safari browsers (with adaptive height slider showing up as a tiny bar before growing to full size on the second slide).

I’m testing this on a WordPress install with no other plugins, using the Twenty Twenty-One theme, on Safari 12.1.2

The slider is set to “adaptive height”

Here is a screenshot:
https://www.dropbox.com/s/73i0ssknkj13nfy/Screen%20Shot%202021-05-12%20at%204.37.23%20AM.png

I realize this is a slightly older browser, so maybe a little bit of odd behavior is understandable, and it’s not worth trying to fix it if everything’s fine on newer browsers.

The slider even shows up on Safari 9.1.3 – but with the same “starts small” behavior.

This is a pretty minor quirk, all things considered.

I did find another slider that scales the slideshow with the browser width while keeping the aspect ratio the same, without this quirk on older browsers, so I’m going with that. Just thought this information might be useful to you.

It’s not just you. I’m looking into installing a slider for a client’s new website, and this would have been my pick if not for this issue.

I just tried Gutenslider version 5.0.6 on a completely new WordPress install with no plugins and no themes other than Twenty Twenty-One. Yes, the slideshow is blank in Safari. Works in Chrome and Firefox, though.

Gutenslider’s own website’s header slider is blank in Safari.

In Safari’s Web Inspector, I’m seeing this error message:

TypeError: i[s].addEventListener is not a function. (In ‘i[s].addEventListener(“change”,n)’,’i[s].addEventListener’ is undefined)

• This reply was modified 4 years, 10 months ago by becleung. Reason: add version number

In your theme folder, create a folder called “tribe-events”, and create a css file called “tribe-events.css” inside that folder. Then put this code inside the “tribe-events.css” file:
.tribe-events-notices{display:none;}