试图从API而不是数据库中显示产品

Question

我想用我的API中的产品填充网上商店，而不是来自Wordpress数据库。

所以我正在做一个HTTP GET请求来获取我的产品，这给了我以下回复：

[
    {
        "id": "1",
        "name": "Product 1 from API"
        "price": 1,
        "vat": 19
    },
    {
        "id": "2",
        "name": "Product 2 from API"
        "price": 1,
        "vat": 0
    },
    {
        "id": "3",
        "name": "Product 3 from API"
        "price": 2,
        "vat": 21
    }
]

现在我很乐意使用这些数据在商店页面上显示它。不将其插入Wordpress数据库。但我不知道如何。

我已经尝试过以下钩子：

woocommerce_before_shop_loop
woocommerce_before_shop_loop_item
woocommerce_before_shop_loop_item_title
woocommerce_shop_loop_item_title

不幸的是，没有成功。

目前我有这个：

链接到屏幕截图：http://imagizer.imageshack.us/v2/1645x944q90/923/VEYldV.png

但产品＆＃34;育雏＆＃34;，＆＃34; kaas＆＃34;和＆＃34; vis＆＃34;来自我不想要的Wordpress数据库。