Filtrowanie elementów po Tag'ach Opcje

[mop]

Witam,
zmagam się właśnie z problemem filtrowania zawartości strony, ale może od początku.
Chcę zrobić formularz zamówieniowy, problem polega na tym, że produkty będące w tym formularzy występują w różnych wariantach tzn. dany produkt występuje np. w dwóch kolorach, czterech rozmiarach i dodatkowo może mieć trzy typy otworów.
Gdybym chciał każdą konfigurację wyświetlić na stronie formularza to zajęło by to sporo miejsca i całość była by nieczytelna, stąd pomysł na filtrowanie zawartości.
Znalazłem ciekawe skrypty: tagsort oraz filtrify, delikatnie je zmodyfikowałem, niestety nie spełniają one wszystkich moich oczekiwań, a na głębsze modyfikacje jestem za krótki :/. Stwierdziłem, że bardziej realne jest zrobienia czegoś od podstaw.
Założenia są następujące:
- każdy produkt posiada atrybuty, które zawierają wartość (Tag) zgodną ze specyfikacją produktu
- formularz posiada elementy, których zaznaczenie (kliknięcie) powoduje, że pokazywany jest produkt zawierający daną wartość. Elementy te są z góry ustalone (nie są wyszukiwane w treści strony jak w tagsort i filtrify)
- Tagi z tej samej kategorii wykluczają się (tzn. nie można wybrać jednocześnie np. dwóch kolorów)
- Tagi z różnych kategorii sumują się

Co do funkcjonalności, to widzę to mniej więcej tak: wybierając interesujące nas tagi, są one zapisywane do tablicy (tutaj następuje sprawdzenie czy są to tagi z tej samej kategorii) -> produkty, które zawierają takie same tagi jak tablica są pokazywane, reszta pozostaje ukryta.

Pytanie: Jak to ugryźć? Czy to jest dobre podejście do tego problemu? Czy ktoś wie jak inaczej (lepiej) można zrobić filtrację zawartości. Czy jquery jest tutaj najlepszym sposobem? Wszelkie uwagi i sugestie mile widziane .

Ten post edytował mop 4.07.2017, 12:11:34