Question on Masonry

Hey Jochen,

Thank you for the inquiry.

This should be possible with a custom script. Please try this code in the functions.php file:

add_action( 'wp_footer', 'auto_click_sort_button_by_tag', 100 );
function auto_click_sort_button_by_tag() {
    ?>
    <script>
    document.addEventListener("DOMContentLoaded", function () {
        const urlParams = new URLSearchParams(window.location.search);
        const tag = urlParams.get("tag");

        if (tag) {
            const buttonClass = tag + "_sort_button";
            const button = document.querySelector("." + buttonClass);

            if (button) {
                button.click();
            }
        }
    });
    </script>
    <?php
}

This should automatically activate the corresponding masonry sorting button based on the value of the ?tag= parameter in the URL. For example:

https://site.com/masonry?tag=images

Best regards,
Ismael

Hi,

Thank you for the update.

What happens when you replace the URL param with sort_tag or something else other than tag? We may need to access the site to properly test the modification. Please provide the login details in the private field.

Best regards,
Ismael

Hi,

You may have forgotten to include the password. Please post the info in the private field.
Have you tried using ?sort_tag=inbound?

Make sure to update this line with the correct parameter name.

const tag = urlParams.get("tag");

Best regards,
Ismael

Hi,

We modified the script in the functions.php file a bit. It should be working correctly now. Please make sure to purge the cache or remove the browser history before testing. (see private field)

/* Masonry erweitern */
add_action( 'wp_footer', 'av_click_sort_button_by_tag', 100 );
function av_click_sort_button_by_tag() {
    ?>
    <script>
   (function ($) {
	   $(function () {
			const urlParams = new URLSearchParams(window.location.search);
			const tag = urlParams.get("sort_tag");
			console.log(tag);

			if (tag) {
				const buttonClass = tag + "_sort_button";
				const button = $("." + buttonClass + " .inner_sort_button")[0];
				console.log(button);

				if (button) {
					button.click();
				}
			}
		});
	})(jQuery);
    </script>
    <?php
}

Best regards,
Ismael

Hi,

You’re quite welcome! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael