La grande immagine è un catalogo o blocchi di annunci che provengono dalla tabella del catalogo. E le immagini di piccole dimensioni sono il blocco effettivo dei prodotti che proviene dalla tabella del prodotto.
Potrebbero esserci più prodotti e più cataloghi. l'immagine allegata è solo un esempio di layout.
Si prega di fare riferimento al collegamento dell'immagine sottostante per il layout.
Puoi creare una parte di paginazione per php per il recupero dei dati per altezza della finestra e decidere un numero minimo di contenuti per pagina per annuncio e prodotto.
Dopo che la maggior parte del tuo lavoro è stata eseguita da javascript ajax, la richiesta di quel file php in base all'utente lo ha fatto scorrere così tanto che verrà conteggiato come pagina successiva.
/catalog/items?start=20&length=50
class degli elementi HTML; questo abilita il ridimensionamento della vista per far scorrere correttamente le colonne loadMore all'endpoint PHP che hai definito sopra.