Aktuelle URL in Javascript / Für Filter

[sbengel]

Hallo, ich habe in meinen Template eine Sidebar mit Flierfunktion.

Dort kann ich z.B. nach "Type" filtern, was auch gut klappt. Wenn ich jetzt aber in einer Kategorie bin "Katgeorie1" und nach Type filtere, dann springt er auf alle Kategorien und filtert dort.
Es soll aber in der aktuelle Kategorie gefiltert werden.

Ich bin ein bisschen fit in HTML und co. nur leider bei Java da hört es auf.

Hier mal der Auszug wo die Variable übergeben wird:

// SELECT TYPE
		$('#type_select').on('change', function() {
			
			if ($(this).prop('value') == 'all') {
				queryType = '';
			} else {
				$('#category_select option[value="all"]').prop('selected', 'true');
				$('#tag_select_1 option[value="all"]').prop('selected', 'true');
				$('#tag_select_2 option[value="all"]').prop('selected', 'true');

				queryType = 'types?a=' + $(this).prop('value');
			};
			return queryType, queryCollection = '', queryTag1 = '', queryTag2 = '';
		});
		

Jetzt müsste man doch eigentlich hier (queryType = 'types?q=' + $(this).prop('value'); )nur die aktuelle Kategorie als variable mitgeben, aber leider weiß ich nicht wie.

Im HTML wäre es ja {{ collection.url }}

Könnt Ihr mir hier helfen?

Danke

[r8r]

Hi @sbengel 

du könntest die Variable im liquid html-Template in einem JS-Block zuweisen, oder z.b. in einem data-Attribut, als Klasse, als Inhalt eines unsichtbaren Elements, etc. setzen und dann wie auch die anderen Parameter in deinem Codeblock auslesen. Möglicherweise wird der Wert ohnehin schon in einem canonical link-Tag im head gesetzt. Von dort kannst du’s dann auch auslesen.

Ich hoffe, dass das hilft,
Mario