kaynaktan başlık, görsel, url çekmek için kullanacağın fonksiyon

function getProducts($source) {
    preg_match_all('@<div class="pBox" data-title="[0-9a-zA-Z-_]+">(.*?)</div>@', $source, $items);
    if (isset($items[1])) {
        foreach($items[1] as $key => $item) {
            preg_match('@<img class="app-center" src="(.*?)" alt="(.*?)" >@', $item, $image);
            preg_match('@<a href="(.*?)">@', $item, $url);
            [, $image, $title] = $image;
            yield [
                'title' => $title,
                'url' => $url[1],
                'image' => $image
            ];
        }
    }
}

kullanırken

$url = 'https://www.gardrops.com/kawaicity';
$source = file_get_contents($url);
$products = getProducts($source);

foreach($products as $product) {
    print_r($product);
}

tabi ilk 12 ürünü gösteriyor, networkten bakınca sonraki ürünleri getirmek için şu adrese
https://www.gardrops.com/resources/pageFeed

şu bilgilerle

{
    page: 1,
    url: '/kawaicity'
}

POST isteği atılıyor. Sen de 2. sayfadaki ürünlerini almak için php curl ile bu isteği yaptığında, dönen kaynak kodunu yine fonksiyondan geçirip değişiklik yapmadan kullanabilirsin, o kadarınıda sana bırakıyorum :)