How to parse out variables from a JSON var_dump in a Wordpress Plugin

Question

I\'m trying to pull in the JSON data from my API, and get the data out of each key to display nicely in HTML/CSS. Right now having trouble getting the data.

This is

Answer 1

This section of code is quite strange - what is it intended to do?

$data = add_shortcode (
    array(
        'name' => 'name',
        'overview' => 'overview',
        'benefits' => 'benefits'
    ), $data
);

extract($data);

To access your data you can simply do

$data[0]['productname']

You also have your output variables inside a string (inside ''). To bring your data in to the output try:

$data = (json_decode($result, true));
var_dump($data);
$product = $data[0];
$content = '<style>li { margin-left: 20px; }</style>';
$content .='<h2>' . $product['productname'] . '</h2>
    <p>' . $product['overview'] . '</p>
    <ul>
        <li>' . $product["benefits"][0] . '</li>
        <li>' . $product["benefits"][1] . '</li>
    </ul>';

Or with a loop:

$data = (json_decode($result, true));
$content = '<style>li { margin-left: 20px; }</style>';
foreach($data as $product) {
    $content .='<h2>' . $product['productname'] . '</h2>
    <p>' . $product['overview'] . '</p>
    <ul>';
    foreach($product['benefits'] as $benefit) {
        $content .= '<li>' . $benefit . '</li>';
    }
    $content .= '</ul>';

}