kad jednom napises sql query (a moze da ti donese odjednom i vise rezultata) onda je na php da prosledi podatke na html (ili putem json objekata - preporuceno) ili kroz neki rendering

kad kasnije napravish html sa prvom bojom onda nakacish event mouse over na kvadratic boje pa onda ajax call do php -> php zove bazu da dobije podatke i ti osvezis sliku gore pomocu jquerija kad ti ajax vrati json objekat

Napravio sam sql upit koji izvlači odgovarajuće podatke. Php to prosleđuje u obliku json-a. E sad, kao što si ti već naznačio, ponavljaju mi se produkti u json-u i samim tim mi jquery skripta za formiranje htlm-a izbacuje prikaz nekoliko istih artikala koji se razlikuju po boji. Sad pokušavam da nekako izdvojim samo jedan "primerak" produkta, gde će u prikazu artikla da se izlistaju i ostale boje tog artikla. Dole prikazani kod je za listanje svih artikala uslovno rečeno. Kada bih ubacio filtriranje npr. WHERE boja_naziv = "red", on će da mi izvuče iz baze sve produkte koji imaju crvenu boju ali informacije o ostalim bojama neću moći da dobijem...

Tako je, zato sam ti rekao da napravis dva upita, jedan za sve boje, a drugi kad uradis mouse over event preko ajax a na php pa do baze i vratis razlicit objekat json.

Najbolje je naravno napraviti model ali sad ne znam kako to ide sa PHP i da li imas neki MVC pattern u njemu. Najbolje da imas model na server strani koji ces da napunis potrebnim informacijama. Cak i taj json objekat koji vracas moze za prvu ruku da ti bude taj model. Onda napravis drugi model json koji ce samo da ti se puni kad korisnik klikne na neku drugu boju.

Razumem na šta ciljaš. Moraću na jednom mestu da izvučem sve artikle pa onda da pozivam odgovarajuće. Ne koristim MVC iako imam neka ograničena iskustva sa konceptom. Ono što mi trenutno pada na pamet je:
Varijanta gde imam sve izlistano (dobijeni json):
Produkt Boja Brand itd:
LG        red   retro
LG        yellow retro
LG        black   retro

pretvaram u verziju:

Produkt boja1 boja2 boja3 brand
LG red yellow black retro

Da tako nesto. Prva poseta stranici izlistas artikle preko html templata za svaki.

gore ide prva slika iz baze sa imenom artikla i proizvodjachem i prvom bojom koja je vezana za tu sliku. Ako nemas sliku za tu boju, dash prvu sliku koja je dostupna, ako nemas uopste slike onda stavish neku sliku univerzalnu. Dole das sve boje dostupne za taj artikal.

Posle uradish ajax klik na bojama iz kvadratica i samo zamenis sliku preko jquerija i to je to, ostalo ne dirash (osim ako ne menjas i naziv proizvoda tipa "LG zvucnici XCL2000 crni" onda moras i taj span/div  da
osvezish.

E sad mozes to sve da optimizujes tipa ako nemas zilion proizvoda (a ako imas svakako ces da radish paging) onda u neki array na javascriptu napunis sa svim potrebnim podacima pa onda ne moras da ides na ajax i server pozivanje, nego samo uzimas podatke iz tog array-a.

Ides na server side samo ako korisnik klikne next page ili recimo imas jquery popup div sa detaljnim podacima o artiklu - na primer