FROM CACHE - de_header

Aktuelle URL in Javascript / Für Filter

sbengel
Tourist
7 0 4

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

1 ANTWORT 1
r8r
Shopify Expert
2350 305 834

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

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte