Query string to pre-filter

Hi @stephenk96 did you manage to pass a query string to filter the page on load? Would you be willing to provide me some code samples so I can try and learn to do this also?

Thanks!

Thank you again! I am not sure how, but with the help of ChatGPT and some trial and error I have managed to get my first JS script working 🙂

A simple ?terms=162,176,etc on my URL is working perfectly.

document.addEventListener('DOMContentLoaded', function() {

    // Function to get query parameters
    function getQueryParams() {
        const params = new URLSearchParams(window.location.search);
        return params.get('terms'); // Get the value of 'terms'
    }

    // Get terms from query string
    const terms = getQueryParams();

	// Update the term using YMCTools if terms exist
    if (terms) {

		// Stop the filter loading posts
		wp.hooks.addAction('ymc_stop_loading_data', 'smartfilter', function(elem) {
			if( elem.classList.contains('data-target-ymc1122-1') ) {
				elem.dataset.loading = 'false';
				console.log('Loading stopped for:', elem);
			}
		});

		jQuery(document).on("ready", function () {

			// Update the term using YMCTools
			try {
				//YMCTools({ target: '.data-target-ymc1122-1', terms: '162,176' }).apiTermUpdate();
				YMCTools({ target: '.data-target-ymc1122-1', terms: terms }).apiTermUpdate();
			} catch (error) {
				console.error('Error updating term:', error);
			}	
			
		});
		
	} else {
        console.warn('No terms provided in the query string.');
    }
	
});

Is there a way to show the selected items below the filter, the same way that they are shown when manually filtering?

• This reply was modified 1 year, 8 months ago by Brendan Shanahan.

Thank you, I built a custom filter and this works great!