sascha_kote
Threadersteller
Dabei seit: 18.10.2007
Ort: Münster
Alter: -
Geschlecht:
|
Verfasst Di 22.12.2015 09:57
Titel Produktübersicht - filterbar machen |
|
|
Guten Morgen,
ich habe eine Produktübersicht und würde das gerne filterbar machen.
Hatte mit dem Thema noch nie was zu tun.
Eigentlich möchte ich per Klick mir entweder alle oder nur Sommer, Herbst oder Winter anzeigen lassen.
Freue mich über Tipps, Danke
Sascha
<ul class="grid swipe-rotate" id="grid">
<li><a class="expander" href="sommer.html" title=""><img src="foto.jpg"><h3>Sommer</h3></a></li>
<li><a class="expander" href="sommer.html" title=""><img src="foto.jpg"><h3>Sommer</h3></a></li>
<li><a class="expander" href="sommer.html" title=""><img src="foto.jpg"><h3>Sommer</h3></a></li>
<li><a class="expander" href="winter.html" title=""><img src="foto.jpg"><h3>Winter</h3></a></li>
<li><a class="expander" href="winter.html" title=""><img src="foto.jpg"><h3>Winter</h3></a></li>
<li><a class="expander" href="winter.html" title=""><img src="foto.jpg"><h3>Winter</h3></a></li>
<li><a class="expander" href="winter.html" title=""><img src="foto.jpg"><h3>Winter</h3></a></li>
<li><a class="expander" href="winter.html" title=""><img src="foto.jpg"><h3>Winter</h3></a></li>
<li><a class="expander" href="winter.html" title=""><img src="foto.jpg"><h3>Winter</h3></a></li>
<li><a class="expander" href="winter.html" title=""><img src="foto.jpg"><h3>Winter</h3></a></li>
<li><a class="expander" href="winter.html" title=""><img src="foto.jpg"><h3>Winter</h3></a></li>
</ul>
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht:
|
Verfasst Di 22.12.2015 10:19
Titel
|
|
|
wenn es nur wenige produkte sind, kannst du das mit jquery und addclass / removeclass bewerkstelligen, gerne auch mit einer animation verbunden, damit die produkte ausfaden die du nicht angezeigt bekommen willst.
sind es viele produkte, würde ich einen erneuten aufruf einer seite via ajax bewerkstelligen, auch hier kann dir jquery eine hilfe sein.
viel erfolg.
|
|