Und gleich die nächste Frage
Ich habe ein simples Suchformular eingebunden, welches das benutzerdefinierte Feld "Kategorie" einbezieht. Der Code sieht folgendermaßen aus:
<select id="" name="customfield_kategorie[]" class="" style=""
placeholder="Kategorie auswählen" size="100" >
<option value="caps" >caps</option>
<option value="trikots" >trikots</option>
<option value="herren" >herren</option>
<option value="damen" >damen</option>
<option value="kinder" >kinder</option>
<option value="shirts" >shirts</option>
<option value="bälle" >bälle</option>
<option value="deko" >deko</option>
</select>
Display More
Jetzt möchte ich drei Dinge ändern
1. Die einzelnen Kategorien sollen nicht als Dropdown, sondern nebeneinander aufgelistet werden
2. Ich hätte gern eine Auswahl, die (wieder) alle Produkte anzeigt, also ungefiltert
3. Nach der Kategorieauswahl und dem Neuladen der Seite möchte ich, dass ich sehen kann, welche Kategorie ich denn nun gewählt habe.
Ich habe jetzt folgenden Lösungsansatz:
<form>
<fieldset>
<ul style="list-style-type:none">
<li>
<label>
<input type="checkbox" name="customfield_kategorie[]" value="">
Alle Produkte
</label>
</li>
<li>
<label>
<input type="checkbox" name="customfield_kategorie[]" value="caps">
Caps
</label>
</li>
<li>
<label>
<input type="checkbox" name="customfield_kategorie[]" value="shirts">
Shirts
</label>
</li>
<li>
<label>
<input type="checkbox" name="customfield_kategorie[]" value="bälle">
Bälle
</label>
</li>
</ul>
</fieldset>
</form>
Display More
Punkt 1 würde ich wohl lösen können.
Punkt 2 funktioniert nicht, es werden unter "Alle Produkte" keinerlei Produkte angezeigt
Punkt 3 wird vermutlich nur mit JavaScript lösbar sein? Wenn ja, gibt es eine Möglichkeit, JS einzubinden?
Dankeschön!